-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHomepage.html
147 lines (115 loc) · 5.33 KB
/
Homepage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!--
This is my own work and I have not received any unauthorized help in completing this.
I have not copied from my classmate, friend, nor any unauthorized resource.
I am well aware of the policies stipulated in the handbook regarding academic dishonesty.
If proven guilty, I won't be credited any points for this endeavor.
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required Bootstrap meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--STYLESHEETS BELOW-->
<!--Bootstrap CSS, Put before other stylesheets-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!--Homepage Stylesheet-->
<link rel="stylesheet" href="Homepage.css">
<link rel="stylesheet" href="Order Page.css">
<!--STYLESHEETS ABOVE-->
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="263497103303-17ogd1h18iu2go6re752gt8jo7tfh2l2.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!--title-->
<title>Welcome to La Bel's Kitchen!</title>
</head>
<body>
<!--NAVIGATION BAR BELOW-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="Homepage.html"><img id="main-logo"src="Logos/Burger Logo.jpg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="Order Page.html">Order Page</a>
</li>
<!--TO BE IMPLEMENTED EVENTUALLY-->
<li class="nav-item">
<a class="nav-link" href="Order_Queue.html">Order Queue</a>
</li>
<li class="nav-item">
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
<script>
function onSignIn(googleUser) {
// Useful data for your client-side scripts:
var profile = googleUser.getBasicProfile();
console.log("ID: " + profile.getId()); // Don't send this directly to your server!
console.log('Full Name: ' + profile.getName());
console.log('Given Name: ' + profile.getGivenName());
console.log('Family Name: ' + profile.getFamilyName());
console.log("Image URL: " + profile.getImageUrl());
console.log("Email: " + profile.getEmail());
// The ID token you need to pass to your backend:
var id_token = googleUser.getAuthResponse().id_token;
console.log("ID Token: " + id_token);
}
// auth2 is initialized with gapi.auth2.init() and a user is signed in.
if (auth2.isSignedIn.get()) {
var profile = auth2.currentUser.get().getBasicProfile();
console.log('ID: ' + profile.getId());
console.log('Full Name: ' + profile.getName());
console.log('Given Name: ' + profile.getGivenName());
console.log('Family Name: ' + profile.getFamilyName());
console.log('Image URL: ' + profile.getImageUrl());
console.log('Email: ' + profile.getEmail());
}
</script>
</li>
<li class="nav-item">
<button class="btn btn-primary btn-md" onclick="signOut();">Sign out</button>
<script>
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
console.log('User signed out.');
location.reload();
});
}
</script>
</li>
<!--TO BE IMPLEMENTED EVENTUALLY-->
</ul>
</div>
</nav>
<!--NAVIGATION BAR ABOVE-->
<!--MAIN FRONT TEXT BELOW-->
<div class="Main_Front_Text">
<div id = "banner">
<h1 id="Maintext">LA BEL'S KITCHEN</h1>
<p id="Mainsubtext">By Lilibel Fermo</p>
<!--ORDER BUTTON BELOW-->
<button type="button" class="btn btn-primary btn-lg"
onclick="window.location='Order Page.html';">Order Now!</button>
<!--ORDER BUTTON ABOVE-->
<!--
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" data-width="300" data-height="50"data-longtitle="true">button</div>
-->
</div>
</div>
<!--MAIN FRONT TEXT ABOVE-->
<!--BOTTOM PAGE TEXT BELOW-->
<div class="Sub_Front_Text">
<div>
<p id="SubMainText"> Bella Building, Magallanes Iraya, Daet, Camarines Norte. #09208724109 </p>
</div>
</div>
<!--BOTTOM PAGE TEXT ABOVE-->
<!--Bootstrap JS-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>