-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (133 loc) · 6.17 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" value="Bringing the hype to hackathons since 2016"/>
<meta name="language" content="en-us" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="hackathon,hype,hack,online,online hackathon" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<title>HypeHacks</title>
<link rel="icon"
type="image/png"
href="img/favicon-64.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pills/1.0.1/pills.min.css"/>
<link rel="stylesheet" href="css/styles.css"/>
</head>
<body>
<nav id="nav">
<div id="nav-logo">
<a href="#">
<img src="img/hype-logo.png"/>
</a>
</div>
<ul id="nav-links">
<li>
<a class="navclick" href="#about">About</a>
</li>
<li>
<a class="navclick" href="#faq">FAQ</a>
</li>
<li>
<a class="navclick dinosaur">DINOSAURSSSSSSSSSS!</a>
</li>
<li>
<a class="navclick hypebutton">Press the Hype Button! (Seizure Warning)</a>
</li>
</ul>
</nav>
<header>
<img src="img/hype-header.png"/>
<h1>Bring the Hype.</h1>
<button class="btn">
<a href="https://hypehacks.devpost.com/" target="_blank">Sign Up Here!</a>
</button>
</header>
<section id="about" class="alt-section">
<div class="six columns">
<h2>What is HypeHacks?</h2>
<p>HypeHacks is student run 48-hour hackathon created to hype up the hackathons we know and love, as well as to honor Tristan Wiley’s birthday. It is scheduled to begin on <b>September 2nd, and finish on September 4th</b>. We plan to bring hundreds of hackers, ranging from students around the globe and beyond, to create some innovative projects. Can you bring the Hype?</p>
</div>
</section>
<section id="faq">
<h2>Frequently asked questions</h2>
<div id="faq-container">
<div id="faq-col-1">
<div class="faq-item">
<h3>Can I Attend?</h3>
<p>Definitely :) Anyone is allowed to hack.</p>
</div>
<div class="faq-item">
<h3>How Much Does This Cost?</h3>
<p>Nothing my fine friend! This event is absolutely free for all! Just come with a great idea and creativity.</p>
</div>
<div class="faq-item">
<h3>What if I don’t have a team?</h3>
<p>If you don’t have a team now, that’s okay! We’ll have a Slack channel available on the day for all participants to share ideas and form teams.</p>
</div>
<div class="faq-item">
<h3>What about hardware hacks?</h3>
<p>Since this hackathon is online and not in person we will not be able to supply hardware. If you end up building a hardware hack you must record a demo of your hack to submit with your project. Don’t forget to put your code on Github!</p>
</div>
<div class="faq-item">
<h3>What’s the schedule?</h3>
<p>We’ll release a more detailed schedule mid-week before the event. For now, know that we’re planning to start hacking Friday at 12 am and have a closing ceremony on Sunday 1pm.</p>
</div>
</div>
<div id="faq-col-2">
<div class="faq-item">
<h3>How Does Registration Work?</h3>
<p>Registration will be opening on August 19th and will remain open till the day of the hackathon! We’ll be sending out follow-up emails prior to and on the day of the event to keep you up to speed.</p>
</div>
<div class="faq-item">
<h3>Where is this Online?</h3>
<p>For HypeHacks we will have several specific main chat locations that will be on platforms such as Skype, Slack, and Google hangouts. However, you are welcome to communicate on any platform you can think of as long as you have the ability to upload you project to GitHub and submit your project on <b>Devpost</b>. We’ll send out an email to all accepted applicants.</p>
</div>
<div class="faq-item">
<h3>What will I Need?</h3>
<p>All you need is a computer, internet connection, red bull and a hyped up idea.</p>
</div>
<div class="faq-item">
<h3>How do teams work?</h3>
<p>Teams are <b>5 people</b> at max. You’re allowed to come in with your own team as long as you’re all registered for the event!</p>
</div>
</div>
</div>
<div class="row">
<div id="finalFAQ">
<h3>Have any more questions?</h3>
<p>Email us at <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</section>
<!-- <section id="sponsors" class="alt-section">
<h2>Sponsors</h2>
</section> -->
<footer>
<p>© HypeHacks, 2016</p>
<div id="footer-buttons">
<a href="https://www.facebook.com/HypeHacks-689402477875252/"><i class="fa fa-2x fa-facebook"></i></a>
<a href="https://twitter.com/HypeHacks"><i class="fa fa-2x fa-twitter"></i></a>
<a href="mailto:[email protected]"><i class="fa fa-2x fa-envelope"></i></a>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script>
<script src="jquery.raptorize.1.0.js"></script>
<script src="js/index.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82806413-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>