-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
668 lines (606 loc) · 24.5 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
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
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Citrus Hack 2018</title>
<link href="https://fonts.googleapis.com/css?family=Catamaran|Lato" rel="stylesheet">
<link rel="stylesheet" href="semantic/semantic.min.css">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="intro">
<div id="particles-js">
<h1 class="top-title shadow">CITRUS HACK 2018</h1>
<div id="timer" class="shadow"></div>
<hr>
<div class="button-group ui center aligned relaxed grid">
<div class="four wide column">
<form action="https://join.slack.com/t/citrus-hack-2018/shared_invite/enQtMzQ1NjExOTAxMTY5LTBiMjBhMTdiMjMyZDEwOWNmZDgwZjc1ZDI2NmU1ZTBiYzgzOGI0NmIxOTQwMjZhZGE5MmMxNTYwMjdhZjRjNzg"
method="get">
<button class="ui icon green button">
<i class="slack icon"></i>
<span class="button-label">Slack</span>
</button>
</form>
</div>
<div class="four wide column">
<form action="https://citrushack2018.devpost.com/" method="get">
<button class="ui icon teal button">
<i class="code branch icon"></i>
<span class="button-label">Devpost</span>
</button>
</form>
</div>
<div class="four wide column">
<form action="https://twitter.com/citrushack/" method="get">
<button class="ui icon blue button">
<i class="twitter icon"></i>
<span class="button-label">Twitter</span>
</button>
</form>
</div>
<div class="four wide column">
<a href="assets/maps.pdf">
<button class="ui icon yellow button">
<i class="map icon"></i>
<span class="button-label">Map</span>
</button>
</a>
</div>
</div>
<!-- CALENDAR -->
<div class="calendar ui grid stackable">
<div class="column">
<div class="day">
Saturday
<hr>
</div>
<div class="schedule">
<div class="event">
<span class="event-name">Check-In/Breakfast</span>
<span class="event-location">@ MSE 104
<br>
</span>
<span class="event-time">9:00am - 10:30am</span>
</div>
<div class="event">
<span class="event-name">Opening Ceremony</span>
<span class="event-location">@ MSE 104
<br>
</span>
<span class="event-time">10:30am - 12:00pm</span>
</div>
<div class="event">
<span class="event-name hacking-time">Hacking Begins</span>
<span class="event-location">@ WCH
<br>
</span>
<span class="event-time">12:00pm</span>
</div>
<div class="event">
<span class="event-name">Team Building Mixer</span>
<span class="event-location">@ MSE 104
<br>
</span>
<span class="event-time">12:00pm - 1:00pm</span>
</div>
<div class="event">
<span class="event-name">Lunch</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">12:30pm - 2:00pm</span>
</div>
<div class="event">
<span class="event-name">Intro to Git</span>
<span class="event-location">@ Bourns B118
<a href="https://github.com">
<div class="ui orange horizontal label">GitHub</div>
</a>
<br>
</span>
<span class="event-time">1:00pm - 2:00pm</span>
</div>
<div class="event">
<span class="event-name">1517 Mixer</span>
<span class="event-location">@ WCH 205/6
<a href="http://1517fund.com">
<div class="ui orange horizontal label">1517</div>
</a>
<br>
</span>
<span class="event-time">2:00pm - 3:00pm</span>
</div>
<div class="event">
<span class="event-name">Intro to Android Development</span>
<span class="event-location">@ WCH 143
<br>
</span>
<span class="event-time">3:00pm - 4:00pm</span>
</div>
<div class="event">
<span class="event-name">Intro to Unity</span>
<span class="event-location">@ Bourns B118
<br>
</span>
<span class="event-time">3:00pm - 4:00pm</span>
</div>
<div class="event">
<span class="event-name">Nick's Office Hours</span>
<span class="event-location">@ WCH 205/6
<a href="http://1517fund.com">
<div class="ui orange horizontal label">1517</div>
</a>
<br>
</span>
<span class="event-time">3:00pm - 5:00pm</span>
</div>
<div class="event">
<span class="event-name">Intro to React</span>
<span class="event-location">@ WCH 142
<br>
</span>
<span class="event-time">4:00pm - 5:00pm</span>
</div>
<div class="event">
<span class="event-name">Smart Contracts</span>
<span class="event-location">@ Bourns B118
<br>
</span>
<span class="event-time">4:00pm - 5:00pm</span>
</div>
<div class="event">
<span class="event-name">Data Science 101</span>
<span class="event-location">@ WCH 143
<br>
</span>
<span class="event-time">5:00pm - 6:00pm</span>
</div>
<div class="event">
<span class="event-name">iOS Development</span>
<span class="event-location">@ Bourns B118
<a href="http://appcorelabs.com">
<div class="ui orange horizontal label">Appcore Labs</div>
</a>
<br>
</span>
<span class="event-time">6:00pm - 7:00pm</span>
</div>
<div class="event">
<span class="event-name">Modern C++</span>
<span class="event-location">@ WCH 142
<br>
</span>
<span class="event-time">6:00pm - 7:00pm</span>
</div>
<div class="event">
<span class="event-name">Dinner</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">7:00pm - 9:00 pm</span>
</div>
<div class="event">
<span class="event-name">Intro to Docker</span>
<span class="event-location">@ WCH 143
<br>
</span>
<span class="event-time">8:00pm - 9:00pm</span>
</div>
<div class="event">
<span class="event-name">MLH Cup Stacking Competition</span>
<span class="event-location">@ WCH 205/6
<br>
</span>
<span class="event-time">9:00pm - 10:00pm</span>
</div>
<div class="event">
<span class="event-name">Silicon Valley Showtime</span>
<span class="event-location">@ Bourns A265
<br>
</span>
<span class="event-time">10:30pm - 11:00pm</span>
</div>
</div>
</div>
<div class="column">
<div class="day">
Sunday
<hr>
</div>
<div class="schedule">
<div class="event">
<span class="event-name">Midnight Snack</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">12:00am</span>
</div>
<div class="event">
<span class="event-name">Fortnite Tournament</span>
<span class="event-location">@ Bourns A265
<a href="https://www.gigabyte.com/">
<div class="ui orange horizontal label">Gigabyte</div>
</a>
<br>
</span>
<span class="event-time">12:30am - 2am</span>
</div>
<div class="event">
<span class="event-name">Swag Pinata</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">2:30am - 3:00am</span>
</div>
<div class="event">
<span class="event-name">Dancing with the Sun</span>
<span class="event-location">@ WCH Patio
<br>
</span>
<span class="event-time">6:00am - 7:00am</span>
</div>
<div class="event">
<span class="event-name">Breakfast</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">6:30am - 8:00am</span>
</div>
<div class="event">
<span class="event-name">UCRgis</span>
<span class="event-location">@ Bourns Lawn
<a href="https://www.instagram.com/stumpsandrumps/">
<div class="ui orange horizontal label">@stumpsandrumps</div></a>
<br>
</span>
<span class="event-time">8:00am - 9:00am</span>
</div>
<div class="event">
<span class="event-name">Creating a Pitch Deck</span>
<span class="event-location">@ WCH 138
<a href="https://exciteriverside.org/">
<div class="ui orange horizontal label">ExCITE</div>
</a>
<br>
</span>
<span class="event-time">10:00am - 11:00am</span>
</div>
<div class="event">
<span class="event-name hacking-time">Hacking Ends</span>
<span class="event-location">@ WCH
<br>
</span>
<span class="event-time">12:00pm</span>
</div>
<div class="event">
<span class="event-name">Lunch</span>
<span class="event-location">@ Bytes
<br>
</span>
<span class="event-time">12:00pm - 1:30pm</span>
</div>
<div class="event">
<span class="event-name">Demos</span>
<span class="event-location">@ Patio
<br>
</span>
<span class="event-time">1:00pm - 2:30pm</span>
</div>
<div class="event">
<span class="event-name">Closing Ceremony</span>
<span class="event-location">@ UNLH 1000
<br>
</span>
<span class="event-time">3:00pm - 4:00pm</span>
</div>
</div>
</div>
</div>
<div class="fire-section">
<img id="fire" class="fire-anim" frame=4 src="assets/fire.png" alt="Fire">
</div>
</div>
</div>
<!-- SPEAKERS -->
<div id="speakers">
<h2 class="title shadow">Keynote Speakers</h2>
<hr>
<div class="ui stackable grid">
<div class="eight wide column">
<div class="ui card">
<a href="http://ayoriselassie.com">
<div class="small image">
<img src="assets/ayori.jpg">
</div>
</a>
<div class="content">
<span class="header">Ayori Selassie</span>
<div class="meta">
<span class="date">Salesforce</span>
</div>
<div class="description">
AI expert, autodidact and trusted advisor of Fortune 500 companies and startup founders.
</div>
</div>
<div class="extra content">
<a>
<i class="user icon"></i>
Opening Ceremony Speaker
</a>
</div>
</div>
</div>
<div class="eight wide column">
<div class="ui card">
<a href="https://www.linkedin.com/in/tj-sehmi-5963524">
<div class="small image">
<img src="assets/tj.jpg">
</div>
</a>
<div class="content">
<span class="header">TJ Sehmi</span>
<div class="meta">
<span class="date">Appcore Labs</span>
</div>
<div class="description">
Product/project manager, blockchain educator, and expert in inter-cultural motivation.
</div>
</div>
<div class="extra content">
<a>
<i class="user icon"></i>
Closing Ceremony Speaker
</a>
</div>
</div>
</div>
</div>
</div>
<!-- RESOURCES -->
<div id="resources">
<h2 class="title shadow">Hacker Resources</h2>
<hr>
<div class="ui stackable relaxed grid">
<div class="eight wide column">
<h3 class="resource-title shadow">Ongoing Activities</h3>
<div class="ui raised segments">
<div class="ui segment">
<p class="resource-main">
<i class="gamepad icon"></i> Gaming Room</p>
<p class="resource-desc">Need to take a break from your work? Stop by our gaming room in Bourn A265.</p>
</div>
<div class="ui segment">
<p class="resource-main">
<i class="bed icon"></i> Nap Room</p>
<p class="resource-desc">If you need a dim, quiet place to take a nap, we have a designated room in Bourns A171.</p>
</div>
<div class="ui segment">
<p class="resource-main">
<i class="github alternate icon"></i> GitHub Octocat Contest</p>
<p class="resource-desc">Design an octocat and share on Twitter with @githubeducation using #citrushack2018 and #myoctocat</p>
</div>
</div>
<h3 class="resource-title shadow">Sponsor Tech</h3>
<div class="ui raised segments">
<div class="ui segment">
<a href="https://drive.google.com/file/d/0B1dtcd-Xo9Hyb1JZcWNOOUNtaVlDdnl1UXl6dDhGa05lbzBV/view?usp=sharing" class="resource-main">
<i class="desktop icon"></i> Free XYZ Domain</a>
<p class="resource-desc">Got a cool project you'd like to host on the web? We teamed up with XYZ to provide our hackers with some hip
.xyz domains. Follow the instructions linked above to redeem your free domain.</p>
</div>
<div class="ui segment">
<a href="https://lob.com/docs" class="resource-main">
<i class="mail icon"></i> Lob API</a>
<p class="resource-desc">Empower your project with Lob's API to mail letters, verify postal addresses, and more.
Request a free $20 API code on Citrus Hack's Slack.</p>
</div>
<div class="ui segment">
<a href="https://www.twilio.com/docs/usage/api" class="resource-main">
<i class="phone volume icon"></i> Twilio API</a>
<p class="resource-desc">Is communication important for your project? With Programmable Voice, Programmable Video, and SMS support, give
your code a voice with Twilio's API.</p>
</div>
<div class="ui segment">
<a href="https://www.linode.com/api" class="resource-main">
<i class="linode icon"></i> Linode API</a>
<p class="resource-desc">Automate your servers or develop applications in the cloud with Linode's API.</p>
</div>
</div>
</div>
<div class="eight wide column">
<h3 class="resource-title shadow">Tutorials and References</h3>
<div class="ui raised segments">
<div class="ui segment">
<a href="https://pages.github.com/" class="resource-main">
<i class="github icon"></i> Deploy a Website on GitHub Pages</a>
<p class="resource-desc">No coding experience? Follow this quick tutorial to get your first website online. From here, you can edit the
HTML to your liking.</p>
</div>
<div class="ui segment">
<a href="https://machinelearningmastery.com/tutorial-first-neural-network-python-keras/" class="resource-main">
<i class="user icon"></i> Develop Your First Neural Network with Keras</a>
<p class="resource-desc">Keras is a neural networks API for Python that is easy to understand for anyone new to data science. Follow
<a href="https://machinelearningmastery.com/setup-python-environment-machine-learning-deep-learning-anaconda/">this</a> tutorial first to get your coding environment set up.</p>
</div>
<div class="ui segment">
<a href="https://rubygarage.org/blog/create-augmented-reality-app-for-ios-11" class="resource-main">
<i class="box icon"></i> Create an Augmented Reality App on iOS</a>
<p class="resource-desc">Take advantage of cutting-edge Apple hardware with ARKit, Apple's new framework for creating AR applications.</p>
</div>
<div class="ui segment">
<a href="http://pythonforengineers.com/build-a-reddit-bot-part-1/" class="resource-main">
<i class="reddit alien icon"></i> Build a Reddit Bot in Python</a>
<p class="resource-desc">Know basic Python? Building a Reddit bot a great start to using an API. </p>
</div>
</div>
<h3 class="resource-title shadow">Datasets</h3>
<div class="ui raised segments">
<div class="ui segment">
<a href="http://betalib.ucr.edu/research-services/databases?search=&format%5B%5D=29&popular=All&subject_specialties=All"
class="resource-main">
<i class="cubes icon"></i> UCR Library Datasets and Statistics</a>
<p class="resource-desc">UC Riverside's collection of datasets.</p>
</div>
<div class="ui segment">
<a href="https://riversideca.gov/transparency/data/dataset/list" class="resource-main">
<i class="building icon"></i> Riverside City Data</a>
<p class="resource-desc">Data includes fire responses, crime reports, financial data, and more.</p>
</div>
<div class="ui segment">
<a href="https://github.com/awesomedata/awesome-public-datasets" class="resource-main">
<i class="database icon"></i> Awesome Public Datasets</a>
<p class="resource-desc">A GitHub repository of high-quality open datasets.</p>
</div>
</div>
</div>
</div>
</div>
<!-- SPONSORS -->
<section id="sponsors">
<h2 class="section-heading shadow title">2018 SPONSORS</h2>
</div>
<div class="ui stackable equal width centered grid">
<div class="row">
<div class="first-tier">
<a href="https://www.equipovision.com/">
<img class="hvr-grow" src="img/equipo.png" alt="EquipoVision logo">
</a>
</div>
</div>
<div class="row">
<div class="column first-tier">
<a href="https://gigabyte.com/us/">
<img class="hvr-grow" src="img/gigabyte.svg" alt="Gigabyte logo" style="filter: brightness(0) invert(1);">
</a>
</div>
</div>
<div class="row">
<div class="first-tier">
<a href="https://www.autodesk.com/">
<img class="hvr-grow" src="img/autodesk.png" alt="Autodesk logo" style="filter: brightness(0) invert(1);">
</a>
</div>
</div>
<div class="row">
<div class="column second-tier">
<a href="http://cs.ucr.edu">
<img class="hvr-grow" src="img/bcoe_cs.png" alt="CS department logo">
</a>
</div>
<div id="xyz" class="column second-tier">
<a href="https://xyz.xyz">
<img class="hvr-grow" src="img/xyz.png" alt="xyz logo">
</a>
</div>
<div id="twilio" class="column second-tier">
<a href="https://twilio.com">
<img class="hvr-grow" src="img/twilio.png" alt="Twilio logo">
</a>
</div>
<div id="starbucks" class="column second-tier">
<a href="http://starbucks.com">
<img class="hvr-grow" src="img/starbucks.png" alt="Starbucks logo">
</a>
</div>
</div>
<div class="row">
<div class="column second-tier">
<a href="https://digitalocean.com">
<img class="hvr-grow" src="img/digitalocean.png" alt="DigitalOcean logo">
</a>
</div>
<div class="column second-tier">
<a href="https://soylent.com">
<img class="hvr-grow" src="img/soylent.png" alt="Soylent logo" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="https://hellosugoi.com">
<img class="hvr-grow" src="img/hellosugoi.png" alt="Hello Sugoi logo" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="https://lob.com">
<img class="hvr-grow" src="img/lob.png" alt="Lob logo" style="filter: brightness(0) invert(1);">
</a>
</div>
</div>
<div class="row">
<div class="column second-tier" align="center" style="margin: 0 auto;">
<a href="https://github.com">
<img class="hvr-grow" src="img/github.png" alt="Github logo" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="http://cloud.google.com">
<img class="hvr-grow" src="img/gcp.png" alt="Google Cloud Platform logo" >
</a>
</div>
<div class="column second-tier">
<a href="http://1517fund.com">
<img class="hvr-grow" src="img/1517.png" alt="1517 logo" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="http://coolermaster.com">
<img class="hvr-grow" src="img/coolermaster.png" alt="Cooler Master logo">
</a>
</div>
</div>
<div class="row">
<div class="column second-tier">
<a href="http://jetbrains.com">
<img class="hvr-grow" src="img/jetbrains.png" alt="JetBrains logo">
</a>
</div>
<div class="column second-tier">
<a href="http://linode.com">
<img class="hvr-grow" src="img/linode.png" alt="Linode logo">
</a>
</div>
<div class="column second-tier">
<a href="https://blue.social">
<img class="hvr-grow" src="img/blue.png" alt="Blue logo">
</a>
</div>
<div class="column second-tier">
<a href="http://zesttea.com">
<img class="hvr-grow" src="img/zesttea.png" alt="Zest Tea logo">
</a>
</div>
</div>
<div class="row">
<div class="column second-tier">
<a href="https://www.unclechuangsbakery.com/stores">
<img class="hvr-grow" src="img/chuangs.png" alt="Uncle Chuang's logo">
</a>
</div>
<div class="column second-tier">
<a href="http://asucrexchange.ucr.edu/">
<img src="img/asucr.png" alt="ASUCR Logo" class="hvr-grow" width="50%">
</a>
</div>
<div class="column second-tier">
<a href="http://appcorelabs.com/">
<img src="img/appcorelabs.png" alt="AppcoreLabs Logo" class="hvr-grow" width="50%" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="http://stickermule.com/">
<img src="img/sticker-mule.svg" alt="StickerMule Logo" class="hvr-grow" width="50%" style="filter: brightness(0) invert(1);">
</a>
</div>
<div class="column second-tier">
<a href="https://hvmn.com/go-cubes">
<img class="hvr-grow" src="img/nootrobox.png" alt="Nootrobox logo">
</a>
</div>
</div>
</section>
<script src="JS/particles/particles.min.js"></script>
<script src="JS/index.js"></script>
</body>
</html>