175 lines
5.2 KiB
Plaintext
175 lines
5.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 src="https://www.gstatic.com/firebasejs/7.14.1/firebase-storage.js"></script>
|
|
<script defer src="https://www.gstatic.com/firebasejs/7.14.1/firebase-database.js"></script>
|
|
<script src="js/fInit.js"></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="my-products">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="user-message" style="display: <%= message %>;">
|
|
<p>Product added successfully</p>
|
|
</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-list-container">
|
|
<% var keys = Object.keys(products) %>
|
|
<% keys.forEach(function(key){ %>
|
|
<div class="product-container">
|
|
<a href="product?productid=<%=key%>">
|
|
<img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png">
|
|
</a>
|
|
<p class="l"><%= products[key].name%></p>
|
|
<p class="r">£ <%= products[key].price%></p>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="products">
|
|
<p>Personalised 1:</p>
|
|
<div class="product-list-container">
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="products">
|
|
<p>Personalised 2:</p>
|
|
<div class="product-list-container">
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="products">
|
|
<p>Personalised 3:</p>
|
|
<div class="product-list-container">
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="products">
|
|
<p>Recent:</p>
|
|
<div class="product-list-container">
|
|
<div class="product-container">
|
|
<a href="#"><img src="media/var.png" alt="img"></a>
|
|
<p class="l"><%= "Item name"%></p>
|
|
<p class="r">£ <%= "20.99"%></p>
|
|
</div>
|
|
</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>
|
|
<script src="js/fdb.js"></script>
|
|
</body>
|
|
</html> |