Skip to content

Commit 0ec9e09

Browse files
WelbourneSecurityWelbourneSecurity
committed
Update interface
1 parent 1b30aea commit 0ec9e09

5 files changed

Lines changed: 1116 additions & 97 deletions

File tree

‎P2P.html‎

Lines changed: 120 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,26 @@
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<title>DMU Hackers | Pwn2Play</title>
7+
<title>Pwn2Play CTF - DMU Hackers Capture The Flag Competition</title>
8+
<meta name="description" content="Pwn2Play is DMU Hackers' flagship Capture The Flag competition. Web exploitation, cryptography, reverse engineering and more. Open to all universities.">
9+
<meta property="og:title" content="Pwn2Play CTF - DMU Hackers">
10+
<meta property="og:description" content="DMU Hackers' flagship CTF competition. Exploit, decrypt, reverse-engineer. Prove you've got what it takes.">
11+
<meta property="og:type" content="website">
12+
<meta property="og:url" content="https://dmuhackers.com/P2P.html">
13+
<meta name="twitter:card" content="summary">
14+
<link rel="canonical" href="https://dmuhackers.com/P2P.html">
815
<link rel="preconnect" href="https://fonts.googleapis.com">
916
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
1117
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
1218
<link rel="stylesheet" href="css/main.css">
1319
<link rel="stylesheet" href="css/P2P.css">
1420
</head>
1521

1622
<body>
1723

24+
<!-- Skip to content -->
25+
<a href="#event" class="skip-link">Skip to content</a>
26+
1827
<!-- Navigation -->
1928
<nav class="nav" id="navbar">
2029
<div class="nav__inner">
@@ -27,11 +36,11 @@
2736
<ul class="nav__links" id="navLinks">
2837
<li><a href="index.html" class="nav__link">Home</a></li>
2938
<li><a href="#p2p-hero" class="nav__link active" data-section="p2p-hero">Pwn2Play</a></li>
30-
<li><a href="#event" class="nav__link" data-section="event">Event</a></li>
39+
<li><a href="#categories" class="nav__link" data-section="categories">Categories</a></li>
3140
<li><a href="#key-info" class="nav__link" data-section="key-info">Key Info</a></li>
3241
<li><a href="#schedule" class="nav__link" data-section="schedule">Schedule</a></li>
33-
<li><a href="#afterparty" class="nav__link" data-section="afterparty">After Party</a></li>
34-
<li><a href="#sponsors" class="nav__link" data-section="sponsors">Sponsors</a></li>
42+
<li><a href="#podium" class="nav__link" data-section="podium">2025 Results</a></li>
43+
<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>
3544
</ul>
3645
</div>
3746
</nav>
@@ -44,8 +53,8 @@
4453
<h1 class="hero__title">Pwn<span class="hero__accent">2</span>Play</h1>
4554
<p class="hero__sub">Our flagship Capture The Flag competition. Exploit, decrypt, reverse-engineer. Prove you've got what it takes.</p>
4655
<div class="hero__actions">
47-
<a href="https://forms.gle/YPQaL6gwLK24S6ms8" class="btn btn--primary" target="_blank"><i class="fas fa-user-plus"></i> Register Now</a>
48-
<a href="https://discord.gg/ZUqTWNy7c9" class="btn btn--ghost" target="_blank"><i class="fab fa-discord"></i> Discord</a>
56+
<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>
57+
<a href="https://discord.gg/ZUqTWNy7c9" class="btn btn--ghost" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i> Discord</a>
4958
</div>
5059
</div>
5160
</section>
@@ -77,11 +86,11 @@ <h3 class="card__title">Location</h3>
7786
<div class="p2p-connect">
7887
<h3 class="p2p-connect__title">Connect with us</h3>
7988
<div class="p2p-connect__links">
80-
<a href="https://discord.gg/Vvrk4kK" class="p2p-connect__btn" target="_blank">
89+
<a href="https://discord.gg/Vvrk4kK" class="p2p-connect__btn" target="_blank" rel="noopener noreferrer">
8190
<i class="fab fa-discord"></i>
8291
<span>Discord</span>
8392
</a>
84-
<a href="https://forms.gle/1L8gkR7xMxNDo9hB6" class="p2p-connect__btn" target="_blank">
93+
<a href="https://forms.gle/1L8gkR7xMxNDo9hB6" class="p2p-connect__btn" target="_blank" rel="noopener noreferrer">
8594
<i class="fas fa-user-plus"></i>
8695
<span>Register</span>
8796
</a>
@@ -90,8 +99,61 @@ <h3 class="p2p-connect__title">Connect with us</h3>
9099
</div>
91100
</section>
92101

102+
<!-- Challenge Categories -->
103+
<section id="categories" class="section section--alt">
104+
<div class="container">
105+
<div class="section__header">
106+
<span class="section__tag">8 Categories</span>
107+
<h2 class="section__title">Challenge Categories</h2>
108+
<p class="section__subtitle">Something for every skill set. From binary exploitation to open-source intelligence.</p>
109+
</div>
110+
<div class="cards cards--four p2p-cat-cards">
111+
<div class="card p2p-cat-card">
112+
<div class="card__icon"><i class="fas fa-skull-crossbones"></i></div>
113+
<h3 class="card__title">Full Pwn</h3>
114+
<p class="card__text">Complete system takeover. Combine multiple attack vectors to go from zero to root.</p>
115+
</div>
116+
<div class="card p2p-cat-card">
117+
<div class="card__icon"><i class="fas fa-terminal"></i></div>
118+
<h3 class="card__title">Pwn</h3>
119+
<p class="card__text">Binary exploitation. Buffer overflows, format strings, ROP chains - break the binary, get the flag.</p>
120+
</div>
121+
<div class="card p2p-cat-card">
122+
<div class="card__icon"><i class="fas fa-microchip"></i></div>
123+
<h3 class="card__title">Rev</h3>
124+
<p class="card__text">Reverse engineering. Disassemble, decompile, and decode binaries to uncover hidden logic.</p>
125+
</div>
126+
<div class="card p2p-cat-card">
127+
<div class="card__icon"><i class="fas fa-puzzle-piece"></i></div>
128+
<h3 class="card__title">Misc</h3>
129+
<p class="card__text">Anything goes. Steganography, forensics, encoding schemes, or something completely unexpected.</p>
130+
</div>
131+
<div class="card p2p-cat-card">
132+
<div class="card__icon"><i class="fas fa-magnifying-glass"></i></div>
133+
<h3 class="card__title">OSINT</h3>
134+
<p class="card__text">Open-source intelligence. Track down information using publicly available data and digital footprints.</p>
135+
</div>
136+
<div class="card p2p-cat-card">
137+
<div class="card__icon"><i class="fas fa-code"></i></div>
138+
<h3 class="card__title">Code</h3>
139+
<p class="card__text">Programming challenges. Solve algorithmic problems or write scripts under time pressure.</p>
140+
</div>
141+
<div class="card p2p-cat-card">
142+
<div class="card__icon"><i class="fas fa-globe"></i></div>
143+
<h3 class="card__title">Web</h3>
144+
<p class="card__text">Web exploitation. SQL injection, XSS, SSRF, authentication bypasses - hack the web app.</p>
145+
</div>
146+
<div class="card p2p-cat-card">
147+
<div class="card__icon"><i class="fas fa-lock"></i></div>
148+
<h3 class="card__title">Crypto</h3>
149+
<p class="card__text">Cryptography. Break ciphers, exploit weak implementations, and crack the code.</p>
150+
</div>
151+
</div>
152+
</div>
153+
</section>
154+
93155
<!-- Key Info -->
94-
<section id="key-info" class="section section--alt">
156+
<section id="key-info" class="section">
95157
<div class="container">
96158
<div class="section__header">
97159
<span class="section__tag">Important</span>
@@ -282,21 +344,59 @@ <h3 class="podium__team">Cheese</h3>
282344
<!-- Footer -->
283345
<footer class="footer">
284346
<div class="container">
285-
<div class="footer__inner">
286-
<div class="footer__brand">
287-
<img src="img/site-content/logo.png" alt="DMU Hackers" class="footer__logo">
288-
<span>DMU Hackers</span>
289-
</div>
290-
<nav class="footer__links">
291-
<a href="index.html">Home</a>
292-
<a href="#p2p-hero">Pwn2Play</a>
293-
<a href="https://discord.gg/Vvrk4kK" target="_blank">Discord</a>
294-
</nav>
347+
<div class="footer__top">
348+
<div class="footer__col">
349+
<div class="footer__brand">
350+
<img src="img/site-content/logo.png" alt="DMU Hackers logo" class="footer__logo">
351+
<span>DMU Hackers</span>
352+
</div>
353+
<p class="footer__desc">De Montfort University's cyber security society. Hacking, learning, and competing since 2015.</p>
354+
<div class="footer__socials">
355+
<a href="https://twitter.com/dmuhackers" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
356+
<a href="https://github.com/DMUHackers" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="fab fa-github"></i></a>
357+
<a href="https://www.instagram.com/hackers.dmu" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
358+
<a href="https://www.linkedin.com/company/dmu-hackers/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
359+
<a href="https://discord.gg/Vvrk4kK" target="_blank" rel="noopener noreferrer" aria-label="Discord"><i class="fab fa-discord"></i></a>
360+
</div>
361+
</div>
362+
<div class="footer__col">
363+
<h4 class="footer__heading">Navigate</h4>
364+
<nav class="footer__nav" aria-label="Footer navigation">
365+
<a href="index.html">Home</a>
366+
<a href="#p2p-hero">Pwn2Play</a>
367+
<a href="#key-info">Key Info</a>
368+
<a href="#schedule">Schedule</a>
369+
</nav>
370+
</div>
371+
<div class="footer__col">
372+
<h4 class="footer__heading">Events</h4>
373+
<nav class="footer__nav" aria-label="Events navigation">
374+
<a href="#podium">2025 Results</a>
375+
<a href="#sponsors">Sponsors</a>
376+
<a href="#afterparty">After Party</a>
377+
</nav>
378+
</div>
379+
<div class="footer__col">
380+
<h4 class="footer__heading">Join</h4>
381+
<nav class="footer__nav" aria-label="Join navigation">
382+
<a href="https://discord.gg/Vvrk4kK" target="_blank" rel="noopener noreferrer">Discord Server</a>
383+
<a href="https://www.demontfortsu.com/organisation/dmuhackers/" target="_blank" rel="noopener noreferrer">DSU Page</a>
384+
<a href="mailto:dmuhackers@gmail.com">Email Us</a>
385+
</nav>
386+
</div>
387+
</div>
388+
<div class="footer__bottom">
295389
<p class="footer__copy">&copy; DMU Hackers | Pwning since 2015</p>
390+
<p class="footer__copy footer__copy--subtle">Made with <span class="footer__heart">&lt;3</span> by the committee</p>
296391
</div>
297392
</div>
298393
</footer>
299394

395+
<!-- Back to top -->
396+
<button class="back-to-top" id="backToTop" aria-label="Back to top">
397+
<i class="fas fa-chevron-up"></i>
398+
</button>
399+
300400
<script src="js/main.js"></script>
301401
</body>
302402

‎css/P2P.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,17 @@
3030
color: var(--text);
3131
}
3232

33+
/* ---------- Challenge Category Cards ---------- */
34+
.p2p-cat-card {
35+
text-align: center;
36+
}
37+
.p2p-cat-card .card__icon {
38+
margin: 0 auto 20px;
39+
}
40+
.p2p-cat-card .card__text {
41+
font-size: .85rem;
42+
}
43+
3344
/* ---------- Connect strip ---------- */
3445
.p2p-connect {
3546
margin-top: 48px;

0 commit comments

Comments
 (0)