-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathhackritual.html
More file actions
229 lines (214 loc) · 13.3 KB
/
hackritual.html
File metadata and controls
229 lines (214 loc) · 13.3 KB
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>secuRIT</title>
<!-- External Stylesheets -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="css/bootstrap4-neon-glow.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel='stylesheet' href='//cdn.jsdelivr.net/font-hack/2.020/css/hack.min.css'>
<link rel="stylesheet" href="css/main.css">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- Navigation Bar -->
<div class="mt-20 mb-10 max-w-[90%] mx-auto md:justify-between md:items-center md:flex md:flex-row">
<!-- Logo for Desktop -->
<div class="hidden md:flex flex-row">
<a href="index.html"><img src="./images/securitlogo.png" height="80" width="80" alt="secuRIT Logo" /></a>
</div>
<!-- Hamburger Menu for Mobile -->
<div class="md:hidden">
<button onclick="toggleBurger()" class="flex-col justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
style="fill:#FFFFFF;">
<path
d="M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z
M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z
M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z" />
</svg>
</button>
</div>
<!-- Mobile Menu -->
<div id="burger" class="flex-col md:hidden burgerdropdown gap-3 p-4 hidden">
<a href="index.html" class="p-3 text-decoration-none text-light bold">Home</a>
<a href="about.html" class="p-3 text-decoration-none text-light bold">About</a>
<a href="preamble.html" class="p-3 text-decoration-none text-light bold">Preamble</a>
<div class="dropdown">
<button class="dropbtn p-3 text-decoration-none text-light bold">Archive</button>
<div class="dropdown-content">
<a href="archives/pre.html" class="text-decoration-none text-light bold">prerequisites(for event.01)</a>
<a href="archives/e1.html" class="text-decoration-none text-light bold">event.01</a>
<a href="archives/Innovison.pdf" class="text-decoration-none text-light bold">Innovison</a>
<a href="archives/ohmyzsh!framework.html" class="text-decoration-none text-light bold">OhMyZsh! Installation</a>
<a href="archives/PrerequisitesForInstallingNeoVIM.html"
class="text-decoration-none text-light bold">prerequisites for installing NeoVIM</a>
<a href="archives/InstallingNeoVIM.html" class="text-decoration-none text-light bold">Installing NeoVIM</a>
<a href="archives/symlinks_alias_time_tac.html" class="text-decoration-none text-light bold">Common
terms 01</a>
<a href="archives/Installation_guide.html" class="text-decoration-none text-light bold">Installation
guide</a>
<a href="archives/MoreCustomizationAndTools01.html" class="text-decoration-none text-light bold">More
customization and tools 01</a>
</div>
</div>
<a href="join.html" class="p-3 text-decoration-none text-light bold">Join</a>
</div>
<!-- Desktop Menu -->
<div class="hidden md:flex flex-row">
<a href="index.html" class="p-3 text-decoration-none text-white bold">Home</a>
<a href="about.html" class="p-3 text-decoration-none text-light bold">About</a>
<a href="preamble.html" class="p-3 text-decoration-none text-light bold">Preamble</a>
<div class="dropdown">
<button class="dropbtn p-3 text-decoration-none text-white bold">Archive</button>
<div class="dropdown-content">
<a href="archives/pre.html" class="text-decoration-none text-light bold">Prerequisites (for
event.01)</a>
<a href="archives/e1.html" class="text-decoration-none text-light bold">event.01</a>
<a href="archives/Innovison.pdf" class="text-decoration-none text-light bold">Innovison</a>
<a href="archives/ohmyzsh!framework.html" class="text-decoration-none text-light bold">OhMyZsh!
Installation</a>
<a href="archives/PrerequisitesForInstallingNeoVIM.html"
class="text-decoration-none text-light bold">Prerequisites for Installing
NeoVIM</a>
<a href="archives/InstallingNeoVIM.html" class="text-decoration-none text-light bold">Installing
NeoVIM</a>
</div>
</div>
<a href="join.html" class="p-3 text-decoration-none text-white bold">Join</a>
</div>
</div>
<!-- Main Content -->
<div class="jumbotron bg-transparent mb-0 pt-3 radius-0">
<div class="container">
<div class="col-xl-12">
<h1 class="display-1 bold text-center color_white content__title text-4xl mb-5 sm:text-5xl md:text-6xl">
HACKRITUAL<span class="vim-caret"> </span></h1>
<p class="text-grey text-base sm:text-lg md:text-xl text-spacey hackerFont lead mb-5">
<li>hackRITual is a competitive CTF event open to all skill levels! Test your cybersecurity skills across various challenges.</li>
<li>Prizepool worth ₹10,000</li>
<li>Competition on 15th January 2025</li>
<li>OPEN TO ALL CYBERSECURITY ENTHUSIASTS!</li>
Gear up for an event filled with challenges and learning! See you at hackRITual! <br>
<strong>Registrations are now open!</strong>
</p>
<p class="text-grey text-spacey hackerFont lead mb-5">
Judging criteria: Problem-Solving, Technical Execution, Creativity, Speed, Teamwork, and Innovation.
</p>
<p><a href="./images/ctfbrochure.jpg">click here to access the brochure</a></p>
<p class="text-grey text-spacey hackerFont lead mb-5">
For all and any queries, feel free to ask them in our WhatsApp group.
</p>
<p class="text-grey text-spacey hackerFont lead mb-5">
Registrations open now! Don't miss your chance to participate.
</p>
<div class="w-full hackerFont">
<div class="">
<!-- Additional Scripts or Elements if needed -->
</div>
</div>
<!-- "What is CTF?" Button -->
<div class="text-center mt-4">
<!-- Updated Button to Match Submit Registration Form Styles -->
<button type="button" class="btn btn-outline-danger btn-shadow px-3 my-2 ml-0 ml-sm-1 text-left typewriter" onclick="window.location.href='./whatisctf.html'">
>>What is CTF?<<
</button>
</div>
<!-- Registration Form -->
<div class="text-center mt-6">
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) { window.location='success.html'; }"></iframe>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSf4oS3P7AX_rLs7zR29vP9Xi0OW5xQsnfEpmWBLnyLssUkQ6Q/formResponse" method="post" target="hidden_iframe" onsubmit="submitted=true;">
<h2>CTF 2025 - TEAM REGISTRATION</h2><br>
<div class="form-group">
<label for="team-name">Team Name *</label>
<input name="entry.463462567" id="team-name" type="text" class="form-control" placeholder="Team Name" required>
</div>
<div class="form-group">
<label for="team-leader-name">Team Leader Name *</label>
<input name="entry.1719802597" id="team-leader-name" type="text" class="form-control" placeholder="Team Leader Name" required>
</div>
<div class="form-group">
<label for="team-leader-usn">Team Leader USN *</label>
<input name="entry.1300489388" id="team-leader-usn" type="text" class="form-control" placeholder="Team Leader USN" required>
</div>
<div class="form-group">
<label for="team-leader-email">Team Leader E-Mail *</label>
<input name="entry.873071817" id="team-leader-email" type="email" class="form-control" placeholder="Team Leader E-Mail" required>
</div>
<div class="form-group">
<label for="team-member-name">Team Member Name</label>
<input name="entry.1653712398" id="team-member-name" type="text" class="form-control" placeholder="Team Member Name">
</div>
<div class="form-group">
<label for="team-member-usn">Team Member USN</label>
<input name="entry.2113795248" id="team-member-usn" type="text" class="form-control" placeholder="Team Member USN">
</div>
<div class="form-group">
<label for="team-member-email">Team Member E-Mail</label>
<input name="entry.240649043" id="team-member-email" type="email" class="form-control" placeholder="Team Member E-Mail">
</div>
<div class="custom-control custom-checkbox my-4">
<input type="checkbox" class="custom-control-input" id="agree-rules" onchange="showButton()">
<label class="custom-control-label" for="agree-rules">I agree to abide by the rules.</label>
</div>
<div class="col-xl-12" id="submit-button" style="display:none;">
<button type="submit" class="btn btn-outline-danger btn-shadow px-3 my-2 ml-0 ml-sm-1 text-left typewriter">
Submit Team Details
</button>
</div>
</form>
</div>
</div>
<!-- Social Icons -->
<div class="social-icons">
<a href="https://github.com/securitb" class="social-icon"><i class="fab fa-github"></i></a>
<a href="https://t.me/securitb" class="social-icon"><i class="fab fa-telegram"></i></a>
<a href="https://www.linkedin.com/company/securitb" class="social-icon"><i class="fab fa-linkedin"></i></a>
<a href="https://chat.whatsapp.com/Jq5462NB78wJzXhd7IIvDN" class="social-icon"><i class="fab fa-whatsapp"></i></a>
<a href="https://instagram.com/secur1t" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script>
let burgerClick = false;
// Toggle Burger Menu
function toggleBurger() {
burgerClick = !burgerClick;
let burgerMenu = document.getElementById("burger");
if (burgerClick) {
burgerMenu.classList.remove("burgerdropdownv");
burgerMenu.classList.add("burgerdropdown");
} else {
burgerMenu.classList.remove("burgerdropdown");
burgerMenu.classList.add("burgerdropdownv");
}
}
// Show Submit Button Upon Agreement
function showButton() {
const checkbox = document.getElementById('agree-rules');
const submitButton = document.getElementById('submit-button');
if (checkbox.checked) {
submitButton.style.display = 'block';
} else {
submitButton.style.display = 'none';
}
}
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>