Skip to content

Commit 48186a0

Browse files
WelbourneSecurityWelbourneSecurity
committed
New features
Added Light/Dark mode toggle. Map.html page for pwn2play. added "how to register". Various bug fixes.
1 parent 7c7bb25 commit 48186a0

16 files changed

Lines changed: 2250 additions & 47 deletions

‎404.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
3+
<script>if(localStorage.getItem('theme')==='light')document.documentElement.classList.add('light');</script>
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11,6 +11,7 @@
1111
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1212
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous">
1313
<link rel="stylesheet" href="css/main.css">
14+
<link rel="stylesheet" href="css/theme-toggle.css">
1415
<style>
1516
body { overflow-x: hidden; }
1617

‎P2P.html‎

Lines changed: 65 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
3+
<script>if(localStorage.getItem('theme')==='light')document.documentElement.classList.add('light');</script>
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -26,6 +26,7 @@
2626
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous">
2727
<link rel="stylesheet" href="css/main.css">
2828
<link rel="stylesheet" href="css/P2P.css">
29+
<link rel="stylesheet" href="css/theme-toggle.css">
2930
<script type="application/ld+json">
3031
{
3132
"@context": "https://schema.org",
@@ -61,21 +62,24 @@
6162
<a href="index.html" class="nav__logo">
6263
<span class="nav__logo-text">DMU Hackers</span>
6364
</a>
64-
<button class="nav__toggle" id="navToggle" aria-label="Toggle navigation">
65-
<span></span><span></span><span></span>
66-
</button>
6765
<ul class="nav__links" id="navLinks">
6866
<li><a href="index.html" class="nav__link">Home</a></li>
6967
<li><a href="#p2p-hero" class="nav__link active" data-section="p2p-hero">Pwn2Play</a></li>
68+
<li><a href="#register" class="nav__link" data-section="register">Register</a></li>
7069
<li><a href="#categories" class="nav__link" data-section="categories">Categories</a></li>
71-
<li><a href="#key-info" class="nav__link" data-section="key-info">Key Info</a></li>
7270
<li><a href="#schedule" class="nav__link" data-section="schedule">Schedule</a></li>
71+
<li><a href="map.html" class="nav__link">Map</a></li>
7372
<li><a href="#rules" class="nav__link" data-section="rules">Rules</a></li>
74-
<li><a href="#afterparty" class="nav__link" data-section="afterparty">Social</a></li>
7573
<li><a href="#sponsors" class="nav__link" data-section="sponsors">Sponsors</a></li>
76-
<li><a href="#podium" class="nav__link" data-section="podium">Results</a></li>
77-
<li><a href="https://discord.gg/Vvrk4kK" class="nav__link nav__link--cta" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Join Us</a></li>
74+
<li class="nav__mobile-cta"><a href="register.html" class="nav__link nav__link--cta"><i class="fas fa-user-plus"></i> Register</a></li>
7875
</ul>
76+
<div class="nav__actions">
77+
<a href="register.html" class="nav__link nav__link--cta"><i class="fas fa-user-plus"></i> Register</a>
78+
<button class="nav__theme-toggle" id="themeToggle" aria-label="Toggle light mode" type="button"><i class="fas fa-sun"></i><i class="fas fa-moon"></i></button>
79+
<button class="nav__toggle" id="navToggle" aria-label="Toggle navigation">
80+
<span></span><span></span><span></span>
81+
</button>
82+
</div>
7983
</div>
8084
</nav>
8185

@@ -115,7 +119,7 @@ <h1 class="hero__title">Pwn<span class="hero__accent">2</span>Play</h1>
115119
</div>
116120

117121
<div class="hero__actions">
118-
<a href="https://forms.gle/YPQaL6gwLK24S6ms8" class="btn btn--primary" target="_blank" rel="noopener noreferrer"><i class="fas fa-user-plus"></i> Register Now</a>
122+
<a href="register.html" class="btn btn--primary"><i class="fas fa-user-plus"></i> Register Now</a>
119123
<a href="https://discord.gg/ZUqTWNy7c9" class="btn btn--ghost" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Discord</a>
120124
<a href="sponsors.html" class="btn btn--ghost"><i class="fas fa-handshake"></i> Become a Sponsor</a>
121125
</div>
@@ -151,8 +155,9 @@ <h3 class="card__title">Location</h3>
151155
</div>
152156
</div>
153157
<div class="calendar-actions">
154-
<a href="https://www.google.com/calendar/render?action=TEMPLATE&text=Pwn2Play%3A+Core+Incursion+-+DMU+Hackers+CTF&dates=20260530T080000Z/20260530T170000Z&details=DMU+Hackers%27+flagship+Capture+The+Flag+competition.+Register%3A+https%3A%2F%2Fforms.gle%2FYPQaL6gwLK24S6ms8&location=Gateway+House+Floor+5%2C+De+Montfort+University%2C+The+Gateway%2C+Leicester+LE1+9BH" class="btn btn--ghost btn--sm" target="_blank" rel="noopener noreferrer"><i class="fab fa-google"></i> Google Calendar</a>
158+
<a href="https://www.google.com/calendar/render?action=TEMPLATE&text=Pwn2Play%3A+Core+Incursion+-+DMU+Hackers+CTF&dates=20260530T080000Z/20260530T170000Z&details=DMU+Hackers%27+flagship+Capture+The+Flag+competition.+Register%3A+https%3A%2F%2Fpwn2play.biterra.co&location=Gateway+House+Floor+5%2C+De+Montfort+University%2C+The+Gateway%2C+Leicester+LE1+9BH" class="btn btn--ghost btn--sm" target="_blank" rel="noopener noreferrer"><i class="fab fa-google"></i> Google Calendar</a>
155159
<a href="data/p2p-core-incursion.ics" class="btn btn--ghost btn--sm" download><i class="fas fa-calendar-plus"></i> Download .ics</a>
160+
<a href="map.html" class="btn btn--ghost btn--sm"><i class="fas fa-map-location-dot"></i> Campus Map</a>
156161
</div>
157162
<div class="p2p-connect">
158163
<h3 class="p2p-connect__title">Connect with us</h3>
@@ -161,7 +166,7 @@ <h3 class="p2p-connect__title">Connect with us</h3>
161166
<i class="fab fa-discord"></i>
162167
<span>Discord</span>
163168
</a>
164-
<a href="https://forms.gle/YPQaL6gwLK24S6ms8" class="p2p-connect__btn" target="_blank" rel="noopener noreferrer">
169+
<a href="register.html" class="p2p-connect__btn">
165170
<i class="fas fa-user-plus"></i>
166171
<span>Register</span>
167172
</a>
@@ -170,8 +175,40 @@ <h3 class="p2p-connect__title">Connect with us</h3>
170175
</div>
171176
</section>
172177

178+
<!-- How to Register -->
179+
<section id="register" class="section section--alt">
180+
<div class="container">
181+
<div class="section__header">
182+
<span class="section__tag">Sign Up</span>
183+
<h2 class="section__title">How to Register</h2>
184+
<p class="section__subtitle">Pwn2Play: Core Incursion is hosted on Biterra. Follow our step-by-step guide to create your account, join the event, and form or join a team.</p>
185+
</div>
186+
<div class="cards cards--three p2p-meta-cards">
187+
<div class="card p2p-meta-card">
188+
<div class="card__icon"><i class="fas fa-user-plus"></i></div>
189+
<h3 class="card__title">Register</h3>
190+
<p class="card__text">Create a free account on Biterra</p>
191+
</div>
192+
<div class="card p2p-meta-card">
193+
<div class="card__icon"><i class="fas fa-people-group"></i></div>
194+
<h3 class="card__title">Team Up</h3>
195+
<p class="card__text">Create or join a team</p>
196+
</div>
197+
<div class="card p2p-meta-card">
198+
<div class="card__icon"><i class="fas fa-flag-checkered"></i></div>
199+
<h3 class="card__title">Compete</h3>
200+
<p class="card__text">Hack your way to the top</p>
201+
</div>
202+
</div>
203+
<div class="calendar-actions" style="margin-top: 36px;">
204+
<a href="register.html" class="btn btn--primary"><i class="fas fa-arrow-right"></i> View Registration Guide</a>
205+
<a href="https://pwn2play.biterra.co" class="btn btn--ghost" target="_blank" rel="noopener noreferrer"><i class="fas fa-arrow-up-right-from-square"></i> Go to Biterra</a>
206+
</div>
207+
</div>
208+
</section>
209+
173210
<!-- Challenge Categories -->
174-
<section id="categories" class="section section--alt">
211+
<section id="categories" class="section">
175212
<div class="container">
176213
<div class="section__header">
177214
<span class="section__tag">8 Categories</span>
@@ -224,7 +261,7 @@ <h3 class="card__title">Crypto</h3>
224261
</section>
225262

226263
<!-- Key Info -->
227-
<section id="key-info" class="section">
264+
<section id="key-info" class="section section--alt">
228265
<div class="container">
229266
<div class="section__header">
230267
<span class="section__tag">Important</span>
@@ -260,11 +297,14 @@ <h3 class="card__title">Food &amp; Drink</h3>
260297
</div>
261298
</div>
262299
</div>
300+
<div class="calendar-actions" style="margin-top: 32px;">
301+
<a href="map.html" class="btn btn--ghost"><i class="fas fa-map-location-dot"></i> View Campus Map</a>
302+
</div>
263303
</div>
264304
</section>
265305

266306
<!-- Schedule -->
267-
<section id="schedule" class="section section--alt">
307+
<section id="schedule" class="section">
268308
<div class="container">
269309
<div class="section__header">
270310
<span class="section__tag">The Day</span>
@@ -500,7 +540,7 @@ <h3 class="rule__title">Discord ToS</h3>
500540
</section>
501541

502542
<!-- After Party -->
503-
<section id="afterparty" class="section section--alt">
543+
<section id="afterparty" class="section">
504544
<div class="container">
505545
<div class="section__header">
506546
<span class="section__tag">Keep the night going</span>
@@ -535,6 +575,16 @@ <h3 class="afterparty__heading">Social Route Around Leicester</h3>
535575
<span class="section__tag">Partners</span>
536576
<h2 class="section__title">Sponsors</h2>
537577
</div>
578+
579+
<!-- Powered by Biterra -->
580+
<div class="p2p-powered">
581+
<a href="https://pwn2play.biterra.co" class="p2p-powered__badge" target="_blank" rel="noopener noreferrer">
582+
<span class="p2p-powered__label">Hosted on</span>
583+
<img src="img/branding/biterra/biterra-logo.png" alt="Biterra" class="p2p-powered__logo" loading="lazy">
584+
</a>
585+
<p class="p2p-powered__text">Pwn2Play: Core Incursion is hosted on <a href="https://pwn2play.biterra.co" target="_blank" rel="noopener noreferrer">Biterra</a> — a gamified CTF platform built by a DMU Hackers alumni.</p>
586+
</div>
587+
538588
<div class="sponsors-cta">
539589
<p>Want to sponsor Pwn2Play or get involved?</p>
540590
<a href="sponsors.html" class="btn btn--primary"><i class="fas fa-handshake"></i> Become a Sponsor</a>

‎committee.html‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
3+
<script>if(localStorage.getItem('theme')==='light')document.documentElement.classList.add('light');</script>
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -26,6 +26,7 @@
2626
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous">
2727
<link rel="stylesheet" href="css/main.css">
2828
<link rel="stylesheet" href="css/committee.css">
29+
<link rel="stylesheet" href="css/theme-toggle.css">
2930
</head>
3031

3132
<body>
@@ -38,16 +39,20 @@
3839
<a href="index.html" class="nav__logo">
3940
<span class="nav__logo-text">DMU Hackers</span>
4041
</a>
41-
<button class="nav__toggle" id="navToggle" aria-label="Toggle navigation">
42-
<span></span><span></span><span></span>
43-
</button>
4442
<ul class="nav__links" id="navLinks">
4543
<li><a href="index.html" class="nav__link">Home</a></li>
4644
<li><a href="index.html#about" class="nav__link">About</a></li>
4745
<li><a href="P2P.html" class="nav__link">Pwn2Play</a></li>
4846
<li><a href="#timeline" class="nav__link active" data-section="timeline">Committee</a></li>
49-
<li><a href="https://discord.gg/Vvrk4kK" class="nav__link nav__link--cta" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Join Us</a></li>
47+
<li class="nav__mobile-cta"><a href="https://discord.gg/Vvrk4kK" class="nav__link nav__link--cta" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Join Us</a></li>
5048
</ul>
49+
<div class="nav__actions">
50+
<a href="https://discord.gg/Vvrk4kK" class="nav__link nav__link--cta" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Join Us</a>
51+
<button class="nav__theme-toggle" id="themeToggle" aria-label="Toggle light mode" type="button"><i class="fas fa-sun"></i><i class="fas fa-moon"></i></button>
52+
<button class="nav__toggle" id="navToggle" aria-label="Toggle navigation">
53+
<span></span><span></span><span></span>
54+
</button>
55+
</div>
5156
</div>
5257
</nav>
5358

0 commit comments

Comments
 (0)