Skip to content

Commit 664f190

Browse files
LENpolygonLENpolygon
committed
Added signup, login, account details, named uploads, and deleting personal builds
1 parent f3dcd0f commit 664f190

File tree

9 files changed

+501
-100
lines changed

9 files changed

+501
-100
lines changed

‎public/build.html‎

Lines changed: 27 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@
1919
<link rel="android-chrome-icon-precomposed" sizes="512x512" href="/assets/android-chrome-512x512.png" />
2020
<!-- Global site tag (gtag.js) - Google Analytics -->
2121
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SXELHG62RJ"></script>
22-
<script>
23-
window.dataLayer = window.dataLayer || [];
24-
function gtag() { dataLayer.push(arguments); }
25-
gtag('js', new Date());
26-
gtag('config', 'G-SXELHG62RJ');
27-
</script>
2822
</head>
2923

3024
<body>
25+
<div id="cookies-eu-banner" style="display: none;">
26+
By continuing to visit this site, you accept the use of cookies by Google Analytics for statistical purposes.
27+
<a href="https://www.lenpolygon.com/" id="cookies-eu-more">Read more</a>
28+
<button id="cookies-eu-reject">Reject</button>
29+
<button id="cookies-eu-accept">Accept</button>
30+
</div>
3131
<header>
3232
<a class="title gold" href="./">Age of Empires IV<br />Build Order Tool</a>
3333
<a href="#" class="desktop-only logged-in modal-trigger" id="account" title="Account"
@@ -108,9 +108,19 @@ <h2 class="title gold">Sign up</h2><br />
108108
<div id="modal-account" class="modal">
109109
<div class="modal-content center-align">
110110
<h2 class="title gold">Account details</h2><br />
111+
<br />
111112
<div class="account-details"></div>
112113
<br />
113-
<a href="#" class="grey-text" id="logout">Logout</a>
114+
<a href="#" class="gold" id="logout">Logout?</a>
115+
<br />
116+
<br />
117+
<br />
118+
<br />
119+
<br />
120+
<div id="yourBuilds"></div>
121+
<br />
122+
<br />
123+
<br />
114124
</div>
115125
</div>
116126

@@ -192,6 +202,16 @@ <h4 class="desktop-only" style="text-align: right; margin-right: 1rem;">Unique<b
192202
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
193203
<script type="module" src="js/build.js"></script>
194204
<script language="javascript" src="js/AoE4_Overlay.js"></script>
205+
<script src="js/eu_cookie_banner.js"></script>
206+
<script>
207+
new CookiesEuBanner(function () {
208+
// Your code to launch when user accept cookies
209+
window.dataLayer = window.dataLayer || [];
210+
function gtag() { dataLayer.push(arguments); }
211+
gtag('js', new Date());
212+
gtag('config', 'G-SXELHG62RJ');
213+
});
214+
</script>
195215
</div>
196216
</body>
197217

‎public/css/build.css‎

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -13,23 +13,6 @@ table .buildTime {
1313
width: 36px
1414
}
1515

16-
button {
17-
cursor: pointer;
18-
display: inline-block;
19-
font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
20-
font-size: 1.3rem;
21-
letter-spacing: .1rem;
22-
line-height: 1.3rem;
23-
padding: .9rem 1.3rem;
24-
text-transform: uppercase;
25-
-webkit-appearance: none;
26-
border-width: 1px;
27-
border-style: solid;
28-
border-color: #ffdb88;
29-
background: #181C29;
30-
color: #ffdb88;
31-
}
32-
3316
.buildActions button:hover {
3417
background: #2C374F;
3518
}

‎public/css/global.css‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -432,4 +432,52 @@ button {
432432
background: #000;
433433
display: none;
434434
will-change: opacity
435+
}
436+
437+
#cookies-eu-banner {
438+
background: #444;
439+
color: #fff;
440+
padding: 6px;
441+
font-size: 13px;
442+
text-align: center;
443+
}
444+
#cookies-eu-more,
445+
#cookies-eu-accept,
446+
#cookies-eu-reject {
447+
text-decoration: none;
448+
background: #222;
449+
color: #fff;
450+
border: 1px solid #000;
451+
cursor: pointer;
452+
padding: 4px 7px;
453+
margin: 2px 0;
454+
font-size: 13px;
455+
font-weight: bold;
456+
transition: background 0.07s, color 0.07s, border-color 0.07s;
457+
}
458+
#cookies-eu-more:hover,
459+
#cookies-eu-more:focus,
460+
#cookies-eu-accept:hover,
461+
#cookies-eu-accept:focus {
462+
background: #fff;
463+
color: #222;
464+
}
465+
#cookies-eu-more {
466+
margin-left: 7px;
467+
}
468+
469+
#cookies-eu-reject {
470+
background: none;
471+
font-weight: normal;
472+
color: #ccc;
473+
cursor: pointer;
474+
padding: 4px 7px;
475+
margin: 2px 0;
476+
border: 1px solid #666;
477+
}
478+
#cookies-eu-reject:hover,
479+
#cookies-eu-reject:focus {
480+
border-color: #fff;
481+
background: #222;
482+
color: #fff;
435483
}

‎public/index.html‎

Lines changed: 28 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@
1919
<link rel="android-chrome-icon-precomposed" sizes="512x512" href="/assets/android-chrome-512x512.png" />
2020
<!-- Global site tag (gtag.js) - Google Analytics -->
2121
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SXELHG62RJ"></script>
22-
<script>
23-
window.dataLayer = window.dataLayer || [];
24-
function gtag() { dataLayer.push(arguments); }
25-
gtag('js', new Date());
26-
gtag('config', 'G-SXELHG62RJ');
27-
</script>
2822
</head>
2923

3024
<body id="background">
25+
<div id="cookies-eu-banner" style="display: none;">
26+
By continuing to visit this site, you accept the use of cookies by Google Analytics for statistical purposes.
27+
<a href="https://www.lenpolygon.com/" id="cookies-eu-more">Read more</a>
28+
<button id="cookies-eu-reject">Reject</button>
29+
<button id="cookies-eu-accept">Accept</button>
30+
</div>
3131
<header>
3232
<a class="title gold" href="./">Age of Empires IV<br />Build Order Tool</a>
3333
<a href="#" class="desktop-only logged-in modal-trigger" id="account" title="Account"
@@ -106,9 +106,19 @@ <h2 class="title gold">Sign up</h2><br />
106106
<div id="modal-account" class="modal">
107107
<div class="modal-content center-align">
108108
<h2 class="title gold">Account details</h2><br />
109+
<br/>
109110
<div class="account-details"></div>
110-
<br />
111-
<a href="#" class="grey-text" id="logout">Logout</a>
111+
<br/>
112+
<a href="#" class="gold" id="logout">Logout?</a>
113+
<br/>
114+
<br/>
115+
<br/>
116+
<br/>
117+
<br/>
118+
<div id="yourBuilds"></div>
119+
<br/>
120+
<br/>
121+
<br/>
112122
</div>
113123
</div>
114124

@@ -165,6 +175,16 @@ <h4 id="civilizationFocus"></h4>
165175
</footer>
166176
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
167177
<script type="module" src="js/index.js"></script>
178+
<script src="js/eu_cookie_banner.js"></script>
179+
<script>
180+
new CookiesEuBanner(function () {
181+
// Your code to launch when user accept cookies
182+
window.dataLayer = window.dataLayer || [];
183+
function gtag() { dataLayer.push(arguments); }
184+
gtag('js', new Date());
185+
gtag('config', 'G-SXELHG62RJ');
186+
});
187+
</script>
168188
</body>
169189

170190
</html>

0 commit comments

Comments
 (0)