-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
241 lines (218 loc) · 10.8 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
<html>
<head>
<title>BigRed//Hacks Fall 2014 - the ultimate college hackathon at Cornell University</title>
<script src="jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="jquery.stellar.min.js" type="text/javascript"></script>
<link rel="shortcut icon", href="img/favicon.ico", type="image/x-icon">
<link rel="icon", href="img/favicon.ico", type="image/x-icon">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylin.css">
<link rel="stylesheet" type="text/css" href="animate.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Istok+Web:400,700|Exo+2:400,700">
<link href="font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="top-navbar">
<div class="nav-container">
<img src="img/BRH.png" class="blaze" width=69 height=45 onclick="navigateTo(0)">
<div class="left-nav">
<div class="nav-div" onclick="navigateTo(1)">
<span class="navbar-elements">About</span>
</div>
<div class="nav-div" onclick="navigateTo(3)">
<span class="navbar-elements">Apply</span>
</div>
<div class="nav-div" onclick="navigateTo(2)">
<span class="navbar-elements">FAQ</span>
</div>
<div class="nav-div" onclick="navigateTo(4)">
<span class="navbar-elements">Sponsor</span>
</div>
<div class="nav-div" onclick="navigateTo(5)">
<span class="navbar-elements">Share</span>
</div>
</div>
</div>
</div>
<div class="top unselectable" id="home" data-stellar-background-ratio="0.5">
<div class="my-container animated fadeIn">
<p class="top-sub1">JOIN US FOR</p>
<h1 class="title"> <span class="Cred"> <b>BigRed <span style="font-family:Helvetica;">⁄⁄</span></span></span> Hacks</b></h1>
<h1 class="top-sub2">Cornell's student-run hackthon.</h1>
<div class="top-sub3">September 26 - 28, 2014</div>
<div class="left-icons">
<div class="gen-icon"><i class="fa fa-info-circle fa-3x" onclick="navigateTo(1)"></i>
<br><b>About  </b>
</div>
<div class="gen-icon"><i class="fa fa-question-circle fa-3x" onclick="navigateTo(2)"></i>
<br><b>FAQ </b>
</div>
</div>
<div class="right-icons">
<div class="gen-icon"><i class="fa fa-gift fa-3x" onclick="navigateTo(4)"></i>
<br><b>Sponsor</b>
</div>
<div class="gen-icon"><i class="fa fa-paper-plane fa-3x" onclick="navigateTo(5)"></i>
<br><b>Share</b>
</div>
</div>
<div class="top-but">
<button type="button" class="butt btn btn-success btn-lg animated fadeInDown" onclick="navigateTo(3)" >SIGN ME UP!</button>
</div>
</div>
</div>
<div class="middle">
<div class="my-container">
<h2 class="intro-sub" id="about">
<b>What is BigRed//Hacks?</b>
</h2>
<div class="intro-p">
BigRed//Hacks is the first ever student-run, large-scale hackathon at Cornell University. Across three days, students from all across the northeast will gather to build the coolest and most innovative projects, meet amazing people, and win some prizes along the way!<br><br>
We encourage all developers regardless of technical ability or hackathon experience to apply. Admission and food is free for all hackers.
</div>
</div>
</div>
<div class="middle">
<div class="my-container">
<div class="intro-sub" id="apply">
<b>Apply Now!</b>
</div>
<div class="intro-p">
<div class="application">
<button class="btn btn-success btn-xlarge" onclick="window.location = 'https://docs.google.com/forms/d/1T1JlpWfK3hYKt3RpCTuQalZtERvyIqUSEoV2tMIAzGM/viewform'"><i class="fa fa-file-text-o"> </i>General Application</button>
<button class="btn btn-success btn-xlarge" onclick="window.location = 'https://docs.google.com/forms/d/14EGJ86wtzLPMff4zjryKWtjDBQ6Po9yBEZif9M6H4JM/viewform'"><i class="fa fa-file-text-o"> </i>Cornell/Ithaca Application</button>
</div>
</div>
</div>
</div>
<div class="middle">
<div class="my-container">
<div class="intro-sub" id="faq">
<b>Frequently Asked Questions</b>
</div>
<div class="intro-p">
<span class="faq-title">Who is eligible to participate?</span><br>
We are inviting all undergraduate and graduate students to participate in our hackathon. You don't need any past experience. You don't even need to be a computer science major! Our only requirement is that you are at least 18 years old and enrolled in an accredited college or university.<br><br>
<span class="faq-title">What will I need to bring?</span><br>
Bring your school ID for registration. You are also responsible for bringing any equipment for building and demoing your hack: laptop, chargers, phones, etc. You may also want to bring a sleeping bag, change of clothes, and toothbrush.<br><br>
<span class="faq-title">Do I have to sign up with a team?</span><br>
You don't have to signup with a team, but it's certainly more fun! We allow teams of up to four people (they don't have to be from the same school), and while they can specified on the application, you won't officially create your team until the event. If you don't have a team yet, we'll host a social before the hacking begins for you to meet other amazing people.<br><br>
<span class="faq-title">Are you providing food?</span><br>
Don't worry, there will be lots of food and drinks (including energy drinks) at our event, free of charge to all participants. We'll have vegetarian options as well.<br><br>
<span class="faq-title">What's the deal with transportation?</span><br>
We will reimburse transportation for students up to $150 as needed. There will be a reimbursement table: bring your travel ticket, receipt, and government-issued photo ID. We ask that you pick a reasonably priced method of travel. If you plan on driving, then you will have to find parking outside of the campus. Our goal is to charter buses for popular locations.<br><br>
<span class="faq-title">What's the schedule for the hackathon?</span><br>
The following schedule is very tentative and subject to change. As we get nearer to the event, we will post a more complete and accurate schedule which will include food and tech talks. Please schedule your method of travel so that you don't miss anything!<br><br>
<table class="table table-hover">
<tr>
<td>
Sept. 26, 5:00PM: Registration Opens
</td>
<tr>
<td>
Sept. 26, 6:00PM: Opening Event and API Demos
</td>
</tr>
<tr>
<td>
Sept. 26, 8:00PM: Hacking Begins
</td>
</tr>
<tr>
<td>
Sept. 28, 8:00AM: Hacking Ends
</td>
</tr>
<tr>
<td>
Sept. 28, 9:00AM: Project Exposition
</td>
</tr>
<tr>
<td>
Sept. 28, 12:00PM-2:30PM: Final Presentations and Awards
</td>
</tr>
</table>
<span class="faq-title">Are hardware hacks allowed?</span><br>
While we are allowing all kinds of hacks, including hardware hacks, we currently don't have the means to provide dedicated support for hardware hackers. Hackers will be responsible for bringing any components they wish to use, and won't be provided special tools or space. Any free hardware that sponsors bring will be at their own discretion and will not be handled by us.<br><br>
<span class="faq-title">What are the rules?</span><br>
We want BigRed//Hacks to be fun and fair for everyone. Your project should be started from scratch and worked on only during the 36 hours, and you may only incorporate outside resources (code, graphics, sound, etc) that are freely licensed and accessible to all participants equally. Of course, maintain a positive, respectful attitude to your fellow hackers throughout the event.<br><br>
<span class="faq-title">Why is there an application?</span><br>
We want to guarantee that students from a wide range of schools, backgrounds, and experiences are given an equal and fair chance to participate. Further, we hope that the process will encourage registrants to be committed to build something awesome. Even if you've never been to a hackathon before, please apply!<br><br>
<span class="faq-title">Have more questions?</span><br>
Send them to <a href="mailto:[email protected]">[email protected]</a>, or tweet us <a href="https://twitter.com/BigRedHacks">@BigRedHacks</a>.
</div>
</div>
</div>
<div class="middle">
<div class="my-container">
<div class="intro-sub" id="sponsors">
<b>Our Amazing Sponsors</b>
</div>
<div class="sponsor-images">
<img src="img/microsoft.jpg" class="microsoft" width=680 height=145>
<img src="img/bloomberg.png" class="bloomberg" width=300 height=60>
<img src="img/wolfram.png" class="wolfram" width=400 height=85>
<img src="img/namecheap.png" class="namecheap" width=200 height=113>
</div>
<div class="intro-p" style="text-align: center;">
<a href="mailto:[email protected]">
<span style="font-size:20px;">Interested in sponsoring us? Get in touch!</span>
</a>
</div>
</div>
</div>
<div class="footer" data-stellar-background-ratio="0.5" id="share">
<div class="foot-container">
<div class="intro-sub" style="color:white; margin-bottom:10px;"><b>Spread the word</b></div>
<span style="font-size:16px;">Hackathons are more fun with friends!</span>
</div>
<a href="https://twitter.com/BigRedHacks" class="social-media">
<span class="twitter-icon">
<i class="fa fa-twitter-square"></i>
</span>
</a>
<a href="https://www.facebook.com/bigredhacks" class="social-media">
<span class="facebook-icon">
<i class="fa fa-facebook-square"></i>
</span>
</a>
<div class="contact-p">
<hr>
© 2014 BigRed//Hacks. All other trademarks and logos © their respective owners. <br><br>
From Ithaca with ♥<br><br>
<div style="font-size: 13px; margin-top:0px; margin-bottom: 40px;">
Website by <a href="http://www.hongjeon.com">Hong Jeon</a>
</div>
<img src="img/logo.png" width=120 height=100 onclick="navigateTo(0)">
</div>
</div>
</div>
</body>
<script type="text/javascript">
$.stellar(
{horizontalScrolling:false}
);
var $window = $(window);
var hidden = true;
$window.scroll(function(event) {
var scrollTop = $window.scrollTop();
if (scrollTop < 410 && !hidden) {
$('.top-navbar').animate({top: '-200px'}, 300);
hidden = true;
} else if (hidden && scrollTop >= 410 ) {
$('.top-navbar').animate({top: '0'}, 300);
hidden = false;
}
});
$('.twitter-icon').mouseover(function (e) {
$('.twitter-icon').animate({color:'red'},500);
});
var sections = ['home', 'about', 'faq', 'apply', 'sponsors', 'share'];
function navigateTo(sectionNumber){
$('html,body').animate({ scrollTop: $('#' + sections[sectionNumber]).offset().top - 50 }, 'slow');
//$('html,body').animate({ scrollTop: $('#' + sections[sectionNumber]).offset().top }, 'slow');
}
</script>
</html>