-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
116 lines (81 loc) · 7.04 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
---
layout: default
---
<section id="hero" class="tbg1">
<div id="layerslider-container-fw">
<div id="layerslider" style="width: 100%; height: 436px; margin: 0px auto; ">
<div class="ls-layer" style="slidedirection: top; slidedelay: 6000; durationin: 1500; durationout: 1500; delayout: 500;">
<img src="images/slide-pics/slide1-bg.jpg" class="ls-bg" alt="">
<img src="images/slide-pics/slide1-bigdata.png" class="ls-s6" alt="" style="top: 134px; left: 30px; slidedirection : bottom; slideoutdirection : bottom; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 600;">
<!-- <img src="images/slide-pics/slide1-pic2.png" class="ls-s6" alt="" style="top: 36px; left: 190px; slidedirection : bottom; slideoutdirection : bottom; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000;">
-->
<h1 class="ls-s3" style="position: absolute; top:100px; left: 700px; slidedirection : top; slideoutdirection : top; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 200;">Learning Challenges<br></h1>
<h4 class="ls-s3 l1-s1" style="position: absolute; top:230px; left: 700px; slidedirection : bottom; slideoutdirection : bottom; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 1000;">Modern big data tools</h4>
<a class="button red ls-s8" href="/challenges" style="position: absolute; top:320px; left: 700px; slidedirection : bottom; slideoutdirection : bottom; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1100;">Challenges</a>
</div>
<div class="ls-layer" style="slidedirection: right; slidedelay: 5000; durationin: 1500; durationout: 1500;">
<img src="images/slide-pics/slide2-bg.jpg" class="ls-bg" alt="">
<img src="images/slide-pics/slide2-hackathon.png" class="ls-s6" alt="" style="top: 76px; left: 500px; slidedirection : bottom; slideoutdirection : bottom; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000;">
<h1 class="ls-s3" style="position: absolute; font-family:Arial; top:114px; left: 30px; slidedirection : right; slideoutdirection : left; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 400;">In-Class Hackathons</h1>
<h4 class="ls-s3 l1-s1" style="position: absolute; top:189px; left: 30px; border-color:#fff; slidedirection : bottom; slideoutdirection : left; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 500;">Show off what you've learned</h4>
<a class="button green ls-s8" href="/hackathons" style="position: absolute; top:276px; left: 30px; slidedirection : bottom; slideoutdirection : bottom; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 600;">Hackathons</a>
</div>
<div class="ls-layer" style="slidedirection: right; slideoutdirection : top; slidedelay: 5000; durationin: 1500; durationout: 1500; delayout: 500;">
<img src="images/slide-pics/slide3-bg.jpg" class="ls-bg" alt="">
<!-- <img src="images/slide-pics/slide3-pic1.png" class="ls-s6" alt="" style="top: 28px; left: 20px; slidedirection : fade; slideoutdirection : fade; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 500;"> -->
<h1 class="ls-s3" style="position: absolute; top:120px; left: 700px; color:#fff; slidedirection : top; slideoutdirection : top; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 600;">Physical Computing</h1>
<h4 class="ls-s3 l1-s1" style="position: absolute; top:196px; left: 700px; color:#fff; border-color:#fff; slidedirection : bottom; slideoutdirection : bottom; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 700;">Make stuff to collect data</h4>
<a class="button skyblue ls-s8" href="#" style="position: absolute; top:284px; left: 700px; slidedirection : bottom; slideoutdirection : bottom; durationin : 3000; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 800;">Projects</a>
</div>
</div>
</div>
</section>
<!-- /end-hero -->
<section class="container home-content">
<hr class="vertical-space2">
<!-- Start-Iconboxes-->
<section class="row column">
<div class="one_third">
<article class="icon-box3"> <i class="icomoon-reading"></i><br>
<h5><strong>Learning Challenges</strong></h5>
<p>Each week, students are given a take-home challenge to learn about certain important
concepts, skills, or tools about big data and HCI.</p>
</article>
</div>
<div class="one_third">
<article class="icon-box3"> <i class="icomoon-tools"></i><br>
<h5><strong>In-class Hackathons</strong></h5>
<p>At the end of the week, students meet in class to participate in a hackathon
in which they apply what they've just learned to
an important problem.</p>
</article>
</div>
<div class="one_third column-last">
<article class="icon-box3"> <i class="icomoon-cube4"></i><br>
<h5><strong>Physical Computing</strong></h5>
<p>Throughout the semester, students make and deploy an Arduino device to collect their
own data and use the tools they've learned to analyze the data.</p>
</article>
</div>
</section>
<!-- end-Iconboxes -->
<hr>
<!-- Latest-from-Blog-start -->
<div class="latest-f-blog">
<h4 class="subtitle">Topics</h4>
<article class="row">
<a href="http://www.splunk.com/" ><img src="/images/topics/splunk.jpg" alt="" height="75"></a>
<a href="http://d3js.org/" ><img src="/images/topics/d3.png" alt="" height="75"></a>
<a href="http://www.tableausoftware.com/" ><img src="/images/topics/tableau.png" alt="" height="75"></a>
<a href="http://www.mongodb.com/" ><img src="/images/topics/mongodb.png" alt="" height="75"></a>
<!-- <a href="http://arduino.cc/" ><img src="/images/topics/arduino.gif" alt="" height="75"></a> -->
<a href="http://nodejs.org/" ><img src="/images/topics/nodejs.png" alt="" height="75"></a>
<a href="http://openrefine.org/" ><img src="/images/topics/openrefine.png" alt="" height="75"></a>
<a href="http://www.neo4j.org/" ><img src="/images/topics/neo4j.png" alt="" height="75"></a>
<a href="http://phantomjs.org/" ><img src="/images/topics/phantomjs.png" alt="" height="75"></a>
</article>
<hr class="vertical-space1">
</div>
<!-- Latest-from-Blog-end -->
<hr class="vertical-space2">
</section><!-- end- -->