-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·399 lines (384 loc) · 24.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
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
<!DOCTYPE html>
<html lang=''>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>Chess Club IISER-K</title>
<meta name='description' content='The official website of the IISER Kolkata Chess Club'>
<meta name='author' content='IISER-K Chess Club'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name='theme-color' content='#000'>
<link rel='stylesheet' href='css/gothamrnd/gothamrnd.css'>
<link href='https://fonts.googleapis.com/css?family=Karla:400' rel='stylesheet'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel='stylesheet' href='css/main.css'>
<link rel='stylesheet' href='css/cards.css'>
<link rel="stylesheet" href="css/flickity.css" media="screen">
<link rel="stylesheet" href="css/fullscreen.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://pgn.chessbase.com/CBReplay.css"/>
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
</head>
<body>
<div class='section intro' id='intro'>
<div class='section-wrapper intro'>
<img id='main_logo' class='wow fadeIn' data-wow-delay='200ms' src='img/logo.svg'>
<h1><div class='wow fadeIn' data-wow-delay='200ms'>Chess Club</div></h1>
<h2><div class='wow fadeIn' data-wow-delay='200ms'>IISER Kolkata</div></h2>
<div id='scroll_links'>
<span class='link_centered wow fadeInUp' data-wow-delay='300ms'><a class='scrollable' href='#about'>About</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='400ms'><a class='scrollable' href='#events'>Events</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='500ms'><a class='scrollable' href='#gallery'>Gallery</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='600ms'><a class='scrollable' href='#members'>Members</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='700ms'><a class='scrollable' href='#contact'>Contact</a></span>
</div>
<div id='scroll_links'>
<span class='link_centered wow fadeInUp' data-wow-delay='300ms'><a class='scrollable' href='analyze.html'>Analyze</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='400ms'><a class='scrollable' href='play.html'>Play</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='500ms'><a class='scrollable' href='broadcasts.html'>Broadcast</a></span>
<span class='link_centered wow fadeInUp' data-wow-delay='600ms'><a class='scrollable' href='kblitz.html'>Blitz</a></span>
</div>
</div>
</div>
<div class='section about' id='about'>
<div class='section-wrapper about'>
<h1 class='wow fadeInDown'>About</h1>
<div class='wow fadeInUp description' data-wow-delay='100ms'>
A hub for chess players of IISER-Kolkata, the premier research institute in India. <br><br> The primary vision of the club is to act as a platform for players to sharpen their skills in the game, increase their critical thinking and to promote chess in the institute and beyond.
</div>
<div class='bullet wow fadeIn' data-wow-delay='200ms' data-wow-offset='100'>
<h2>LEARN</h2>
<p>
We welcome beginners as we teach the basics of the game, discuss strategies and openings.
</p>
</div>
<div class='bullet wow fadeIn' data-wow-delay='300ms' data-wow-offset='100'>
<h2>PRACTICE</h2>
<p>
The harder you practice, the luckier you get. <br> Join us as we play matches, analyze games and solve puzzles.
</p>
</div>
<div class='bullet wow fadeIn' data-wow-delay='500ms' data-wow-offset='100'>
<h2>COMPETE</h2>
<p>
Showcase your practice and intelligence against the best as we conduct tournaments and open events.
</p>
</div>
<h1 class='wow fadeInDown' id="puzzles">Puzzles!</h1>
<div class='wow fadeInUp description' data-wow-delay='100ms'>
Presenting exciting chess puzzles to solve hosted by <a href = "https://learn.chessbase.com/" id ="puzzle-link">Learn Chessbase</a>
<br>
Drag the pieces to solve!
</div>
<iframe src="https://livetactics.chessbase.com" width="450" height="490" style="max-width:80%"></iframe>
</div>
</div>
<div class='section events' id='events'>
<div class='section-wrapper events'>
<h1 class='wow fadeInDown'>Events</h1>
<h2 class='wow fadeInDown'>Institute Events</h2>
<div class='wow fadeInUp description'>
Discover the illustrious customary events conducted by us in the institute
</div>
<div class = 'events-box'>
<div class = 'page-content'>
<div class="wow card">
<div class="content">
<h2 class="title">Grand Chess Tournament</h2>
<p class="copy">The most prestigious chess tournament at IISER-K, with participants from the entire institute, battling for a position against the best of the best.</p>
<br>
<p>Format: Classical</p>
<p>System: Round Robin</p>
</div>
</div>
<div class="wow card" >
<div class="content">
<h2 class="title">Rating Matches</h2>
<p class="copy">Rating Matches continue to be the most popular event of all time. Players with similar ratings are matched together as they play rapid games in a swiss system. </p>
<br>
<p>Format: Rapid</p>
<p>System: Swiss</p>
</div>
</div>
<div class="wow card">
<div class="content">
<h2 class="title">Inter-Batch Series</h2>
<p class="copy">IISER-K quite fancies the Inter-Batch Series. Students of a batch come together to contend against other batches to claim the title of winners.</p>
<br>
<p>Format: Rapid</p>
<p>System: Single-Elimination</p>
</div>
</div>
<div class="wow card" >
<div class="content">
<h2 class="title">Blitz Chess</h2>
<p class="copy">Introduced recently, blitz chess creates a flurry of moves, as both players attempt to hustle to victory. Quite enjoyed by folks who love to experience a blazing fast game and even faster thinking.</p>
<br>
<p>Format: Blitz</p>
<p>System: Swiss</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='section open-events'>
<div class='section-wrapper open-events'>
<h2 class='wow fadeInDown'>Open Events</h2>
<div class='wow fadeInUp description'>
Get to know the finest and quintessential open chess events hosted by Chess Club of IISER-K
</div>
<div class = 'events-box'>
<div class = 'open-page-content'>
<div class="wow open-events-card">
<div class="content">
<h2 class="title">Inquivesta 9 Open</h2>
<h3>In Association with Bengal Chess Association(BCA)</h3>
<p class="copy">Inquivesta Open prides in being one of the biggest and commemorated open chess tournaments of all time in Kolkata. This edition, the chess club collaborated with the Bengal Chess Associationa and the event was a remarkable success with a footfall of over 100 people.</p>
<br>
<p>Format: Classical</p>
<p>System: Round Robin</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='section conquests' id='conquests'>
<div class='section-wrapper conquests'>
<h1 class='wow fadeInDown'>Conquests</h1>
<div class='wow fadeInUp description'>
"It takes years of preparation for a moment of glory"
<br>
Have a look at some of our achievements
</div>
<br>
<div class = 'events-box'>
<div class = 'page-content'>
<div class="wow conquests-card">
<div class="content">
<h2 class="title">IISM 2019</h2>
<p class="copy">The Inter-IISER Sports Meet 2019 was held at IISER Pune. The team performed exceptionally till the third round and secured the 5th position.</p>
<br>
<p>Participants: Aakash Anand, Abhinash Roy, Ananyapam De, Dwaipayan Sarkar, Satvik Saha, Vikrant Kumar
</div>
</div>
<div class="wow conquests-card">
<div class="content">
<h2 class="title">Nadia District Chess Championship 2019</h2>
<p class="copy">Conducted by the the Bengal Chess Association (BCA), the Nadia District Chess Championshp is a district level chess championship with participants from all over the city.</p>
<br>
<p>Results</p>
<p>Vikrant Kumar: 6th position<br>Abhinash Roy: 9th position</p>
</div>
</div>
<div class="wow conquests-card">
<div class="content">
<h2 class="title">IISM 2018</h2>
<p class="copy">The Inter-IISER Sports Meet 2018 was held at NISER Bhubaneswar. The team once again secured the 4th position.</p>
<br>
<p>Participants: Abhinash Roy, Abhishek Muhuri, Arani Raychaudhuri, Chandraniva Guha Ray, Vikrant Kumar
</div>
</div>
<div class="wow conquests-card">
<div class="content">
<h2 class="title">IISM 2017</h2>
<p class="copy">The Inter-IISER Sports Meet 2018 was held at IISER Mohali. The team secured the 4th position.</p>
<br>
<p>Participants: Abhinash Roy, Abhishek Muhuri, Dwaipayan Sarkar, Sourabh Magare, Vikrant Kumar
</div>
</div>
</div>
</div>
</div>
</div>
<div class='section gallery' id='gallery'>
<div class='section-wrapper gallery'>
<h1 class='wow fadeInDown'>Gallery</h1>
<div class='wow fadeInUp description'>
Catch a glimpse of our journey as we make our way to the top
</div>
<h2 class='wow fadeIn'>IISM Diaries</h2>
<div class="carousel wow fadeIn">
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_1.jpg" alt="">
<div class="carousel-caption">IISM 2019, IISER Pune</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2018/img_5.jpg" alt="">
<div class="carousel-caption">IISM 2018, NISER Bhubaneswar</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2018/img_11.jpg" alt="">
<div class="carousel-caption">IISER-K faceoff against IISER Berhampur</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_2.jpg" alt="">
<div class="carousel-caption">IISER-K facing off IISC Bangalore in IISM-2019, Pune</div>
</div>
</div>
<h2 class='wow fadeIn'>Training!!</h2>
<div class="carousel wow fadeIn">
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_11.jpg" alt="">
<div class="carousel-caption">Grand Chess Tournament 2019</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_12.jpg" alt="">
<div class="carousel-caption">Training!</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_13.jpg" alt="">
<div class="carousel-caption">To be the best, you have to work overtime!</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_15.jpg" alt="">
<div class="carousel-caption">There is no secret to success - practice!</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_31.jpg" alt="">
<div class="carousel-caption">Eyeing your opponents before the game!</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/IISM_2019/img_32.jpg" alt="">
<div class="carousel-caption">Damn! That smile ...</div>
</div>
</div>
<div class='collapsible' id="gallery-collapsible">
<h2 class='wow fadeIn'>Inquivesta 9 Open</h2>
<div class="carousel wow fadeIn">
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_4.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_1.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_2.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_3.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_5.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_6.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_7.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_8.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_9.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_10.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_11.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_12.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_13.jpeg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_14.jpg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_16.jpg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_17.jpg" alt="">
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/inquivesta_open/img_18.jpg" alt="">
</div>
</div>
<h2 class='wow fadeIn'>Miscellaneous</h2>
<div class="carousel wow fadeIn">
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/misc/img_1.jpg" alt="">
<div class="carousel-caption">Flexing new boards!</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/misc/img_2.jpg" alt="">
<div class="carousel-caption">Ain't they delightful?</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/misc/img_11.jpg" alt="">
<div class="carousel-caption">Nadia District Championship 2019</div>
</div>
<div class="carousel-cell">
<img class="carousel-cell-image" data-flickity-lazyload="img/gallery/misc/img_12.jpg" alt="">
<div class="carousel-caption">The harder the battle, the sweeter the victory!</div>
</div>
</div>
</div>
<div class="collapse-button wow bounce" id="gallery-collapse-button">
<div id="gallery-collapse-button-text" class="collapse-button-text expand">More</div>
<div class="arrow"></div>
<div id="gallery-collapse-button-text" class="collapse-button-text collapse">Less</div>
</div>
</div>
</div>
<div class='section members' id='members'>
<div class='section-wrapper members'>
<h1 class='wow fadeInDown'>Members</h1>
<div id="members-list" class="members-box wow fadeInUp"></div>
<h2 class='wow fadeInDown'>Hall of fame</h2>
<div id="hall-of-fame-list" class='wow members-box fadeInUp'></div>
<h2 class='wow fadeInDown'>Coach</h2>
<div class='wow fadeInUp'>
<div>Avijit Ghosh</div>
</div>
</div>
</div>
<div class='section contact' id='contact'>
<div class='section-wrapper contact'>
<h1 class='wow fadeInDown'>Contact</h1>
<p class='wow fadeInUp'>
Join our <a id="team-link" href="https://lichess.org/team/iiserk-chess-club">Chess Team</a> on lichess.
</p>
<p class='wow fadeInUp' id="mail-us">
Mail us at: <a id="mail-link" href="mailto:chess.activity@iiserkol.ac.in">chess.activity@iiserkol.ac.in</a>
</p><br>
<p class='wow fadeInUp'>
Follow us on the links below!!
</p><br>
<div class="social-icons wow fadeInUp">
<a class="social-icon" id="socialInsta" href="https://www.instagram.com/chess.club_iiserk/"><i class="fab fa-instagram"></i></a>
<a class="social-icon" id="socialFace" href="https://www.facebook.com/Chess-Club-IISER-Kolkata-114370200471219"><i class="fab fa-facebook-f"></i></a>
</div><br>
<h2 class='wow fadeInUp'>Office bearers</h2>
<div class='office-bearers-box wow fadeInDown'>
<div>Vikrant Kumar</div>
<div>Ananyapam De</div>
<div>Chandraniva Guha Roy</div>
</div><br><br><br>
<h3 class='wow credits fadeInUp'>Made with <i class="fa fa-heart"></i> by
</h3>
<div class='credits wow fadeInDown'>
<div>Ananyapam De</div>
<div>Satvik Saha</div>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/urljs/2.3.1/url.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js'></script>
<script src="https://pgn.chessbase.com/cbreplay.js" type="text/javascript"></script>
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<script src="js/flickity.pkgd.min.js"></script>
<script src="js/fullscreen.js"></script>
<script src='js/main.js'></script>
</body>
</html>