-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
272 lines (263 loc) · 10.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hacktoberfest NITC</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link
rel="icon"
type="image/png"
href="/assets/images/hacktoberfext-icon.png"
/>
<link rel="stylesheet" href="assets/fonts/Inter-3.15/Inter Web/inter.css" />
<link rel="stylesheet" href="/style/style.css" />
<link rel="stylesheet" href="/style/index.css" />
</head>
<body>
<header>
<div class="left">
<div class="logo">
<a href="/">
<img src="/assets/images/hacktoberfext-icon.png" />
</a>
</div>
<nav class="main">
<a href="/register" class="link">Register</a>
<a href="/#schedule" class="link">Schedule</a>
</nav>
</div>
<div class="right">
<a class="button" href="#community">Join</a>
</div>
</header>
<main>
<section class="banner">
<img class="hacktoberfest-banner" src="/assets/images/banner.svg" />
<strong class="banner-text">Organised by</strong>
<div class="banner-row">
<img
class="fosscell-banner"
src="/assets/images/fosscell-banner.png"
/>
<img class="csea-banner" src="/assets/images/csea.png" />
</div>
</section>
<section class="timer">
<div class="time days">
<span class="value">0</span>
<span class="division">Days</span>
</div>
<div class="time hours">
<span class="value">0</span>
<span class="division">Hours</span>
</div>
<div class="time minutes">
<span class="value">0</span>
<span class="division">Minutes</span>
</div>
<div class="time seconds">
<span class="value">0</span>
<span class="division">Seconds</span>
</div>
</section>
<section class="description">
<div class="contents">
<h2>Hacktoberfest NITC</h2>
<p>
The coding community is an ever growing one. But developing
softwares is not just about you making your own ideas, its also
about contributing to others' ideas and contribution to their
projects for the greater good of the community.
</p>
<p>
So inorder to nurture and teach the spirit of collaboration among
the students of National Institute of Technology Calicut the
<a
class="link"
rel="noopener noreferrer"
target="_blank"
href="https://fosscell.org"
>FOSSCell</a
>
along with
<a
class="link"
rel="noopener noreferrer"
target="_blank"
href="https://assoc.cse.nitc.ac.in"
>CSEA</a
>
is organising this event as a precursor to the
<a class="link" href="#hacktoberfest">Hacktoberfest</a>
</p>
<div class="button-container">
<a href="/register" class="button">Register</a>
<a class="button disabled">Join Stream</a>
</div>
</div>
<div class="image-container">
<img src="assets/images/undraw_work_together_h63l.svg" />
</div>
</section>
<section class="description reverse">
<div class="contents">
<h2>Prizes</h2>
<p>
The <a href="#hacktoberfest" class="link">Hacktoberfest</a> gives
out T-Shirts and other swag to all the participants who has
registered in their website and completed 4 pull requests. More
information can be seen in their website.
</p>
<p>
As this is not a competitive event but a collaborative event the
prizes cannot be given in a strict manner. But we are planning to
give prizes worth 1500Rs to the best contributor(s) by the end of October.
</p>
<div class="button-container"></div>
</div>
<div class="image-container">
<img src="assets/images/undraw_winners_ao2o.svg" />
</div>
</section>
<section id="schedule" class="schedule">
<h2>Schedule</h2>
<p>
The event will be on
<strong class="pink">October 3, Saturday</strong> from 09:00am -
07:00pm
</p>
<table class="schedule-table" cellspacing="0" cellpaddiing="0">
<thead>
<tr>
<th>Event name</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>Introduction to the event</td>
<td>09:00 - 09:15</td>
</tr>
<tr>
<td>Icebreaker / Meet & greet</td>
<td>09:15 - 09:30</td>
</tr>
<tr>
<td>What is open source? and Why?</td>
<td>09:30 - 10:00</td>
</tr>
<tr>
<td>Demos</td>
<td>10:00 - 10:15</td>
</tr>
<tr>
<td>--- Break ---</td>
<td>10:15 - 10:30</td>
</tr>
<tr>
<td>Introduction to git and how to contribute</td>
<td>10:30 - 11:30</td>
</tr>
<tr>
<td>Start Hacking</td>
<td>11:30 - 18:00</td>
</tr>
<tr>
<td>Showcase some projects</td>
<td>18:00 - 18:30</td>
</tr>
<tr>
<td>Share experience</td>
<td>18:30 - 18:55</td>
</tr>
<tr>
<td>Thank You</td>
<td>18:55 - 19:00</td>
</tr>
</tbody>
</table>
</section>
<section class="description" id="community">
<div class="contents">
<h2>The community</h2>
<p>
There is a community of developers who you can reach out to, if you
need help or face any other difficulty. Join the Discord server to
talk to the fellow community members. Always
<strong>behave respectfully</strong>
inside all the channels.
</p>
<div class="button-container">
<a
href="https://discord.gg/Ys4z5SF"
rel="noopener noreferrer"
target="_blank"
class="button"
>
<svg
width="30"
height="35"
viewBox="0 0 30 35"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="injected-svg"
data-src="/assets/images/discord.svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<path
d="M19.8884 16.3393C19.8884 15.2679 19.0848 14.3973 18.1473 14.3973C17.1429 14.3973 16.3393 15.2679 16.3393 16.3393C16.3393 17.3438 17.1429 18.2143 18.1473 18.2143C19.0848 18.2143 19.8884 17.3438 19.8884 16.3393ZM11.8527 14.3973C10.9152 14.3973 10.1116 15.2679 10.1116 16.3393C10.1116 17.3438 10.9152 18.2143 11.8527 18.2143C12.8571 18.2143 13.5937 17.3438 13.5937 16.3393C13.6607 15.2679 12.8571 14.3973 11.8527 14.3973ZM30 3.54911C30 1.60714 28.3929 0 26.4509 0H3.48214C1.54018 0 0 1.60714 0 3.54911V26.7188C0 28.7277 1.54018 30.2679 3.48214 30.2679H22.9018L22.0312 27.1205C27.0536 31.7411 25.6473 30.5357 30 34.2857V3.54911ZM25.1116 19.8214C25.1116 19.8214 23.6384 22.2991 19.8214 22.433C19.8214 22.433 19.2187 21.6964 18.683 21.0268C20.9598 20.4241 21.8304 19.0179 21.8304 19.0179C21.0937 19.4866 20.4241 19.7545 19.8214 20.0223C16.1384 21.5625 12.0536 21.0268 9.10714 19.4196C9.10714 19.3527 8.70536 19.1518 8.4375 18.9509C8.4375 18.9509 9.24107 20.3571 11.4509 21.0268C10.9152 21.6295 10.3125 22.433 10.3125 22.433C6.49554 22.2991 5.08929 19.8214 5.08929 19.8214C5.08929 14.2634 7.5 9.84375 7.5 9.84375C9.97768 7.96875 12.3214 8.03571 12.3214 8.03571L12.5223 8.23661C9.44196 9.10714 8.03571 10.4464 8.03571 10.4464C8.03571 10.4464 8.37054 10.2455 9.04018 9.97768C12.9911 8.23661 17.7455 8.23661 21.8304 10.4464C21.8304 10.4464 20.4911 9.17411 17.5446 8.30357L17.8125 8.03571C17.8125 8.03571 20.1562 7.96875 22.6339 9.84375C22.6339 9.84375 25.1116 14.2634 25.1116 19.8214Z"
fill="#FF8AE2"
></path>
</svg>
<span>Discord server</span></a
>
</div>
</div>
<div class="image-container">
<img src="assets/images/undraw_chat_bot_kli5.svg" />
</div>
</section>
<section class="description reverse" id="hacktoberfest">
<div class="contents">
<h2>What is Hacktoberfest</h2>
<p>
Hacktoberfest — brought to you by DigitalOcean in partnership with
Dev & Intel — is a month-long celebration of open-source software.
Maintainers are invited to guide would-be contributors towards
issues that will help move the project forward, and contributors get
the opportunity to give back to both projects they like and others
they've just discovered. No contribution is too small — bug fixes
and documentation updates are valid ways of participating.
</p>
<div class="button-container">
<a
href="https://hacktoberfest.digitalocean.com"
rel="noopener noreferrer"
target="_blank"
class="button"
>Hacktoberfest official site</a
>
</div>
</div>
<div class="image-container">
<img src="assets/images/undraw_programming_2svr.svg" />
</div>
</section>
</main>
<footer>
<img class="logo" src="/assets/images/fosscell-banner.png" />
<div>
<span>Hacktoberfest NITC</span>
<nav class="footer-nav">
<a class="link" href="/">Home</a>
|
<a class="link" href="/register">Register</a>
|
<a class="link" href="/#schedule">Schedule</a>
</nav>
</div>
</footer>
<script src="script/index.js"></script>
</body>
</html>