This repository has been archived by the owner on Oct 25, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
executable file
·291 lines (274 loc) · 15 KB
/
events.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
<!DOCTYPE html>
<html class="skrollr skrollr-desktop gr__hillffair2k16_herokuapp_com"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hill'ffair 2K17 : Events </title>
<meta name="description" content="Hill'ffair 2K17 : INCEPTIO - REDISCOVERING OUR ROOTS . The annual cultural fest of National Institute of Technology Hamirpur">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="This Hillffair, NIT Hamirpur web application supports both offline and online mode, has a splash screen and add to home screen, just like any normal native app">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#714463">
<meta name="msapplication-TileColor" content="#714463">
<link rel="icon" href="./images/logo.jpg">
<meta name="msapplication-TileImage" content="/images/logo.jpg">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Hillffair16 progressive app">
<meta name="application-name" content="Hillffair16 progressive app">
<link rel="icon" type="img/png" href="#">
<link rel="stylesheet" type="text/css" href="./other/main.css">
<link rel="stylesheet" type="text/css" href="./other/landing.css">
<link rel="stylesheet" type="text/css" href="./other/events.css">
<link rel="stylesheet" type="text/css" href="./other/responsive.css">
</head>
<body data-gr-c-s-loaded="true">
<div class="content eventsBody activ active">
<div class="clubIcon unclicked">Clubs</div>
<div class="menu invisible" id="yes">
<div class="menuItem">
<div class="menuItemName inview"> <a href='/'>Home </a> </div>
</div>
<div class="menuItem">
<div class="menuItemName inview"><a href="/events"> Events </a> </div>
</div>
<div class="menuItem">
<div class="menuItemName inview"><a href='/contact'> Contact Us</a></div>
</div>
<div class="menuItem">
<div class="menuItemName inview"><a href="/register"> Register </a></div>
</div>
</div>
<div class="navIcon notClicked">
<div class="line line1"> </div>
<div class="line line2"> </div>
<div class="line line3"> </div>
</div>
<div class="left unactive">
<div class="completeMenu">
<div class="eventsMenu">
<ul class="bulk">
<!-- <li class="clubItems"> Highlights </li>-->
<li class="clubItems" id="1"> Core Team </li>
<li class="clubItems" id="2"> Battle Day </li>
<li class="clubItems"> Dramatics </li>
<li class="clubItems"> Music </li>
<li class="clubItems"> Dance </li>
<li class="clubItems"> English Club </li>
<li class="clubItems"> PR </li>
<li class="clubItems"> In4mals </li>
<li class="clubItems"> Fine Arts </li>
</ul>
</div>
</div>
</div>
<div class="right">
<div class="events-1 events insideBody"><img src="./Hill'ffair 2K16 _ NIT Hamirpur_files/rsz_spidy.png" class="spidy">
<br>
<div class="eventsNotice">SELECT A CLUB TO LOAD ITS EVENTS!</div>
</div>
<div class="events0 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events1 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events2 events outsideRight">
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent">Play</div>
<div class="eventDetails">A class of its own with extremely moving dialogues and a showcase of versatile emotions in acting.</div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Choreo</div>
<div class="eventDetails">A roller coaster of emotions and music set to take your heart on a ride through a magical world of intense drama.</div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent" style="padding: 10px 30px;">Mime</div>
<div class="eventDetails">A unique theatrical act depicted without words through exaggerated gestures,expressions,movements and high energy.</div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent" style="padding: 10px 30px;">Skit</div>
<div class="eventDetails">A full-on-masala madness,served with joy and eaten with laughter.</div>
</div>
</div>
<div class="events3 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events4 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events5 events outsideRight">
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent">Punk the Plot</div>
<div class="eventDetails">“An Indian girl spends multiple nights with three men in a foreign land.”
Confused right? Well, here is a hint. This is a hit movie by Kangana Ranaut. Think again!
“Queen”
Don’t kill us for ruining a good movie but what if we were to award you for doing the same? English Club is back with an event, “Punk the Plot” , where you have to describe a movie plot really badly.
</div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Love Confessions</div>
<div class="eventDetails">‘Spice’ up your college life by expressing your love through captivating words. Let’s take a break from this modernised world and drop down to our roots of writing letters. Get a chance to get close to him/her who might as well turn out to be the one you have been waiting for. Jot down what your heart screams and it will be our duty to get that letter across to the other person. Anonymous letters are also welcome. </div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Bazzinga</div>
<div class="eventDetails">English Club is back with the annual event, “Bazzinga”. Don’t miss out on the exciting quiz on the most famous T.V shows and movies with a vintage touch this time on Hill’ffair. Paired with a partner, get ready to test your memory and get a chance to win exciting prizes. </div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent" style="padding: 10px 30px;">WTF</div>
<div class="eventDetails">In the era of witty and sarcastic comments, come up with the most eye-capturing comment for a given illustration and get a chance to win hearts .You would be judged on your creativity and innovation(also prizes!). </div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent" style="padding: 10px 30px;">Pastels</div>
<div class="eventDetails">Revive your roots with this year’s edition of Pastels! Capture your nostalgia of India in any form of artwork. Be it images of old India, images showing our rich heritage or any beautiful memory of your childhood, even your favourite Indian cartoon character...We accept everything.</div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Gamble 7</div>
<div class="eventDetails">“What is life if not a gamble?”
Rediscover your “Rich” Indian roots this hill’ffair with this enthralling event. Get a chance to earn a fortune with the roll of a die. Come down to the stall and bet on any of the three given options for a mere sum of 10-100, leave the rest to your luck and who knows when it may turn to a thousand! </div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent" style="padding: 10px 30px;">Roulette</div>
<div class="eventDetails">High Stakes, high rewards. Bringing the coolest casino game to Hillffair 2017. Bet on a number and try your luck, this time on Russian Roulette! Details and rules to follow soon.</div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent" style="padding: 10px 30px;">Skit</div>
<div class="eventDetails">Going back to the roots and also seeing the fruit it bore, let's compare the common parents/children confrontations then and now. Was their time better or is ours?
Find out in English Club's skit! </div>
</div>
<div class="aEvent threeEvents eventType3">
<div class="nameOfEvent" style="padding: 10px 30px;">Heads Up</div>
<div class="eventDetails">A spinoff on the same old dumb charades, having a time limit and also other interesting options besides movies. Details and rules following soon.
Come and play in pairs, Heads up! </div>
</div>
</div>
<div class="events6 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events7 events outsideRight">
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent">Tug Of War</div>
<div class="eventDetails">Show your supremacy in physical strength by pulling
the rope to your side.
Yes, this interesting combination we are talking
about is “The Tug of War”.
C'mon join your power to create more tension than
any physics question you calculated in!! </div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Treasure Hunt</div>
<div class="eventDetails">Not all treasure is gold and silver, some are thrift
venture and they are called “Treasure Hunt”.
Push your skills to keep the Sherlock inside you alive!
Fill your day with mystery and little spook, all you
need to do is unravel the clues and find the treasure.
See you all at the Treasure Hunt. </div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent">Skipping</div>
<div class="eventDetails"> Calling out all students out there who got hidden
athlete in them! IN4MALS introduces you skipping
rope challenge, a competition featuring speed,
balance between your hand and jump, and time limit
that influence you to jump as fast as you can.
C’mon, join your power to make your move towards
the prize.</div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Lucky 7</div>
<div class="eventDetails"> Luck has a way of evaporating when you lean on it.
Do you have the calibre to use your luck before it
pass away, then grab this opportunity to showcase
your luck and let your winning skill amaze us. Roll
the die and let the number appearing in them fill
your pockets.</div>
</div>
<div class="aEvent threeEvents eventType1">
<div class="nameOfEvent">Egg Throw</div>
<div class="eventDetails">Come in a pair and solve your internal rivalry by
throwing eggs at each other. </div>
</div>
<div class="aEvent threeEvents eventType2">
<div class="nameOfEvent">Human Tic Tac Toe</div>
<div class="eventDetails">We all scribbled Tic Tac Toe during our boring
lectures. Get the thrill of this game by moving
humans than scribbling X and 0.Come in a team of 5
and plot your players to win the game. </div>
</div>
<div class="aEvent threeEvents eventType3">
<div class="nameOfEvent">Hit the luck</div>
<div class="eventDetails">A throw on the right target can load you with
money! Grab the ball, hit those glasses and grab the
free rose beneath that lucky glass. See you at “hit
the luck”. </div>
</div>
</div>
<div class="events8 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
<div class="events9 events outsideRight">
<div class="aEvent oneEvent eventType1">
<div class="nameOfEvent" style="padding: 10px 20px;">COMING SOON!!</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register('./serviceWorker.js',{ scope: './' })
.then(function (registration) {
console.info('Service worker is registered!');
})
.catch(function (error) {
console.error('Service worker failed ', error);
});
}
</script>
<script src="./other/snackbar.js"></script>
<script src="./other/menu.js">
</script>
<script src="./other/main.js">
</script>
<script>
var selector, elems, makeActive;
selector = '.bulk li';
elems = document.querySelectorAll(selector);
makeActive = function () {
for (var i = 0; i < elems.length; i++)
elems[i].classList.remove('active');
this.classList.add('active');
};
for (var i = 0; i < elems.length; i++)
elems[i].addEventListener('mousedown', makeActive);
var metaTagTheme = document.querySelector('meta[name=theme-color]');
var body = document.querySelector('body');
function updateNetworkStatus() {
if (navigator.onLine) {
metaTagTheme.setAttribute('content', '#0288d1');
body.classList.remove('app__offline');
}
else {
window.showSnackBar("App is offline!");
metaTagTheme.setAttribute('content', '#6b6b6b');
body.classList.add('app__offline');
}
}
document.addEventListener('DOMContentLoaded', function(event) {
if (!navigator.onLine) {
updateNetworkStatus();
}
window.addEventListener('online', updateNetworkStatus, false);
window.addEventListener('offline', updateNetworkStatus, false);
});
</script>
</body></html>