generated from CodeChefVIT/template
-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
413 lines (391 loc) · 22.9 KB
/
index.html
File metadata and controls
413 lines (391 loc) · 22.9 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
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
<html>
<head>
<!-- Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-154962788-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-154962788-1');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJNBWQ2475"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TJNBWQ2475');
</script>
<!-- Metas, Title, Linking -->
<title>TechChronicles - Road to DEVSOC 21</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description"
content="Join CodeChef-VIT's journey on the Road to DEVSOC 21 with our first event- TechChronicles, a chance to prove that you can write better than most people code." />
<meta name="keywords"
content="hackathon,vit,DEVSOC,codechef-vit,developer's sprint of code,tech,event,DEVSOC 21,hack,vellore-institute-of-technology,consilio,TechChronicles,codex,design,code,road-to-devsoc" />
<meta name="author" content="Vinayak Gupta & Akshat Gupta" />
<meta name="copyright" content="CodeChef-VIT" />
<meta name="language" content="en" />
<meta name="url" content="https://techchronicles.codechefvit.com" />
<meta name="category" content="Event" />
<meta name="coverage" content="Worldwide" />
<meta name="rating" content="General" />
<meta name="og:email" content="[email protected]" />
<meta name="og:phone_number" content="+917014531554" />
<meta name="og:country-name" content="India" />
<meta name="og:region" content="Vellore" />
<meta name="og:site_name" content="TechChronicles - Road to DEVSOC 21" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta property="og:type" content="website" />
<meta property="og:title" content="TechChronicles - Road to DEVSOC 21" />
<meta property="og:description"
content="Join CodeChef-VIT's journey on the Road to DEVSOC 21 with our first event- TechChronicles, a chance to prove that you can write better than most people code." />
<meta property="og:url" content="https://techchronicles.codechefvit.com" />
<meta property="og:site_name" content="TechChronicles - Road to DEVSOC 21" />
<meta name="twitter:card" content="website" />
<meta name="twitter:site" content="TechChronicles - Road to DEVSOC 21" />
<meta name="twitter:title" content="TechChronicles - Road to DEVSOC 21" />
<meta name="twitter:description"
content="Join CodeChef-VIT's journey on the Road to DEVSOC 21 with our first event- TechChronicles, a chance to prove that you can write better than most people code." />
<meta name="twitter:creator" content="@codechefvit" />
<meta itemprop="name" content="TechChronicles - Road to DEVSOC 21" />
<meta itemprop="description"
content="Join CodeChef-VIT's journey on the Road to DEVSOC 21 with our first event- TechChronicles, a chance to prove that you can write better than most people code." />
<link rel="canonical" href="https://techchronicles.codechefvit.com" />
<link href="./Frontend/img/favicon.svg" rel="apple-touch-icon" />
<link href="./Frontend/img/favicon.svg" rel="icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" href="Frontend/css/spacing.css">
<link rel="stylesheet" href="Frontend/css/index.css">
<!-- No Script -->
<noscript>Please enable JavaScript to open this page.</noscript>
</head>
<body>
<!-- Top Nav -->
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
<a href="/" class="brand-logo pl-md-5"><img src="Frontend/img/devsoc21-new.png" alt="CA Community"
height="65px"></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#home" class="white-text bolder">Home</a></li>
<li><a href="#about" class="white-text bolder">About Road to DEVSOC</a></li>
<li><a href="#TechChronicles" class="white-text bolder">About TechChronicles</a></li>
<li><a href="#rules-prizes" class="white-text bolder">Rules & Prizes</a></li>
<li><a href="#submit-draft" class="white-text bolder">Submit Draft</a></li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger right"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<!-- Sidenav -->
<ul id="slide-out" class="sidenav">
<a href="/" class="center-align">
<li class="mt-3">
<img alt="Road to DEVSOC 21" src="Frontend/img/devsoc21-new.png" class="responsive-img" width="200px">
</li>
</a>
<li class="mt-3"><a class="waves-effect sidenav-alt-bar white-text" href="#home" id="activeSide">Home</a></li>
<li><a class="waves-effect white-text" href="#about">About Road to DEVSOC</a></li>
<li><a class="waves-effect white-text sidenav-alt-bar" href="#TechChronicles">About TechChronicles</a></li>
<li><a class="waves-effect white-text" href="#rules-prizes">Rules & Prizes</a></li>
<li><a class="waves-effect white-text sidenav-alt-bar" href="#submit-draft">Submit Draft</a></li>
</ul>
<!-- Main -->
<main>
<!-- Header -->
<div class="container mb-4" id="home">
<!-- Heading -->
<div class="row px-4">
<h1 class="left bolder heading-color">TechChronicles</h1>
</div>
<!-- Tagline -->
<div class="row px-4">
<h2 class="left bolder black-color mt-n4">Prove that you can write better than most people code.</h2>
</div>
<!-- Images -->
<div class="row px-4 mt-4">
<div class="col s12 m6">
<img src="Frontend/img/community.svg" alt="Team Spirit Vector"
class="responsive-img animated bounce" draggable="false">
</div>
<div class="col s12 m6 hide-on-med-and-down">
<img src="Frontend/img/laptop-blogging.png" alt="Laptop for Blogging"
class="responsive-img animated bounce" draggable="false">
</div>
</div>
<!-- Dates -->
<div class="row mt-md-2 center">
<h4 style="color: #3A87F1;">
Submissions have Closed</h4>
</div>
<!-- Medium -->
<div class="row mt-md-2 center">
<a href="https://medium.com/codechef-vit/write-for-codechef-vit-cadeeb27c9a1" target="_blank"><img src="Frontend/img/medium.png"
width="300px" alt="" draggable="false" class="pt-2 medium responsive-img"></a>
</div>
</div>
<!-- About Road to DEVSOC -->
<section id="about" class="pt-5 p-4 mt-5">
<div class="container">
<!-- Heading -->
<div class="row px-4">
<h1 class="center bolder heading-color">About Road to DEVSOC</h1>
</div>
<div class="row px-4">
<!-- Vector -->
<div class="col s12 m6 my-3 center">
<img src="Frontend/img/about.svg" alt="" class="responsive-img animated bounce"
draggable="false">
</div>
<!-- Content -->
<div class="col s12 m6 my-3 left">
<!-- Main Content -->
<div class="row">
<h6 class="left bolder mt-md-5">DEVSOC is CodeChef-VIT’s annual flagship
event hoping to empower young minds by bringing enthusiastic technocrats and thinkers
under one roof. This year, the second iteration of the hackathon is being held with a
goal to create a sprint like event, where participants create, hack, innovate to solve
problems while adhering to the spirit of creativity and teamwork.
</h6>
</div>
<!-- More Content -->
<div class="row">
<h6 class="left bolder">To delight people from multiple domains, we are conducting 3 premium
events leading to DEVSOC:
<ul class="browser-default">
<li>TechChronicles- For the Bloggers</li>
<li>Consilio- For the Designers</li>
<li>Code Invicta- For the Programmers</li>
</ul>
</h6>
</div>
</div>
</div>
</div>
</section>
<!-- TechChronicles Section -->
<section id="TechChronicles" class="pt-5 pb-4">
<div class="container">
<!-- Heading -->
<div class="row px-4">
<h1 class="center bolder heading-color">What is TechChronicles?</h1>
</div>
<div class="row px-4">
<!-- Content -->
<div class="col s12 m6 my-3 left">
<!-- Main Content -->
<div class="row">
<h6 class="left bolder">
With the pandemic striking pause on our lives, we decided to execute a fun and exciting
plan. Who does not want to have fun while working? We all do! So, get ready for a whole
lot of fun as we aim to form a strong community of content creators and encourage the
exchange of knowledge,
CodeChef-VIT invites all tech content enthusiasts to our one-of-a-kind and very special
Technical Blogging Contest - TechChronicles.
<br /><br />
Submit a blog in one of the following domains:
<ul class="browser-default">
<li>Web Dev</li>
<li>App Dev</li>
<li>Ml/AI</li>
<li>Design</li>
<li>Blockchain</li>
<li>Cloud Computing</li>
<li>Any programming language/DSA concept</li>
<li>Your unique project</li>
</ul>
to be featured and published on CodeChef-VIT's Medium page and win lots of exciting
prizes.
</h6>
</div>
</div>
<!-- Vector -->
<div class="col s12 m6 my-3 center">
<img src="Frontend/img/techchronicle.svg" alt="" class="responsive-img animated bounce"
draggable="false">
</div>
</div>
</div>
</section>
<!-- Rules and Prizes Section -->
<section id="rules-prizes" class="pb-3 pt-5">
<div class="container">
<div class="row px-4">
<!-- Content -->
<div class="col s12 m6 my-3 left">
<!-- Main Content -->
<h1 class="center bolder heading-color">Rules & Regulations</h1>
<div class="row">
<h6 class="left bolder">
<ul class="browser-default">
<li>Make sure your blog is fun to read, properly formatted, and full of rich and
knowledgeable content.</li>
<li>Participants should adhere to the maximum read time of 5 minutes.</li>
<li>Make sure your articles are based on and related to the topics specified.</li>
<li>Everyone must submit their entries as their medium draft’s link on
this site on or after 15th March, 2021.</li>
<li>A plagiarism check would be done and entries found to be copied from any sources
would be disqualified</li>
<li>Participants who want to submit entries in more than one domain can submit
different blogs.</li>
<li>Participants are advised to do Writefull Grammatical checks before submitting
their blogs.</li>
<li>For any queries related to how to frame a draft, have a read-
<a
href="https://help.medium.com/hc/en-us/articles/225168768-Writing-and-publishing-a-story">Writing
& Publishing a Story on Medium</a>.</li>
</ul>
</h6>
</div>
</div>
<!-- Vector -->
<div class="col s12 m6 my-3 left">
<h1 class="center bolder heading-color">Prizes</h1>
<div class="row">
<h6 class="left bolder">
<ul class="browser-default">
<li>A content writing internship for the top 3 winners at <a
href="https://dcoder.tech/" target="_blank">Dcoder</a> for a duration of 1
month with a stipend of Rs. 3,500/- per person.</li>
<li>Dcoder pro accounts for the top 50 people (3 months account).</li>
<li><a href="https://writefull.com/" target="_blank">Writefull</a> premium
accounts for top 3 submissions (annual account).</li>
<li>Cash prizes.</li>
</ul>
</h6>
</div>
<!-- One Liner -->
<div class="row">
<h5 class="center bolder">Stand a chance to win a 1 month paid internship by <a
href="https://dcoder.tech/" target="_blank">Dcoder</a>, licences, software &
cash
prizes!</h5>
</div>
<!-- Sponsors -->
<div class="row center">
<div class="col s6">
<div class="row">
<a href="https://writefull.com/" target="_blank"><img
src="Frontend/img/writefull_logo.svg" alt="Writefull" class="responsive-img"
width="100px"></a>
</div>
<div class="row">
Writefull
</div>
</div>
<div class="col s6">
<div class="row">
<a href="https://dcoder.tech/" target="_blank"><img src="Frontend/img/dcoder.png"
alt="Dcoder" class="responsive-img" width="100px"></a>
</div>
<div class="row">
Dcoder
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Submit Draft -->
<section id="submit-draft" class="p-4">
<div class="container">
<!-- Heading -->
<div class="row px-4">
<h1 class="center bolder heading-color">Submit Draft</h1>
</div>
<div class="row px-4">
<!-- Content -->
<div class="col s12 my-3 center">
<!-- Main Content -->
<!-- <form class="px-md-5">
<div class="row">
<div class="col s12 m6">
<input type="text" id="name" style="color: #FFF;" placeholder="Enter your Name" required>
</div>
<div class="col s12 m6">
<input type="email" id="email" placeholder="Enter your Email ID" required
pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?">
</div>
<div class="col s12 m6">
<input type="tel" placeholder="Enter your Phone Number" required id="mobile_number">
</div>
<div class="col s12 m6">
<input type="text" placeholder="Enter your Registration Number"
pattern="[1-2][0-9][A-Za-z]{3}[0-9]{4}" id="registration_number" />
</div>
<div class="col s12">
<input type="url" placeholder="Medium Draft Link" id="data_link" />
</div>
</div>
<div class="row center">
<button type="button" class="btn btn-tc waves-effect" id="regBtn"
onclick="submitDraft();">Submit Draft</button>
</div>
</form> -->
<h3 class="center">Draft Submissions are now <span style="color: #3A87F1;">closed</span>.</h3>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="page-footer" id="page-footer">
<div class="container">
<div class="row">
<div class="col l4 s12">
<h5 class="white-text">TechChronicles - Road to <span style="color: #3A87F1;">DEVSOC 21</span></h5>
<p class="grey-text text-lighten-4">Join CodeChef-VIT's journey on the Road to DEVSOC 21 with our
first
event- TechChronicles, a chance to prove that you can write better than most people code.</p>
</div>
<div class="col l6 s12 offset-l2">
<h5 class="white-text">Important Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://devsoc.codechefvit.com">DEVSOC</a></li>
<li><a class="grey-text text-lighten-3" href="#home">Home</a></li>
<li><a class="grey-text text-lighten-3" href="#about">About Road to DEVSOC</a></li>
<li><a class="grey-text text-lighten-3" href="#TechChronicles">About TechChronicles</a></li>
<li><a class="grey-text text-lighten-3" href="#rules-prizes">Rules & Prizes</a></li>
<li><a class="grey-text text-lighten-3" href="#submit-draft">Submit Draft</a></li>
</ul>
</div>
</div>
</div>
<!-- Footer Copyright -->
<div class="footer-copyright">
<div class="container">
Developed with ♥ by <a href="https://www.codechefvit.com"
class="white-text text-lighten-4">CodeChef-VIT</a>
<a class="grey-text text-lighten-4 right" href="https://www.facebook.com/codechefvit" target="_blank"><i
class="fab fa-facebook social-icons mx-3"></i></a>
<a class="grey-text text-lighten-4 right" href="https://twitter.com/codechefvit" target="_blank"><i
class="fab fa-twitter social-icons mx-3"></i></a>
<a class="grey-text text-lighten-4 right" href="https://www.instagram.com/codechefvit/"
target="_blank"><i class="fab fa-instagram social-icons mx-3"></i></a>
<a class="grey-text text-lighten-4 right" href="https://www.linkedin.com/company/codechef-vit-chapter"
target="_blank"><i class="fab fa-linkedin social-icons mx-3"></i></a>
</div>
</div>
</footer>
<!-- Loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#3A87F1" /></svg></div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6LdVV3kaAAAAAOdPoch4qj8g5DKmHAAdS9ZmlFlo"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="Frontend/js/index.js"></script>
</body>
</html>