-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (91 loc) · 4.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>MapleCTF 🍁</title>
<link rel="stylesheet" href="https://maplebacon.org/assets/css/styles.css"/>
<meta name="image" property="og:image" content="https://maplebacon.org/favicon.png"/>
<meta name="description" property="og:description" content="Maple Bacon's annual CTF competition."/>
<link rel="shortcut icon" type="image/png" href="https://maplebacon.org/favicon.png"/>
<link href="https://fonts.googleapis.com/css?family=Inconsolata:700|Overpass+Mono" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div id="container">
<header>
<nav>
<a href="https://maplebacon.org/about">about</a>
<a href="https://maplebacon.org/getting_started">getting_started</a>
<a href="https://maplebacon.org/blog">blog</a>
<a href="https://maplebacon.org/members">members</a>
<a href="https://maplebacon.org/challenge">challenge</a>
<a href="https://ctf.maplebacon.org/">maplectf_2023</a>
</nav>
<div class="logo">
<a href="https://maplebacon.org">
<img src="assets/images/logo.svg">
</a>
</div>
<div class="title-container">
<div class="title"><a href="https://maplebacon.org/teamname"><span>Maple Bacon</span></a></div>
<div class="subtitle">
<span>
CTF Team at the University of British Columbia
</span>
</div>
</div>
</header>
<div class="content">
<div class="description">
<image id="logo" src="assets/images/maplectf-2023.png" alt="MapleCTF 2023 logo" width="600px" height="600px" onmouseover="document.getElementById('logo').src='assets/images/mapel-transparent.png';" onmouseout="document.getElementById('logo').src='assets/images/maplectf-2023.png';"></image>
<!-- <p>September 30th, 00:00 UTC to October 2nd, 00:00 UTC.</p> -->
<!-- <p style="font-size: 0.75em;">Localized: <timestamp>1696032000</timestamp> to <timestamp>1696204800</timestamp>.</p> -->
<!-- <p>Mark your calendars!</p> -->
<p><b>Thanks for playing!</b></p>
<p><a href="https://ctf2022.maplebacon.org/">MapleCTF 2022</a></p>
<p><a href="https://ctf2023.maplebacon.org/">MapleCTF 2023</a></p>
<!-- <br>
<h1>CTF Sponsors</h1>
<div style="display: flex; justify-content: space-between; align-items: center; padding: 2px;">
<a href="https://www.zellic.io/"><img src="assets/images/zellic-logo.png" style="margin-right: 10px; max-height: 250px;"></a>
<a href="https://www.trailofbits.com/"><img src="assets/images/trailofbits-logo.png" style="margin-right: 10px; max-height: 300px;"></a>
<a href="https://www.hackerone.com/"><img src="assets/images/hackerone-logo.png" style="margin-right: 10px; max-height: 220px;"></a>
<a href="https://binary.ninja/"><img src="assets/images/binaryninja-logo.png" style="margin-right: 10px; max-height: 300px;"></a>
<a href="https://www.offsec.com/"><img src="assets/images/offsec-logo.png" style="margin-right: 10px; max-height: 300px;"></a>
</div>
<p>Infra sponsored by <a href="https://goo.gle/ctfsponsorship">goo.gle/ctfsponsorship</a>.</p> -->
<!-- <br>
<h1>Prizes</h1>
<p>Zellic - $1250 USD cash prize, merchandise</p>
<p>Trail of Bits - $1000 USD cash prize</p>
<p>HackerOne - $500 USD cash prize</p>
<p>Vector35 - 6 Binary Ninja licenses</p>
<p>Offensive Security - 2 course & certification exam bundles (PEN-200), 2 learn fundamentals subscriptions</p> -->
</div>
</div>
</div>
</body>
<script>
let locale = new Intl.DateTimeFormat("en-US", {
month: "long",
day: "numeric",
hour: "numeric",
minute: "numeric",
timeZoneName: "short",
hour12: true,
});
for (let timestamp of document.getElementsByTagName("timestamp")) {
let date = new Date(Number(timestamp.innerText) * 1000);
let parts = locale.formatToParts(date).map(x => x.value);
switch (parts[2]) {
case "1": parts[2] += "st"; break;
case "2": parts[2] += "nd"; break;
case "3": parts[2] += "rd"; break;
default: parts[2] += "th"; break;
}
parts[3] = ", ";
timestamp.innerText = parts.join("");
}
console.log("fuck")
</script>
</html>