This repository was archived by the owner on Sep 16, 2021. It is now read-only.
forked from Compec/boundatacamp
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
459 lines (428 loc) · 25.2 KB
/
index.html
File metadata and controls
459 lines (428 loc) · 25.2 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
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
<!DOCTYPE html>
<html>
<head>
<!--I am here-->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1252146961623423');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=1252146961623423&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="icon" href="/2019/assets/RGB-LogoV4.png">
<meta name="description"
content="Boğaziçi DataCamp, veri biliminin iş hayatındaki uygulamalarının anlatıldığı ve ilgili teknolojilerin deneyimlendiği iki günlük atölyeler ve zirveden oluşan bir etkinliktir."
>
<meta name="keywords" content="boun,bogazici,datacamp,data,science,summit,analytics,and,digital,workshop,business,boğaziçi,camp,veri,bilimi,zirvesi,türkiye,istanbul,en,iyi">
<link rel="shortcut icon" type="image/png" href="/2019/assets/logo_icon.png"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=PT+Mono" rel="stylesheet" />
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.7/css/all.css">
<link rel="stylesheet" href="/styles.css"/>
<title>
Boğaziçi DataCamp '20
</title>
<meta charset="UTF-8">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128963962-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-128963962-1');
</script>
</head>
<body>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
(function () {
var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/5d17819f7a48df6da2422b33/1dnaf35q7';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
<header class="main">
<div class="containeer">
<a data-scroll href="/" class="logo">
<img src="assets/RGB-LogoV5.png" alt="Hack Boğaziçi">
</a>
<span id="navToggle" class="nav-toggle" onclick="toggleNav()" style="color: white;"><i id="intoggle" class="fas fa-bars"></i></span>
<nav id="nav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="toggleNav()">×</a>
<!-- <a href="#about" data-scroll data-type="navItem" class="animated fast fadeOut active">Bilgi</a> -->
<a href="/program" data-type="navItem" class="animated fast fadeOut">Program</a>
<a href="/sponsorlar" data-type="navItem" class="animated fast fadeOut">Sponsorlar</a>
<a href="/kayit" data-type="navItem" class="animated fast fadeOut">Kayıt Ol</a>
<a href="/2019" data-type="navItem" class="animated fast fadeOut">DataCamp '19</a>
<a href="/2018" data-type="navItem" class="animated fast fadeOut">DataCamp '18</a>
</nav>
</div>
</header>
<div class="header header-content clearfix" id="animation">
<canvas id="c"></canvas>
<div class="header-container">
<div class="header-text">
<!--<img class="header-logo" src="assets/RGB-LogoV5.png"> -->
<h1 class="hero-title">Boğaziçi DataCamp'20</h1>
<div class="header-detail-text">
<div style="font-size: 1.1wh;">
<p>Boğaziçi Üniversitesi Bilişim Kulübü Compec tarafından düzenlenen ve bu sene üçüncü kez gerçekleşecek olan Boğaziçi DataCamp’e davetlisiniz!</p>
<p>Zirve boyunca veri biliminin iş dünyasındaki güncel uygulamalarını tanırken, workshoplar sırasında uygulamalarını deneyimleyebileceksiniz.</p>
</div>
<div style="font-size: 1.1wh;" style="transform: translateY(10px)">
<h3>Etkinliğe Kalan Süre</h3>
<h3 id="countdownTimer"></h3> <!--Kalan süre için 4 Kasım 00:00'ı baz aldım, değiştirmek isterseniz fonksiyon aşağıda. "Nov 4, 2020 00:00:00" şeklinde aratabilirsiniz.-->
<h3>4 - 11 Kasım</h3>
<div class="btn btn-primary">
<a style="color: white; font-size: 3rem;" href="/kayit/">HEMEN KAYIT OL!</a>
</div>
</div>
</div>
</div>
<div>
</div>
<div class="header-image">
<img src="assets/RGB-LogoV6.png" style="width:100%;">
</div>
</div>
</div>
<section id="about">
<div class="container container-wide">
<div class="why-container">
<h2>Boğaziçi DataCamp Nedir?</h2>
<p>
Boğaziçi Datacamp veri bilimi ve onun iş dünyasındaki uygulamalarının konuşmacı ve katılımcıların workshoplarla uygulayarak öğrenmesi üzerine olan bir zirvedir. </p>
<h3>Yer - Tarih</h3>
<p>
Online<br>
4 - 11 Kasım Workshop<br>
7 - 8 Kasım Zirve
</p>
</div>
<div class="why-container">
<h2>Kimler için?</h2>
<p>Boğaziçi DataCamp;</p>
<ul class="why-list">
<li>
Programlama konseptleri ve algoritmik yaklaşımların bulunduğu Bilgisayar Mühendisliği ve Yönetim Bilişim Sistemi öğrencileri
</li>
<li>
Veri Bilimi ile ilgili profesyoneller
</li>
<li>
Veri Bilimi’ni projeler ile kariyerinde kullanmak isteyenler </li>
<li>
Makine Öğrenmesi, Yapay Zeka, Görüntü Tanıma gibi Veri Bilimi ile ilişkili terimlerin ne kastettiğini merak edenler içindir.
</li>
</ul>
</div>
</div>
</section>
<section id="gallery">
<div class="container-wide">
<h2>Geçtiğimiz Seneden Fotoğraflar</h2>
</div>
<div class="container "> <!--KOPYALAMANIN BAŞI, BURADAN SONRASI GİDECEK. Discord'a toplantıda attığım link ile yapılacak. Bundan farklı görünürse, sıkıntı olursa yazın.-->
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
data-link="https://photos.app.goo.gl/2cgwv5BPUncTXkYt7" data-title="Datacamp"
data-description="20 new photos added to shared album">
<object
data="https://lh3.googleusercontent.com/2on3uC4G23SZ-W1vaZl4-QFUOIUnWFl2FXXP3JilcQ9Ybf2HAtvq63nu6fUemVjDJFrXLFG8WbgE8lT76bwrBK-3hYowuRtxcYT556YE9Qw5OW8lUvYTW8TTq_gkAm7KWcKrbB8Uwg=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/B5m6RkpRUVQqetGSmk-wsxQToyiBrvKf2L8sQGuatu_O__ej7nNYLLUSnlQbxUOtXRbtLu8y2ZbJFK3kV0dvYyFtpySyiIVgEc1bMLW4iMAqpp_1_fDN7zblviBfAV1ZzHZb-Mrwig=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/bsiI_HjXJCZ8SBvKvJ0rhvWux0sEE7LgJIz6WTpuXKefb5pKLxL2cL9IgoPcpFj_YwQzqXMHRp9kMcU5AZuOY6En4GE4ZaZidU6hO1TEeJ4-FiUaWknx2HxTKmiUICC-Er9jYusPdw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/xTJ1Q8J4fvCD0nJYdR9_my-q0zAq6yiw9PAeeYPn9WnBRrlKeuUf9bL0i227La2SaC9reBzZqTJPhYOh1vAvMDZSQzRvxmMBWX5V6DRGrWuWIRyGtNabJH5Sc6Wa_47LEsbZRi1qkw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/H7i6zI9Xm5IVSs6aPhNT9cYMd6MuEsQ3qsR6nHArL6WVV3HLwwV7mRKEFlldfazz_DWcp1Jd-hIpN7ErfbB-ZJfgswFJWo3JCDNY-aU3oFhv7NYfvZdBsZ1rbqN1CFxYYZR95OrJ3w=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/V5Ioa_wOhbaJ3wU9kcKxR5rYbCHrJpQOxm2awE_jVeOqCSuA1exTeS3xyZP5dxIEvXoymI59K550XH_Oz7UvPMbcsTwuTT5P6x-UaPWTMD91jmwCMX7tXYi7HEy_mamJYf0FQucbQg=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/hvPMIfeP5UjsX3JC5GZywM1ML6g3FgOd__-cB3BDrepT9oIKkrxiKHKs6d4V_a_OAH_VUpm22L42uIyQiY2PRl2s05XK7nOodn7y34WWCdL2AEWr-G6meuaSib2kYLvsPrgDXu9JZQ=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/ri04i9skyO9FNRezOW-dsME_siZkOCQpw1fpplvT_L6n9c4BIowYsrL-gRZcE1j_Wea2vh7cbrduZ5qqdKw-gO2bvTfsFnkPZ7VrRgWrKVuzfDn0aOgSkf125iewouivajd2tFOsAA=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/OnIYN76J0jnpdad11j_9LjIeV56Mb0-sNJyFFZ4-n8sDwil90RhildczBoD1jvMTlHXxUW_9tVSCxkNB4GREEk-GhtUFSZjyWbj4UO8IDoChcy0u_Ue8Ydn03KTXbwYPnXElI6MvSw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/EVmR2Mr1XNYJVm5T76xYt55zmhQLP5rHB0khnhX9yLeSDYQrDCLuLzZklaFhIHFzc_b8cJ1o5uxSQhemvP60QjTbetSFKJildU77H84VUp9-p-xRzzkmHplJ3acyf5w-9Hgcf7wYLQ=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/dpmJ-6LHOFAmO--yfknSzdHBS2GJLJmD8P1H7rRzxoeoUGQExbsXfYdwAcyMQM-1NztWhjJvA_zxalWqQVsKnTX7h8O2e8CxAQ2iVMoNEtCYL6Rs-VkWMjZGhrcOqa7uYTPu6ne7Fg=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/WrZnqaEO-MLu20ctW5FsOnonQBYwRudUXaQn9TZbsEY42pelVxm9Ixph8FqRyYAK8LX0GenAPoy8d1ib3GcNC6j1r3r4rfCbEnk_JdEwhAhhz8uSz4n5xRwoeS_2nwI0-ntsPEao4Q=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/W7em66Tev0sSMJGaqTQYd-IN1LVMRrZ5vmTvyUQHx4JzWCO2hC20JMmGXRqrlCoG8c_8jAxazL7H0bGdqsjgkYvuFa1YOyFgeTLYollXmAv5NZFFt46-Ga7fDv1y1ojLfWqD_VS97w=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/asxae3_U7Njw2sk-ThbXbs24SCw9jn8du1bxuqWuMjeuT4wkbQd33U3ypTIHwu3nxsT2nHynOwja4xUneT939C6xKLssOQ5LZRqihXBNCJKYi6HME-9muUmhq9ZgdLP7RC5IR-jTmw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/skipFUrLizu3usX3tJ7LNgXGGvQtK58o8yAFrkxmPPfN1wq7CJf2-cA2EDHJd35w8Gb3Zaeenc5DJC572qxd1bBkn4sV9FkYKQdv5eun28SkaIRtnCnr-hMeBg-LWMPn_i6VFiGi5g=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/dvww3PPKNNNgNyySSXk4prmlVcgP01SVNfhYoXxqoPBpKrsvB2b8xmKHncOErWX9UMNBrlechxGi4Xh627tGSIajTiGyviCMdeCEw_PI3LEaL1TOE8k60djoMrkmQ3TJ8pKys7YuUQ=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/lMCrqF8NUVj34vcap-y-g9AOo9wEBgsNL7UbK-5hL2bOXO-gkjCOIYL9Zh2Ek69k-eLx5LCPbsyINSd4_4ztlIWsB_p5xQbHJXli6XLabz1nvGliO2_EmTH21O-IGpWklSiFsjDuBw=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/ysfpNANS3BZTlll8JmwoCqjOYpt_aVnB2IbXO4P6_VLeu83A0JV0-iOwRx36FFD4diSWZ-YfeO4CiOWat8bPGskPRaWIHxpydHIHQjpQt75HbT6o-M2hrCwjsYcfOGo7Zsozm_kdHA=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/AhhQdXOgWprTsMeQ6PlDvHhD4yNUvNe9rHSmcBdVyBcAw5Jj6w2CA97n2s1RBGmgGyr2P5zbg-CLHWINbLdqSAd3gG0dFlIs8kdPQL7kUHtArLENsDqCGpJctIUqAor7voJS2D2QYg=w1920-h1080"></object>
<object
data="https://lh3.googleusercontent.com/8b5wfgc2I-D9ezLrIjsrRQKRG-uaYz7v_H1awm-XzVewaVH2KCW_vyBuIBL4UOH8Rk7lRPflnEzAa5YfK1Cc9qWNgV6eJZ0LpoBPKaC8f3AKlB-_o1MKQXVgB3cSdTVIUQEn5ShDYg=w1920-h1080"></object>
</div>
<!--BURAYA KADAR, ARASININ YERİNE KOY-->
</div>
</section>
<section id="contact">
<div class="container container-wide">
<h2>Bize Ulaşın</h3>
<div class="d-flex justify-content-center">
<a class="btn" style="background-color:#25D366; color: white;" href="https://wa.me/905012075169?text=Merhaba%20Enes">WhatsApp'tan Ulaşın!</a>
</div>
<div class="team-container clearfix text-break">
<div class="team-member">
<div class="image">
<img src="assets/team/enes.jpeg" alt="Enes Döke">
</div>
<div class="text">
<strong>Enes Döke</strong> <br>
<em>DataCamp Proje Direktörü</em> <br>
<a class="mailFont" href="mailto:enes.doke@compec.org" target="_top">enes.doke@compec.org</a> <br>
<!-- Ekip iletişim bilgileri <a href="tel:+905364433684" target="_top">+90 536 443 36 84</a>-->
</div>
</div>
<div class="team-member">
<div class="image">
<img src="assets/team/irem.jpg" alt="İrem Urhan">
</div>
<div class="text">
<strong>İrem Urhan</strong> <br>
<em>DataCamp Proje Koordinatörü</em> <br>
<a class="mailFont" href="mailto:irem.urhan@leader.compec.org" target="_top">irem.urhan@leader.compec.org</a> <br>
<!-- <a href="tel:+905559939410" target="_top">+90 530 965 06 06</a>-->
</div>
</div>
<div class="team-member">
<div class="image">
<img src="assets/team/berkay.jpg" alt="Berkay İşler">
</div>
<div class="text">
<strong>Berkay İşler</strong> <br>
<em>DataCamp Proje Koordinatörü</em> <br>
<a class="mailFont" href="mailto:berkay.isler@leader.compec.org" target="_top">berkay.isler@leader.compec.org</a> <br>
<!-- <a href="tel:+905316560971" target="_top">+90 531 656 09 71</a>-->
</div>
</div>
<div class="team-member">
<div class="image">
<img src="assets/team/burkay.jpg" alt="Ahmet Burkay Kınık">
</div>
<div class="text">
<strong>Ahmet Burkay Kınık</strong> <br>
<em>DataCamp Proje Koordinatörü</em> <br>
<a class="mailFont" href="mailto:burkay.kinik@leader.compec.org" target="_top">burkay.kinik@leader.compec.org</a> <br>
<!-- <a href="tel:+905071913564" target="_top">+90 507 191 35 64</a>-->
</div>
</div>
</div>
<!-- <h3>Boğaziçi Üniversitesi Albert Long Hall</h3> -->
<amp-iframe
class=""
width="1000"
height="300"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyC6lBd43pvJ74B2JyvSdsB4xWWdWuBdBFc&q=albert+long+hall"
i-amphtml-layout="responsive"
frameborder="0"
style="display: none;"
>
<i-amphtml-scroll-container class="amp-active">
<iframe style="width:100%; height: 40vh" class="" name="amp_iframe0"
frameborder="0" allow="" sandbox="allow-scripts allow-same-origin"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyC6lBd43pvJ74B2JyvSdsB4xWWdWuBdBFc&q=albert+long+hall#amp=1"></iframe>
</i-amphtml-scroll-container>
</amp-iframe>
</div>
<!-- Harita -->
<!-- Ekip iletişim bilgileri-->
</section>
<section>
<div style="text-align:center;">
<h2>Mail listemize abone olun</h2>
<form style="padding:3px;" action="https://tinyletter.com/bouncompec" method="post" target="popupwindow"
onsubmit="window.open('https://tinyletter.com/bouncompec', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
<p>
<label for="tlemail">Mail adresinizi giriniz</label></p>
<p>
<input type="text" style="width:140px" name="email" id="tlemail" /></p><input type="hidden" value="1"
name="embed" />
<input class="btn btn-primary" type="submit" value="Abone ol" />
</form>
</div>
</section>
<section>
<div class="footer-container container">
<a target="_blank" href="https://compec.org">
<img style="width: 30%" src="assets/compec1white.png" alt="Boğaziçi University IT Club">
</a>
<p>
© 2020 Boğaziçi Üniversitesi Bilişim Kulübü (Compec) Tüm hakkı saklıdır®
<br>Etkinliğin tüm hakları Compec'e aittir ve etkinliği haber vermeksizin değiştirme yetkisini elinde tutar.
</p>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
<script>
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);
// geting canvas by id c
var header = document.getElementById("animation").getBoundingClientRect();
var c = document.getElementById("c");
var ctx = c.getContext("2d");
c.height = window.innerHeight*1.5;
c.width = header.width;
//chinese characters - taken from the unicode charset
//var matrix = "ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%";
var matrix = "01";
//converting the string into an array of single characters
matrix = matrix.split("");
var font_size = 20;
var columns = c.width/font_size; //number of columns for the rain
//an array of drops - one per column
var drops = [];
//x below is the x coordinate
//1 = y co-ordinate of the drop(same for every drop initially)
for(var x = 0; x < columns; x++)
drops[x] = 1;
//drawing the characters
function draw()
{
//Black BG for the canvas
//translucent BG to show trail
ctx.fillStyle = "rgba(0, 0, 50, 0.04)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#228dd4"; //green text
ctx.font = font_size + "px arial";
//looping over drops
for(var i = 0; i < drops.length; i++)
{
//a random chinese character to print
var text = matrix[Math.floor(Math.random()*matrix.length)];
//x = i*font_size, y = value of drops[i]*font_size
ctx.fillText(text, i*font_size, drops[i]*font_size);
//sending the drop back to the top randomly after it has crossed the screen
//adding a randomness to the reset to make the drops scattered on the Y axis
if(drops[i]*font_size > c.height && Math.random() > 0.975)
drops[i] = 0;
//incrementing Y coordinate
drops[i]++;
}
}
setInterval(draw, 50);
</script>
<script>
function resizeCanvas(){
if (window.innerWidth < 600){
return;
}
header = document.getElementById("animation").getBoundingClientRect();
//c.height = header.height;
c.width = header.width;
c.height = window.innerHeight;
columns = c.width/font_size; //number of columns for the rain
//an array of drops - one per column
drops = [];
//x below is the x coordinate
//1 = y co-ordinate of the drop(same for every drop initially)
for(var x = 0; x < columns; x++)
drops[x] = 1;
}
window.addEventListener('resize', resizeCanvas, false);
</script>
<script>
// Initialize and add the map
function initMap() {
// The location of Uluru
var bm = {lat: 41.086065, lng: 29.043930};
var nh = {lat: 41.086613, lng: 29.045489};
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 14, center: bm});
// The marker, positioned at Uluru
var bm_marker = new google.maps.Marker({position: bm, map: map, label: 'BM', title: 'BM Buillding B (-2th) floor (for workshops)'});
var nh_marker = new google.maps.Marker({position: nh, map: map, label: 'NH', title: 'New Hall 105'});
}
</script>
<!--Load the API from the specified URL
* The async attribute allows the browser to render the page while the API loads
* The key parameter will contain your own API key (which is not needed for this tutorial)
* The callback parameter executes the initMap() function
-->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAskF-uLtsMYZ-BveXRd8ov2EaWd0o6mxQ&callback=initMap">
</script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14/dist/smooth-scroll.polyfills.min.js"></script>
<script>
var scroll = new SmoothScroll('a.nav-link', {
offset: 80
});
</script>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Nov 4, 2020 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function () {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and 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("countdownTimer").innerHTML = days + " Gün " + hours + " Saat " +
minutes + " Dakika " + seconds + " Saniye";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdownTimer").innerHTML = "DataCamp Başladı";
}
}, 1000);
// Source: https://www.w3schools.com/howto/howto_js_countdown.asp
</script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@14/dist/smooth-scroll.polyfills.min.js"></script>
<script src="main.js"></script>
</body>
</html>