-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
315 lines (290 loc) · 19.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/img/hc_logo.svg">
<title>hacK-night</title>
<link rel="stylesheet" href="CSS/base.css">
<link rel="stylesheet" href="CSS/regnow.css">
<link rel="stylesheet" href="CSS/contact.css">
<link rel="stylesheet" href="CSS/event-details.css">
<link rel="stylesheet" href="CSS/sponsors_faq.css">
<link rel="stylesheet" href="CSS/footer.css">
<link rel="stylesheet" href="CSS/navbar.css">
<!-- Chakra Petch font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="body-wrapper is-flex column align-center">
<nav class="topnav" id="myTopnav" onclick="hideResponse()">
<a href="#about">About</a>
<a href="#event-details">Event details</a>
<a href="#guidelines">Guidelines</a>
<a href="#rounds">Rounds and Rules</a>
<a href="#prizes">Prizes</a>
<a href="#sponsors">Sponsors</a>
<a href="#faq">FAQs</a>
<a href="#register">Register</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars" onclick="hideResponse()"></i>
</a>
</nav>
<section id="about" class="is-flex column align-center">
<svg width="945" height="231" viewBox="0 0 945 231" fill="none" xmlns="http://www.w3.org/2000/svg"
id="event-logo">
<path
d="M207 183.2C207 192.478 199.478 200 190.2 200H187.575C178.297 200 170.775 192.478 170.775 183.2C170.775 173.922 178.297 166.4 187.575 166.4H190.2C199.478 166.4 207 173.922 207 183.2Z"
fill="url(#paint0_linear_193_613)" />
<path
d="M56.2925 0L0 7.93651V200H56.2925V123.81C58.3395 89.6825 95.1855 90.5158 97.2325 112.579V200H153.525V102.381C153.525 58.7302 97.2325 49.2063 56.2925 72.2222V0Z"
fill="url(#paint1_linear_193_613)" />
<path
d="M267.398 118.1C279.898 118.1 289.498 121.1 296.198 127.1C302.898 133 306.248 141.95 306.248 153.95V200H284.348V189.95C279.948 197.45 271.748 201.2 259.748 201.2C253.548 201.2 248.148 200.15 243.548 198.05C239.048 195.95 235.598 193.05 233.198 189.35C230.798 185.65 229.598 181.45 229.598 176.75C229.598 169.25 232.398 163.35 237.998 159.05C243.698 154.75 252.448 152.6 264.248 152.6H282.848C282.848 147.5 281.298 143.6 278.198 140.9C275.098 138.1 270.448 136.7 264.248 136.7C259.948 136.7 255.698 137.4 251.498 138.8C247.398 140.1 243.898 141.9 240.998 144.2L232.598 127.85C236.998 124.75 242.248 122.35 248.348 120.65C254.548 118.95 260.898 118.1 267.398 118.1ZM265.598 185.45C269.598 185.45 273.148 184.55 276.248 182.75C279.348 180.85 281.548 178.1 282.848 174.5V166.25H266.798C257.198 166.25 252.398 169.4 252.398 175.7C252.398 178.7 253.548 181.1 255.848 182.9C258.248 184.6 261.498 185.45 265.598 185.45ZM365.805 201.2C357.205 201.2 349.455 199.45 342.555 195.95C335.755 192.35 330.405 187.4 326.505 181.1C322.705 174.8 320.805 167.65 320.805 159.65C320.805 151.65 322.705 144.5 326.505 138.2C330.405 131.9 335.755 127 342.555 123.5C349.455 119.9 357.205 118.1 365.805 118.1C374.305 118.1 381.705 119.9 388.005 123.5C394.405 127 399.055 132.05 401.955 138.65L383.805 148.4C379.605 141 373.555 137.3 365.655 137.3C359.555 137.3 354.505 139.3 350.505 143.3C346.505 147.3 344.505 152.75 344.505 159.65C344.505 166.55 346.505 172 350.505 176C354.505 180 359.555 182 365.655 182C373.655 182 379.705 178.3 383.805 170.9L401.955 180.8C399.055 187.2 394.405 192.2 388.005 195.8C381.705 199.4 374.305 201.2 365.805 201.2ZM453.828 158.75L439.728 173.45V200H415.578V95H439.728V144.05L486.228 95H513.228L469.728 141.8L515.778 200H487.428L453.828 158.75ZM571.048 118.1C581.048 118.1 589.098 121.1 595.198 127.1C601.398 133.1 604.498 142 604.498 153.8V200H581.098V157.4C581.098 151 579.698 146.25 576.898 143.15C574.098 139.95 570.048 138.35 564.748 138.35C558.848 138.35 554.148 140.2 550.648 143.9C547.148 147.5 545.398 152.9 545.398 160.1V200H521.998V119.3H544.348V128.75C547.448 125.35 551.298 122.75 555.898 120.95C560.498 119.05 565.548 118.1 571.048 118.1ZM624.209 119.3H647.609V200H624.209V119.3ZM635.909 108.05C631.609 108.05 628.109 106.8 625.409 104.3C622.709 101.8 621.359 98.7 621.359 95C621.359 91.3 622.709 88.2 625.409 85.7C628.109 83.2 631.609 81.95 635.909 81.95C640.209 81.95 643.709 83.15 646.409 85.55C649.109 87.95 650.459 90.95 650.459 94.55C650.459 98.45 649.109 101.7 646.409 104.3C643.709 106.8 640.209 108.05 635.909 108.05ZM751.076 119.3V186.5C751.076 201.3 747.226 212.3 739.526 219.5C731.826 226.7 720.576 230.3 705.776 230.3C697.976 230.3 690.576 229.35 683.576 227.45C676.576 225.55 670.776 222.8 666.176 219.2L675.476 202.4C678.876 205.2 683.176 207.4 688.376 209C693.576 210.7 698.776 211.55 703.976 211.55C712.076 211.55 718.026 209.7 721.826 206C725.726 202.4 727.676 196.9 727.676 189.5V186.05C721.576 192.75 713.076 196.1 702.176 196.1C694.776 196.1 687.976 194.5 681.776 191.3C675.676 188 670.826 183.4 667.226 177.5C663.626 171.6 661.826 164.8 661.826 157.1C661.826 149.4 663.626 142.6 667.226 136.7C670.826 130.8 675.676 126.25 681.776 123.05C687.976 119.75 694.776 118.1 702.176 118.1C713.876 118.1 722.776 121.95 728.876 129.65V119.3H751.076ZM706.826 176.9C713.026 176.9 718.076 175.1 721.976 171.5C725.976 167.8 727.976 163 727.976 157.1C727.976 151.2 725.976 146.45 721.976 142.85C718.076 139.15 713.026 137.3 706.826 137.3C700.626 137.3 695.526 139.15 691.526 142.85C687.526 146.45 685.526 151.2 685.526 157.1C685.526 163 687.526 167.8 691.526 171.5C695.526 175.1 700.626 176.9 706.826 176.9ZM820.406 118.1C830.406 118.1 838.456 121.1 844.556 127.1C850.756 133.1 853.856 142 853.856 153.8V200H830.456V157.4C830.456 151 829.056 146.25 826.256 143.15C823.456 139.95 819.406 138.35 814.106 138.35C808.206 138.35 803.506 140.2 800.006 143.9C796.506 147.5 794.756 152.9 794.756 160.1V200H771.356V88.7H794.756V127.7C797.856 124.6 801.606 122.25 806.006 120.65C810.406 118.95 815.206 118.1 820.406 118.1ZM925.617 196.1C923.317 197.8 920.467 199.1 917.067 200C913.767 200.8 910.267 201.2 906.567 201.2C896.967 201.2 889.517 198.75 884.217 193.85C879.017 188.95 876.417 181.75 876.417 172.25V139.1H863.967V121.1H876.417V101.45H899.817V121.1H919.917V139.1H899.817V171.95C899.817 175.35 900.667 178 902.367 179.9C904.167 181.7 906.667 182.6 909.867 182.6C913.567 182.6 916.717 181.6 919.317 179.6L925.617 196.1Z"
fill="white" />
<defs>
<linearGradient id="paint0_linear_193_613" x1="200.1" y1="200" x2="173.936" y2="151.881"
gradientUnits="userSpaceOnUse">
<stop offset="0.0521345" stop-color="#EC3750" />
<stop offset="1" stop-color="#FC7C3C" />
<stop offset="1" stop-color="#EC3750" />
</linearGradient>
<linearGradient id="paint1_linear_193_613" x1="-12.075" y1="-11.2" x2="95.5866" y2="237.12"
gradientUnits="userSpaceOnUse">
<stop stop-color="#FC7C3C" />
<stop offset="0.785794" stop-color="#EC3750" />
</linearGradient>
</defs>
</svg>
<img id="event-banner" alt="Decorative event banner" src="../assets/img/banner.webp">
</section>
<section id="AboutSection">
<h2>About</h2>
<div class="about-content">
<p class="AboutP">HackClub’s flagship hackathon <strong>hacKnight</strong>, is a 48-hour long
hackathon with a jaw dropping cash prize pool of Rs.
1,90,000. Assemble your tech-savvy avengers and get ready to compete in VIT Chennai’s biggest
in-person Hackathon taking
place on 11th April.</p>
<p class="AboutP">It is a perfect platform to learn, develop, compete, network, and take home cash,
all under 1 roof.</p>
<p class="AboutP">Get ready to design, develop, decentralise, and win free event T-shirts, have
luscious food and vibe along for 2 days!</p>
</div>
</section>
<section id="event-details" class="content-pane">
<h2>Event Details</h2>
<div class="is-flex event-details-content">
<img src="../assets/img/coding.png" width="40%" id="event-details-filler">
<ul class="is-flex column list-that-is-not-ugly event-details-list">
<li class="event-details-list-item"><strong>Date:</strong> 11th April - 13th April</li>
<li class="event-details-list-item"><strong>Time:</strong> 11th April 5:30pm to 13th April 7:30pm
</li>
<li class="event-details-list-item"><strong>Entry Fee:</strong> 200 per person</li>
<li class="event-details-list-item"><strong>Team Size:</strong> 3-4 Members</li>
<li class="event-details-list-item"><strong>Venue:</strong> MG Auditorium</li>
</ul>
</div>
</section>
<section id="guidelines">
<h2>Guidelines</h2>
<ul>
<li class="Guidelines-item">The participants are required to gather at the aforementioned venue
before
6:00pm with their VIT ID cards.</li>
<li class="Guidelines-item">We will issue event-specific ID cards to all participants and assign
HackClub’s representatives to all the teams.</li>
<li class="Guidelines-item">The opening ceremony will commence at 6:30pm, the domains will be
announced.
</li>
<li class="Guidelines-item">The hackathon will commence at 7:00 pm IST on 11th April. There will
be
a
total of 2 rounds.</li>
<li class="Guidelines-item">The final results will be announced at 7:30pm IST on 13th April.
</li>
<li class="Guidelines-item">You are not allowed to leave the hackathon venue until either you
get
eliminated or in an event of emergency.</li>
<li class="Guidelines-item">On-duty leave (OD) will be provided to all the participants for
Tuesday
and
Wednesday.</li>
<li class="Guidelines-item">Only VIT Chennai students can register for the event.</li>
<li class="Guidelines-item">Leaving the hackathon premises without permit will cause direct
disqualification of the team.</li>
</ul>
</section>
<section id="rounds">
<div>
<img src="assets/img/star.svg" class="star-image">
</div>
<h2>Rounds and Rules</h2>
<div class="b1">
<img id="img2" src="assets/img/codelines.svg" align="right" style="margin-top:5%;width:28%;">
<div class="roundsrules-container">
<p>There will be a total of <strong>2</strong> rounds.</p>
<ol>
<li class="roundsrules-item">All the rounds are elimination rounds, implying some teams advance
to
the
next round, some unfortunately return back
with loads of experience.</li>
<ul>
<li class="roundsrules-item"><strong>Review-1:</strong> Review-1 will commence on 12th April
10:00
am IST. Approximately 45 teams proceed to the next round. All the participants moving to
round-2
will receive free T-Shirts.</li>
<li class="roundsrules-item"><strong>Review-2:</strong> Review-2 will commence on 13th April
5:00 pm
IST. No elimination will take place after Round-1.</li>
</ul>
</ol>
</div>
</div>
</section>
<section id="prizes">
<h2>Prizes</h2>
<div class="b1">
<img src="assets/img/prize vector.png" align="right"
style="width:20%; margin-right: 4%; margin-top: 4%">
<ul class="prizes list-that-is-not-ugly">
<li class="prize-details-list-item">1st Place: ₹85000</li>
<li class="prize-details-list-item">2nd Place: ₹60000</li>
<li class="prize-details-list-item">3rd Place: ₹45000</li>
</ul>
</div>
</section>
<!-- Sponsors -->
<section id="sponsors">
<h2>Sponsors</h2>
<div class="sponsor-container">
<div class="imgs">
<img src="assets/img/polygon.png" alt="polygon">
</div>
<div class="imgs">
<img src="assets/img/crust.png" alt="crust">
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq">
<h2>FAQ</h2>
<details>
<summary>Do I need to have prior development knowledge to participate?</summary>
<p>HackClub will have its Tech team to support all the participants 24x7, apart from that having prior
coding/ development
experience will give you an upperhand.</p>
</details>
<details>
<summary>How long will the Hackathon last?</summary>
<p>The hackathon will last for approximately 48 hours, we will provide all the participants with food,
wifi,
T-shirts
(after Review-1)</p>
</details>
<details>
<summary>What are the Hackathon Domains/ problem statements?</summary>
<p>The problem statements/ Domains will be announced during the opening ceremony of hacKnight 2022 (11th
April)</p>
</details>
<details>
<summary>What if I don’t reach the final round?</summary>
<p>You still get a 48-hour long learning experience, network with your peers, get a cool T-shirt , and
get
mentored by SMEs
and Industry Experts.</p>
</details>
<details>
<summary>What do I need to bring along?</summary>
<p>An enthusiastic team, your coding setup (Laptop, charger, keyboard etc) and, we’ll take care of the
rest.
HackClub will provide WiFi, food (3 meals a day), and other basic necessities.</p>
</details>
<details>
<summary>How many elimination rounds will be there?</summary>
<p>Round-1 is the elimination round, 50% teams will proceed to the next round. Round-2 will be the final
round</p>
</details>
<details>
<summary>How/ Where to register?</summary>
<p>Click on the register now button, enter team details, pay the registration fees, and you’re ready to
HACK!</p>
</details>
<details>
<summary>For further queries, contact:</summary>
<p><b>Student coordinator:</b></p>
<p>Rohitashwa Dutta - +91 7824039072</p>
<p>Ansh Khattar - +91 9044850311</p>
<p>Shaunak Deshpande - +91 9687869541</p>
</details>
</section>
<section class="register-now" id="register">
<div class="content">
<h1>Register Now</h1>
<h2>Registrations closed! We hope you were able to make it!</h2>
</div>
<div class="img-container">
<img src="assets/img/Vector.svg" alt="">
</div>
</section>
<section class="contact-card">
<div class="contact-card-container">
<img src="assets/img/coding window.svg" alt="">
</div>
<div class="contact-content">
<div class="contact-content-container">
<h1>Contact us at</h1>
<div class="media-handles">
<img id="insta" src="assets/img/instagram.svg" alt="">
<span>@hackclubvitc</span>
</div>
<div class="media-handles">
<img id="mail-img" src="assets/img/mail.svg" alt="">
<span>[email protected]</span>
</div>
<div class="media-handles">
<img id="discord" src="assets/img/discord.svg" alt="">
<span><a href="">Discord</a></span>
</div>
</div>
</div>
</section>
<footer class='body-section'>
<ul class="container">
<li class="footer-socials-wrapper">
<div class="footer-banner">
<img src="assets/img/hc_logo.svg" alt="Logo">
<a id="hc"><strong>Hack Club</strong></a>
</div>
<div class="footer-socials">
<ul>
<li><a href="https://hackclub.com/slack/"><img id="slack" src="assets/img/slack.svg"
alt="slack Logo"></img></a></li>
<li><a href="https://github.com/HackclubVIT"><img id="github" src="assets/img/github.svg"
alt="github Logo"></img></a></li>
<li><a href="https://www.instagram.com/hackclubvitc/?hl=en"><img id="insta"
src="assets/img/insta.svg" alt="insta Logo"></img></a></li>
<li><a href="mailto:[email protected]"><img id="mail" src="assets/img/email.svg"
alt="email Logo"></img></a></li>
</ul>
</div>
</li>
<div class="footer-links">
<p class="footer-link" id="phil"><a href='https://hackclub.com/philosophy/'>Philosophy</a></p>
<p class="footer-link"> <a href="https://hackclub.com">Community</a></p>
<p class="footer-link"><a href="https://hackclub.com/conduct/">HackClub Code of Conduct</a></p>
<p class="outro">Made with <img id="heart" src="assets/img/heart.svg" alt="Logo"></img>
by Students of Hack Club</p>
</div>
</ul>
</footer>
</div>
<script src="JS/navbar.js"></script>
</body>
</html>