-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
249 lines (246 loc) · 14.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/loader.css">
<link rel="icon" href="./assets/icon.png">
<title>Glitch 2.0 | Are you really here or is it a GLITCH</title>
</head>
<body>
<div id="app">
<div id="wrapper">
<h1 class="glitch" data-text=" Glitch 2.0">Glitch 2.0</h1>
<span class="sub">TEC-VIT</span>
</div>
</div>
<nav id="navbar">
<button onclick="dropdown()" id="menu">
<div id="m1"></div>
<div id="m2"></div>
<div id="m3"></div>
</button>
<div id="ctn">
<a href="index">Home</a>
<a href="index#about">About</a>
<a href="index#insights">Insight</a>
<a href="index#faqs">FAQs</a>
<a href="index#contact">Contact</a>
<a href="sponsor">Sponsors</a>
</div>
</nav>
<div class="flex-container">
<div id="home" class="home">
<div class="home-sec1">
<img id="logo" src="./assets/logo.png" alt="">
<p>A 10 hour long online cryptic tech hunt organized by TEC-VIT<br>October 4th, 2020</p>
<div data-aos="fade-up"class="buttons">
<a href="registration" class="button1">Register Now</a>
<a href="https://www.instagram.com/tec.vit/" class="button">Visit TEC</a>
</div>
</div>
<div id="particles-js"></div>
</div>
<div id="about">
<div class="about-1">
<h2 data-aos="fade-up">About Glitch</h2>
<p data-aos="fade-up">
GLITCH 2.0 is a one of a kind online cryptic-tech hunt which will test your eye for detail and also your technical and problem-solving skills. There will be four rounds, of increasing difficulty. All the four rounds will have an overarching technological storyline which will be unveiled as you progress through the rounds. In each round, you will be posed with challenging questions/puzzles based on multi-disciplinary technical fields which needs to be decoded and solved within the provided time limit.
<br><br>
The event does not need any special skills and thus, both novice and experts can participate freely. Scores will be given based on your ability to decode and solve the challenges and the teams with the highest score will qualify for the subsequent rounds.
</p>
<h3 data-aos="fade-up">Powered By</h3>
<div data-aos="fade-up" class="logos-extra">
<img id="tec" src="./assets/tec.png" alt="">
<img id="gravitas" src="./assets/gravitas.png" alt="">
</div>
</div>
<div class="about-2">
<iframe data-aos="fade-up" id="vid" src="https://www.youtube.com/embed/9GX0F-tuwqY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div id="insights">
<h1 data-aos="fade-up">Event Timeline</h1>
<span data-aos="fade-up">Click to view specific event details</span>
<div data-aos="fade-up" class="timeline">
<div class="bulb"><span class="time-txt"><h4>Inauguration ceremony</h4>9:00 am</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4> Round 1</h4>10:00 am - 12:00 pm</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4>Challenge Round</h4>12:00 pm - 1:00 pm</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4>Round 2</h4>2:00 pm to 3.30 pm</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4>Round 3</h4>4:00 pm to 5:30 pm</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4>Round 4</h4>6:00 pm to 7:00 pm</span></div>
<div class="line"></div>
<div class="bulb"><span class="time-txt"><h4>Closing ceremony & Results</h4> 7:00 pm onwards</span></div>
</div>
<div data-aos="fade-up" class="rowh">
<a id="rowh-1" target=__blank href="./assets/brochure.pdf">View Brochure</a>
<a download target="_blank" id="rowh-2"href="./assets/brochure.pdf">Download Brochure</a>
</div>
</div>
<div class="prizes">
<div class="prizes-1">
<h2 data-aos="fade-up">Prizes</h2>
<p data-aos="fade-up">
We at TEC believe, innovative ideas need acknowledgement and a platform to grow. Motivating and rewarding brilliant minds is an essential step in kindling the desire to learn and keeping the zeal alive.
<br><br>
With exciting cash prizes, goodies and shwags, this is a call to all those who have the creative spark and the thirst to prove yourself, to participate in this technical extravaganza, that will help not only to hone your skills but also to put them to a real test. are you ready ?
</p>
<img data-aos="fade-up" id="pr-img" src="./assets/win.png" alt="">
</div>
<div class="prizes-2">
<div data-aos="fade-up" class="prize-card">
<img class="win-im" src="./assets/winner.png" alt="">
<h4>Winner </h4> <span class="cost">₹ 2,500</span>
</div>
<div data-aos="fade-up" class="prize-card">
<img class="win-im" src="./assets/second.png" alt="">
<h4>First Runner Up</h4><span class="cost">₹ 1,750</span>
</div>
<div data-aos="fade-up" class="prize-card">
<img class="win-im" src="./assets/third.png" alt="">
<h4>Second Runner Up</h4> <span class="cost">₹ 1,000</span>
</div>
</div>
</div>
<div id="faqs">
<h1 data-aos="fade-up">Frequently Asked Questions</h1>
<div data-aos="fade-up" class="faq-grid">
<div class="quest">
<div class="inner">
Do i need prior coding knowledge to participate?
<div class="drpdn"></div>
</div>
<div class="ans">
The questions will focus on the participants basic logical reasoning skills and problem solving capabilities, hence both novice and experts can participate.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
Do i need to have any paid softwares to solve the challenges?
<div class="drpdn"></div>
</div>
<div class="ans">
The questions asked in the challenges do not require any paid softwares to be solved.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
Is it a team event? If yes, how many people can be in a team?
<div class="drpdn"></div>
</div>
<div class="ans">
We believe that all participants may have their own unique skill set and hence working as a team will prove to be an engaging and thrilling experience, team size: 2- 4 members.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
What if I don't have a team?
<div class="drpdn"></div>
</div>
<div class="ans">
We will have tons of online activities and discussion forums before the event starts for you to interact with other participants and form teams, however, if you do not have a team, do not worry, we will pair you up with other participants.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
Can students outside of VIT participate?
<div class="drpdn"></div>
</div>
<div class="ans">
Definitely! We love external participation! All are welcome to register for this event.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
How many rounds is the event spread through?
<div class="drpdn"></div>
</div>
<div class="ans">
The event takes place within 4 rounds.Along with a Bonus Round!
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
Do i need experience or familiarity with technologies in questions?
<div class="drpdn"></div>
</div>
<div class="ans">
Basic knowledge of scientific theories and fundamentals is enough to get you started. These questions will mainly call for problem-solving and critical thinking skills.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
What if I lose my internet connectivity in the middle of the hunt?
<div class="drpdn"></div>
</div>
<div class="ans">
Although this is an online cryptic-hunt, you do not need to be connected to the challenge at all times. You can continue your work on decoding the questions while getting your internet connectivity back.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
Can I refer to online sources for answers?
<div class="drpdn"></div>
</div>
<div class="ans">
Yes absolutely! You are free to use any and all resources that the glorious world of the internet has to offer.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
What is the scoring criteria?
<div class="drpdn"></div>
</div>
<div class="ans">
Points would be added for correctly answering questions. Final scores would be relative.
</div>
</div>
<div data-aos="fade-up" class="quest">
<div class="inner">
What are the qualifying criteria for the different stages?
<div class="drpdn"></div>
</div>
<div class="ans">
The rules and regulations regarding the details of the event will be out shortly. Please refer to them for more clarity on the structure of the event.
</div>
</div>
</div>
</div>
<div class="code">
<a data-aos="fade-up" href="codeofconduct.html">Code of Conduct</a>
</div>
<div id="contact">
<div class="contact-1"><img id="con-img" src="./assets/contact.png" alt=""></div>
<div class="contact-2">
<h2 data-aos="fade-up">Contact Us</h2>
<p data-aos="fade-up">We'd love to hear from you! <br> Use the chatbox or drop a mail to us at <br> <span style="color:rgb(255, 0, 76);"> [email protected]</span></p>
<a data-aos="fade-up" id="sp-bt" href="sponsor#contact-us">Sponsor Us</a>
<h4 data-aos="fade-up">Our Social Media Handles</h4>
<div data-aos="fade-up" class="social-media">
<a target="__blank" href="https://www.facebook.com/tec.vit/"><i class="fa fa-facebook" style="margin-right:2vh;font-size:20px;color:rgb(255, 255, 255)"></i></a>
<a target="__blank" href="https://www.linkedin.com/company/the-electronics-club-vit"><i class="fa fa-linkedin" style="margin-right:2vh;font-size:20px;color:rgb(255, 255, 255)"></i></a>
<a target="__blank" href="https://instagram.com/tec.vit?igshid=b4f1rb67ln0i"><i class="fa fa-instagram" style="margin-right:2vh;font-size:20px;color:rgb(255, 255, 255)"></i></a>
</div>
</div>
</div>
<div class="footer">Made By Ishita and Devansh</div>
</div>
</body>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="./js/glitch.js"></script>
<script src="./js/particles.js"></script>
<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="2065308d-d182-470a-8b6a-04a7ab488f4a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
</html>