-
Notifications
You must be signed in to change notification settings - Fork 74
/
mystify.html
433 lines (404 loc) · 22.5 KB
/
mystify.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
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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Mystify, IEEE NITK">
<!-- TODO: Add short description -->
<meta name="description" content="Web page for Mystify">
<meta name="author" content="IEEE NITK">
<title>MYSTIFY</title>
<!-- TODO: Remove unused CDNs -->
<!-- TODO: Remove unwanted comments -->
<!-- Favico -->
<link rel="shortcut icon" href="/mystify/assets/favicon.ico" type="image/x-icon">
<!-- jQuery CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<!-- font-awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Animate.css CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- Bootrstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- Lottie player for animations -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<!-- Animate on scroll CDN -->
<!-- <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> -->
<!-- <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> -->
<!-- CSS files -->
<link rel="stylesheet" href="/mystify/style.css">
</head>
<body>
<div class="lottie-animation"></div>
<header id="home">
<!-- Navigation bar -->
<img class="side-logo navbar-logo" src="/mystify/assets/img/title.svg" alt="title-image">
<nav>
<!-- <div class="nav-container"> -->
<img class="top-logo navbar-logo" src="/mystify/assets/img/title.svg" alt="title-image">
<div class="icon">
<div class="bar bar-1"></div>
<div class="bar bar-2"></div>
<div class="bar bar-3"></div>
</div>
<!-- <div class="navbar-title">
<a href="#home">MYSTIFY</a>
</div> -->
<div class="nav-items">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#schedule">Schedule</a>
<a href="#faq">FAQ</a>
<a href="#contact">Contact Us</a>
</div>
<!-- </div> -->
</nav>
<!-- Title -->
<div class="title container text-center">
<!-- <h3 class="title-text">IEEE NITK</h3> -->
<!-- <video class="intro-video" src="/mystify/assets/video/intro-video.mp4" controls autoplay muted>About Mystify</video> -->
<iframe class="intro-video" src="https://www.youtube.com/embed/1soAjDpDdTU?autoplay=1&mute=1&playlist=1soAjDpDdTU&loop=1" title="About our club - IEEE NITK Student Branch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; full-screen" allowfullscreen></iframe>
<img class="title-image" src="/mystify/assets/img/title.svg" alt="title-image">
<!-- width="892" height="502" -->
<!-- <img class="title-description" src="/robotrix/assets/svg/description.svg" alt="title-description"> -->
<!-- <p>31<sup>st</sup> January - 5<sup>th</sup> February 2023</p> -->
<!-- <a class="registration-btn" href="https://docs.google.com/forms/d/e/1FAIpQLSeX9Hs7ADhXdPpibSJhmocDbFmiUIwSw005OZjwF6-0OQDhmw/viewform?usp=sf_link" target=_blank>
Register Now
</a> -->
<a class="registration-btn" href="javascript:void(0)">
Registration Closed
</a>
<a class="arrow-down" href="#about">
<i class="fa-solid fa-arrow-down fa-xl fa-bounce"></i>
</a>
</div>
</header>
<main>
<section id="about">
<div class="container">
<div class="row text-center">
<h2>What is Mystify?</h2>
<p class="title-quote"> “ The art of simplicity is a puzzle of complexity ”</p>
</div>
<div class="row flex-container">
<div class="col-lg-8">
<div class="row description mt-3">
<p>
Have you ever been to an <span>escape room</span>? You know how expensive it can get for an hour of fun. But what if you can have the fun of <span>uncovering clues</span> and <span>demystifying puzzles</span> for free over a period of 2 days. <span>IEEE NITK</span> presents the 3rd edition of <span>Mystify!</span>. The first edition of this unique, enthralling and mind-boggling puzzle competition to be held <span>offline</span>, we introduce a new concept - the <span>meta puzzle</span>. The only escape you'll be doing here is from your <span>monotonous lives</span>.
</p>
</div>
</div>
</div>
<div class="row flex-container text-center mt-5">
<div class="col-lg-8">
<div class="row description mx-auto">
<p class="mb-0"><i>Open to all undergraduate students of <span>1<sup>st</sup>, 2<sup>nd</sup> and 3<sup>rd</sup></span> years in Mangalore Sub-Section colleges.</i></p>
</div>
</div>
</div>
</div>
</section>
<section id="prizes">
<div class="container">
<!-- <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_6ifezefg.json" background="transparent" speed="1" loop autoplay></lottie-player> -->
<div class="row text-center">
<h2>Prizes Worth</h2>
<p><i>Certificates for all those who solve at least <Span>two puzzles</Span> in Round 2 (excluding the meta puzzle).</i></p>
<!-- <p><span>Incentives: </span>Onesta coupons for all participants!</p> -->
</div>
<div class="row flex-container text-center my-1">
<div class="card col-lg-3 col-sm-8">
<div class="row">
<h3>Winner</h3>
</div>
<hr>
<div class="row">
<p>INR <span class="counter">2000</span></p>
</div>
</div>
<div class="card col-lg-3 col-sm-8">
<div class="row">
<h3>Runner Up</h3>
</div>
<hr>
<div class="row">
<p>INR <span class="counter">1500</span></p>
</div>
</div>
<div class="card col-lg-3 col-sm-8">
<div class="row">
<h3>3<sup>rd</sup> position</h3>
</div>
<hr>
<div class="row">
<p>INR <span class="counter">1000</span></p>
</div>
</div>
</div>
<div class="row flex-container text-center mt-5">
<div class="col-lg-6">
<div class="row description mx-auto p-3">
<p class="mb-0"><span>Incentives: Onesta coupons</span> will be handed out to all participants and <span>refreshments</span> will be provided in Round 2.</p>
</div>
</div>
</div>
</div>
</section>
<section id="schedule">
<div class="container">
<div class="row text-center">
<h2>Schedule</h2>
</div>
<div class="timeline">
<div class="timeline-box">
<div class="timeline-content">
<h4>Round 1 (Elimination)</h4>
<hr>
<p>24<sup>th</sup> March <i>(1800 hrs)</i> - 25<sup>th</sup> March <i>(1800 hrs)</i></p>
<!-- <p><i>23:59 hrs (24 Hours)</i></p> -->
<p>Mode : <span>Online</span></p>
</div>
</div>
<div class="timeline-box">
<div class="timeline-content">
<h4>Round 2 (Main)</h4>
<hr>
<p>26<sup>th</sup> March <i>(0900 hrs)</i> - 27<sup>th</sup> March <i>(0900 hrs)</i></p>
<!-- <p><i>9:00 - 18:00 hrs</i></p> -->
<!-- <p>Teams can continue to work on the puzzles online until 27th March 9 am.</p> -->
<p>Mode : <span>Offline</span></p>
</div>
</div>
<div class="timeline-box">
<div class="timeline-content">
<h4>Tie Breaker</h4>
<hr>
<p>27<sup>th</sup> March <i>(1200 hrs)</i> onwards</p>
<!-- <p><i>12:00 hrs (24 Hours)</i></p> -->
<!-- <p>Tie Breaker, until a team submits the right answer or the deadline, whichever is shorter.</p> -->
<p>Mode : <span>Online</span></p>
</div>
</div>
<div class="timeline-box">
<div class="timeline-content">
<h4>Results</h4>
<hr>
<p>29<sup>th</sup> March</p>
<!--<p>Mode : <span>Online</span></p> -->
</div>
</div>
<div class="timeline-box">
<div class="timeline-content">
<h4>Report and solutions</h4>
<hr>
<p>1<sup>st</sup> April</p>
</div>
</div>
</div>
<div class="row flex-container text-center mt-5">
<div class="col-lg-8">
<div class="row description mx-auto">
<p class="mb-0">
Here is the link to past years' puzzles and solutions.
<br>
<span><a class="docs-btn" href="https://drive.google.com/drive/folders/1ODwLI5O9UTVLwr-Aw9jA_XRxsxdvrXvy?usp=sharing" target="_blank">Click here</a></span>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="faq">
<div class="container">
<div class="row text-center" data-aos="zoom-in">
<h2>Frequently Asked Questions</h2>
</div>
<div class="questions text-center">
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Who is eligible to participate in Mystify?
</p>
<p class="panel">
All <span>1st, 2nd and 3rd</span> year undergraduate students from all Mangalore Sub-Section colleges are welcome to participate in Mystify.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Is there a cost associated with registration?
</p>
<p class="panel">
There is no registration fee for NITK students. Participants outside of NITK will have to pay a registration fee of <i><span>INR 200 per team</span></i>. They will however, be exempted from paying the registration fee, if they have <span>atleast one IEEE member</span> in their team.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Do I need any prior experience or knowledge to participate?
</p>
<p class="panel">
No prerequisites are necessary to participate.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Is Mystify similar to Capture The Flag (CTF)?
</p>
<p class="panel">
No, Mystify is <span>not a CTF event</span>. Participants in Mystify are challenged to uncover <span>interconnected and layered clues</span> to solve puzzles varying from science to pop culture, rather than finding and exploiting vulnerabilities in systems. Both Mystify and CTF involve problem solving, but they have different objectives and formats.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How many people can be in a team?
</p>
<p class="panel">
Teams are limited to a maximum of <span>four</span> members.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Do I need to be an IEEE member or have at least one IEEE member on my team to participate?
</p>
<p class="panel">
IEEE membership is not a requirement for participation, and having an IEEE member on your team is not necessary. However, for participants outside of NITK, having <span>atleast one IEEE member</span> in your team will exempt you from paying the registration fee.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Can a team have a mix of NITK and non-NITK participants?
</p>
<p class="panel">
No, unfortunately we do not allow such a combination.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How should I prepare for Mystify?
</p>
<p class="panel">
Come with an open mind, embrace creativity, and be <span>ready to have fun!</span> You can go through past years' puzzles and solutions should you choose to - the link for which has been provided before the FAQ section.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How are teams selected for Round 2?
</p>
<p class="panel">
The <span>top 50%</span> of teams will advance to Round 2.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Will I receive a certificate by only clearing Round 1?
</p>
<p class="panel">
No, to receive a certificate, you must <span>solve at least 2 puzzles in Round 2</span>. Simply clearing Round 1 is not enough.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
What equipments or materials are required for the event?
</p>
<p class="panel">
Basic stationery like <span>notepads and pens</span> is advised for each round. Apart from that any laptop or even your mobile phone would suffice for Round 1. However, we require each team to have <span><i>atleast</i> 1 laptop with Windows 10 or beyond</span> for Round 2. Teams may bring more than 1 laptop for Round 2 if they wish to.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Can I participate in Round 2 from a remote location?
</p>
<p class="panel">
Yes, you can participate in Round 2 from wherever you are, but hints and subsequent requirements to solve <span>certain</span> puzzles will only be provided on-site. So you will have to be physically present to acquire them.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Will I get the Onesta coupons if I do not qualify for Round 2?
</p>
<p class="panel">
You will get the coupons nonetheless. Your participation is the only requirement to avail the coupons. <i>So what are you waiting for? Go ahead and register already!</i>
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How do I avail the Onesta coupons if I do not make it to Round 2?
</p>
<p class="panel">
Unfortunately we do not have a work around for this. You will have to collect them in person from the organizers on the day of Round 2 i.e 26th March.
</p>
</div>
</div>
</div>
</section>
<section id="organizers">
<div class="container text-center">
<div class="row" data-aos="zoom-in-down">
<h2>Organized By</h2>
</div>
<div class="organizers-row row my-3 py-1">
<div class="col-lg-6 my-3" data-aos="fade-left">
<a href="https://ieee.nitk.ac.in/" target="_blank">
<img src="/mystify/assets/img/logos/ieee_nitk_white.png" alt="ieee_nitk">
</a>
</div>
<div class="col-lg-6 my-3" data-aos="fade-right">
<a href="https://ieee.nitk.ac.in/piston" target="_blank">
<img src="/mystify/assets/img/logos/piston_white.png" alt="ieee_nitk_piston">
</a>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container text-center">
<div class="row" data-aos="zoom-in-up">
<h2>Contact Us</h2>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Abhilash Bharadwaj : </span>
<a href="https://wa.me/919573898101" target="_blank">+91 9573898101</a>
</p>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Rupankar Das : </span>
<a href="https://wa.me/917086715514" target="_blank">+91 7086715514</a>
</p>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Siddh Narhari : </span>
<a href="https://wa.me/918890688735" target="_blank">+91 8890688735</a>
</p>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Ajethesh Kumar : </span>
<a href="https://wa.me/919606900483" target="_blank">+91 9606900483</a>
</p>
</div>
</div>
</section>
</main>
<footer>
<div class="container-fluid text-center">
<div class="media">
<a href="https://www.facebook.com/IEEENITK" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/ieee_nitk/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/IEEE-NITK" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/company/ieee-nitk-surathkal/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/c/IEEENITK" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</div>
<div class="row">
<p>Copyright <span>© 2023</span> All rights reserved</p>
<p>Made with <i class="fa-solid fa-heart"></i> by <a href="https://ieee.nitk.ac.in/" target="_blank"><span>IEEE NITK</span></a></p>
</div>
</div>
</footer>
<!-- JS files -->
<script src="/mystify/main.js"></script>
</body>
</html>