This repository was archived by the owner on Sep 20, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.php
317 lines (267 loc) · 16 KB
/
index.php
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
<!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">
<meta name="description" content="">
<meta name="author" content="">
<title>101 Week CSSA - Semaine 101 AESA</title>
<!-- Bootstrap Core CSS -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<!-- Plugin CSS -->
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="lib/simple-line-icons/css/simple-line-icons.css">
<link rel="stylesheet" href="lib/device-mockups/device-mockups.min.css">
<!-- Theme CSS -->
<link href="css/new-age.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top">
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a data-en class="navbar-brand page-scroll" href="#page-top">101 WEEK</a>
<a data-fr class="navbar-brand page-scroll" href="#page-top">SEMAINE 101</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a data-en class="page-scroll" href="#what">101 Week</a>
<a data-fr class="page-scroll" href="#what">Semaine 101</a>
</li>
<li>
<a data-en class="page-scroll" href="#the-kit">The Kit</a>
<a data-fr class="page-scroll" href="#the-kit">La Trousse</a>
</li>
<li>
<a data-en class="page-scroll" href="#schedule">The Schedule</a>
<a data-fr class="page-scroll" href="#schedule">L'horaire</a>
</li>
<li>
<a data-en class="page-scroll" href="#who">Who Are We?</a>
<a data-fr class="page-scroll" href="#who">Qui sommes-nous?</a>
</li>
<li>
<a data-en class="page-scroll" href="#ticket">Buy the Kit</a>
<a data-fr class="page-scroll" href="#ticket">Acheter la trousse</a>
</li>
<li>
<a id="lang-button">Français</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="header-content">
<div class="header-content-inner">
<h2 data-en>Computer Science</h2><br>
<h2 data-fr>l'informatique</h2><br>
<h1 data-en>101 WEEK</h1><br>
<h1 data-fr>SEMAINE 101</h1><br>
<a data-en href="#download" class="btn btn-outline btn-xl page-scroll">Buy your 101 kit now!</a>
<a data-fr href="#download" class="btn btn-outline btn-xl page-scroll">Atache votre trousse 101 ici!</a>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="what" class="what bg-primary text-center">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 data-en class="section-heading">Wait...what is 101 week?</h2>
<h2 data-fr class="section-heading">Attends ... qu'est-ce qu'il y a 101 semaines?</h2>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/STCkGPHi354" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p data-en>Every year each student association puts on a week packed with events. These events are meant to introduce you to your fellow Computer Science students, as well as your peers in other faculties such as Science or Engineering. The week is going to be filled with exciting event! There will be a lot to do! Thinking this sounds pretty great? Well all you need to enjoy it is a CSI 101 Week Kit.</p>
<p data-en>Find out more about your program, meet new people and make friends you'll keep for the rest of your life, and get an introduction to unversity life. It'll be a week you'll never forget!</p>
<p data-en>This year 101 week will take place <u>August 31st to September 6th</u></p>
<p data-fr>Toutes les années, chacune des associations étudiantes prépare une semaine remplie d'événements. Les événements vous introduiront aux autres é d'informatique, ainsi qu'à ceux des autres faculté. Il y aura une tonne de chose à faire! Ça vous intéresse? Tout ce dont vous avez besoin pour en profiter c'est d'une Trousse Semaine 101.</p>
<p data-fr>La semaine 101 a été conçue pour vous faire découvrir votre programme, vous permettre de vous faire de nouveaux amis que vous côtoierez pour le reste de votre vie et vous introduire à la vie universitaire. C'est une semaine que vous n'oublierez jamais!</p>
<p data-fr>Cette année, la semaine 101 aura lieu le <u>31 août à le 6 septembre</u></p>
</div>
</div>
</div>
</section>
<section class="kit" id="the-kit">
<div class="kit-content">
<div class="container">
<div class="row">
<div class="col-md-5 col-xs-12">
<h2 data-en class="section-heading">What your kit gives you</h2><br>
<h2 data-fr class="section-heading">Qu'est-ce que votre trousse vous donne</h2><br>
<p data-en>- 101 Bracelet: Your ticket for admittance to all 101 Week events<br>
- Exclusive CSSA 101 Week t-shirt<br>
- CSSA Swag<br>- More SWAG</p>
<p data-fr>- Bracelet 101: Votre billet d'admission à tous les évènements de la Semaine 101<br>- T-shirt exclusif de l'AÉI<br>- Du Swag de l'AÉI<br>- Encore plug de SWAG!</p>
</div>
<div class="col-md-7 col-xs-12">
<h2 data-en class="section-heading">How do I get my kit?</h2><br>
<h2 data-fr class="section-heading">Comment est-ce que je reçois ma trousse?</h2><br>
<p data-en>Kits will go on sale through this website on August 1st. Buying a kit reserves you a spot in the Computer Science 101 Week. There are a limited number of spots, so make sure you buy your kit! Once purchased, you will be able to pick up your kit on campus (Outside of, STEM building, 10:30 am to 3:30 pm September 2nd and 3rd, 9:30 am to 2:00 pm September 4th).</p>
<p data-en>If you can't (or would rather not) buy a kit online, we will be selling a few kits in person (cash only) the weekend before 101 Week (same hours and location), but those sell out quickly.</p>
<p data-fr>Les trousses seront mises en ventes sur ce site le 1er Août. L'achat d'une trousse vous réserve une place dans la Semaine 101 d'Informatique. Il y a un nombre limité de places, donc assurez-vous d'acheter votre trousse! Une fois achetée, vous serez en mesure de ramasser votre trousse sur le campus (Cabine 5, Bâtiment EITI, 10:30 à 15:30 les 2 et 3 Septembre, 9:30 à 14:00 le 4 Septembre).</p>
<p data-fr>Si vous ne pouvez pas (ou ne préférerez pas) acheter votre trousse en ligne, nous vendrons quelques trousses en personne (argent comptant seulement) la fin de semaine avant la Semaine 101 (même heure, même endroit), mais elles se vendent rapidement.</p>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</section>
<section id="schedule" class="features">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="section-heading">
<h2 data-en>The Schedule</h2><br>
<h2 data-fr>L'horaire</h2><br>
<p data-en>The schedule will be released closer to the start of 101 week! So stay tuned!</p>
<p data-fr>Le calendrier sera publié plus près du début de la semaine 101! Alors restez à l'écoute!</p>
</div>
</div>
</div>
</div>
</section>
<section class="who" id="who">
<div class="who-content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 data-en class="section-heading">So like who are you?</h2><br>
<h2 data-fr class="section-heading">Qu'est-ce que votre trousse vous donne</h2><br>
<p data-en>We provide services and support to the Computer Science students of the university of Ottawa. We represent our electorate at the SFUO and the faculty of Engineering. We make sure that our voices are heard and our concerns addressed.</p>
<p data-en>Throughout the year we plan, organize, promote, and run activities and events both in the social sphere and the academic and professional spheres. Regular themes are game nights and speaker series. However the biggest event we put up is 101 Week, a week filled with activities helping new students start their university journey the best way possible!</p>
</div>
</div>
</div>
</div>
<div class="overlay"></div>
</section>
<section id="download" class="download bg-primary text-center">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 data-en class="section-heading">101 Week begins...</h2>
<h2 data-fr class="section-heading">101 semaines commence...</h2>
<h1 id="countdown"></h1>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sept 2, 2019 09:30:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// F ind the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "NOW";
}
}, 1000);
</script>
</div>
</div>
</div>
</section>
<section id="ticket" class="ticket">
<div class="ticket-content">
<div class="container">
<h2 data-en>Don't wait!<br>Buy your kit today.</h2><br>
<h2 data-fr>N'attendez pas! Achetez votre trousse aujourd'hui.</h2><br>
<a data-en href="/checkout.php" class="btn btn-outline btn-xl page-scroll">I'm joining 101 Week!</a>
<a data-fr href="/checkout.php" class="btn btn-outline btn-xl page-scroll">Je me joint à 101 semaines!</a>
</div>
</div>
<div class="overlay"></div>
</section>
<section id="contact" class="contact bg-primary">
<div class="container">
<h2 data-en>We <i class="fa fa-heart"></i> new friends!</h2><br>
<h2 data-fr>Nous <i class="fa fa-heart"></i> les nouveaux amis</h2><br>
<h3 data-en>Make sure to follow us for all the latest on 101 week!</h3><br>
<h3 data-fr>Make sure to follow us for all the latest on 101 week!</h3><br>
<ul class="list-inline list-social">
<li class="social-twitter">
<a href="https://twitter.com/CSSAAEI"><i class="fa fa-twitter"></i></a>
</li>
<li class="social-facebook">
<a href="https://www.facebook.com/CSSAAEI"><i class="fa fa-facebook"></i></a>
</li>
<li class="social-instagram">
<a href="https://www.instagram.com/cssa.aei/"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
</section>
<footer>
<div class="container">
<p data-en>© Computer Science Student Association</p>
<p data-fr>© Association des Étudiants en Informatique</p>
</div>
</footer>
<!-- jQuery -->
<script src="lib/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/new-age.min.js"></script>
<script>
$(document).ready(function() {
var bgCounter = -1,
backgrounds = [
"img/bg01-01.jpg",
"img/bg01-02.jpg",
"img/bg01-03.jpg",
];
function changeBackground(){
bgCounter = (bgCounter+1) % backgrounds.length;
$('header').css('background-image', 'url('+backgrounds[bgCounter]+')');
setTimeout(changeBackground,10000);
}
changeBackground();
$('#lang-button').click(function(){
var lang = $('html').attr('lang');
if(lang == 'en'){
$('html').attr('lang','fr');
$('#lang-button').text("English");
}
if(lang == 'fr'){
$('html').attr('lang','en');
$('#lang-button').text("Français");
}
});
});
</script>
</body>
</html>