147 lines
4.2 KiB
Plaintext
147 lines
4.2 KiB
Plaintext
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>GG Prototype</title>
|
|
<meta name="description" content="GG Prototype Web">
|
|
<meta name="author" content="Max">
|
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-analytics.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script>
|
|
<script defer src="https://www.gstatic.com/firebasejs/7.14.1/firebase-database.js"></script>
|
|
<script>
|
|
// Your web app's Firebase configuration
|
|
var firebaseConfig = {
|
|
apiKey: "AIzaSyCrhgibbVUCOu3Vz3pw9iutGwTXen724eU",
|
|
authDomain: "project-gg-3b754.firebaseapp.com",
|
|
databaseURL: "https://project-gg-3b754.firebaseio.com",
|
|
projectId: "project-gg-3b754",
|
|
storageBucket: "project-gg-3b754.appspot.com",
|
|
messagingSenderId: "338558477178",
|
|
appId: "1:338558477178:web:f1b9069d1da04749a26cc3",
|
|
measurementId: "G-Y42R9NNJXS"
|
|
};
|
|
// Initialize Firebase
|
|
firebase.initializeApp(firebaseConfig);
|
|
firebase.analytics();
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div class="page">
|
|
<div class="navbar">
|
|
<div class="logon-crumbs">
|
|
<div id="uname-field" style="display: none;">
|
|
<a id="uname-dom" class="user-name" href="#">Unregistered user</a>
|
|
<div class="user-logout">
|
|
<a onclick={signout()}>Log out</a>
|
|
</div>
|
|
</div>
|
|
<div id="login-field" style="display: block;">
|
|
<input id="fuid" type="text" placeholder="Username">
|
|
<input id="fpwd" type="password" placeholder="Password">
|
|
<button id="blogin" onclick={signinwithemail()} class="btn-login">➤</button>
|
|
<button id="blogin_g" onclick={signinwithgoogle()} class="btn-g-login"><img src="media/g_logon.png" class="img-g-login" alt="img"></button>
|
|
<button id="blogin_g" onclick={signinwithfb()} class="btn-fb-login"><img src="media/fb_logon.png" class="img-g-login" alt="img"></button>
|
|
</div>
|
|
</div>
|
|
<div class="user-info">
|
|
<div class="notifications">
|
|
🔔 | <%= 0%>
|
|
</div>
|
|
<div class="cart">
|
|
🛒 | <%= 0%>
|
|
</div>
|
|
<div class="add-item">
|
|
<a href="/additmpage">⊕</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sbar">
|
|
<img src="media/gg_logo.png" alt="img">
|
|
<input id="sfield" type="text" placeholder="I Want...">
|
|
<button id="sbutton">Go!</button>
|
|
<a href="#">Extras</a>
|
|
</div>
|
|
<div class="space"></div>
|
|
<div class="welcome">
|
|
<img src="media/welcome.png">
|
|
</div>
|
|
<div class="space"></div>
|
|
<div class="products">
|
|
<p>Popular:</p>
|
|
<div class="product-container">
|
|
<img src="media/var.png" alt="img">
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£<%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="products">
|
|
<p>Personalised 1:</p>
|
|
<div class="product-container">
|
|
<img src="media/var.png" alt="img">
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£<%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
<div class="products">
|
|
<p>Personalised 2:</p>
|
|
<div class="product-container">
|
|
<img src="media/var.png" alt="img">
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£<%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
<div class="products">
|
|
<p>Personalised 3:</p>
|
|
<div class="product-container">
|
|
<img src="media/var.png" alt="img">
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£<%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
<div class="products">
|
|
<p>Recent:</p>
|
|
<div class="product-container">
|
|
<img src="media/var.png" alt="img">
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£<%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="space"></div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="links">
|
|
<a href="#">Help</a>
|
|
<a href="#">Contact</a>
|
|
<a href="#">Legal</a>
|
|
</div>
|
|
<div class="legal">
|
|
<a>© GG Sales 2019-2020. All Rights Reserved. </a>
|
|
<a class="link" href="#">User Agreement</a>
|
|
<a> ,</a>
|
|
<a class="link" href="#">Privacy</a>
|
|
<a> ,</a>
|
|
<a class="link" href="#">Cookies</a>
|
|
</div>
|
|
<div class="location">
|
|
GG Sales US 🇺🇸
|
|
</div>
|
|
</footer>
|
|
<script src="js/fAuth.js"></script>
|
|
</body>
|
|
</html> |