-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcurrenthack.html
199 lines (184 loc) · 11.3 KB
/
currenthack.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
<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Pacifico|Open+Sans:100,700,300,400,600" rel="stylesheet" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="build/css/main.min.css" />
<link rel="stylesheet" type="text/css" href="build/css/lightbox.min.css">
</head>
<body>
<header role="environmentbanner">
<div class="desktopnavbar">
<ul>
<li class="desktopnavbar-li"><a class="desktopnavbar-link" href="index.html">Home</a></li>
<li class="desktopnavbar-li"><a class="desktopnavbar-link" href="partner.html">Partner</a></li>
<li class="desktopnavbar-li"><a class="desktopnavbar-link" href="currenthack.html"><u>This year</u></a></li>
<li class="desktopnavbar-li"><a class="desktopnavbar-link" href="previoushacks.html">Previous hacks</a></li>
</ul>
</div>
<div class="mobilenavbar" id="header-navbar">
<a href="#home" class="active"></a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="bannernavbar-inner" class="icon" onclick="toggleNavbar()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="header">
<img class="header-logo" src="build/images/environment_colored.png">
<br>
<!-- <br>
<h2 class="header-date"><strong>11 MAY<br/></strong></h2>
<h3 class="header-date">2019</h3> -->
<!-- <a href="https://forms.gle/8JSdidt5XhnJX7rK7"><button class="ghost-btn header-btn">Apply for the hack <strong>here</strong>.</button></a> -->
</div>
<a href="#intro"><img class="arrow" src="build/images/arrow-min.svg"></a>
</header>
<main>
<section class="intro" id="intro">
<h1>Hack the Environment</h1>
<p>
In 2020 we will for the first time ever have a more specific theme for the startup hack.
This year, the hackathon will focus on solutions and products that can help the environment! Wanna battle climate change?
Or beat the next pandemic before it even happens? Or do you simply want to save the whales?
We have, together with some experts in respective fields, a lot of interesting problems and ideas,
and we can't wait to invite you to the hackathon and see what you come up with to solve these problems.
Or maybe you already have a brilliant idea on a product that will accomplish somehting similar?
Join the hackathon with that idea! Anything is possible and the sky is, quite literally, the limit!
</p>
<button class="ghost-btn mail-button" id="subscribe-btn"><span>Click here to subscribe to our newsletter.</span>
<div class="hide-sub email-form" id="mc_embed_signup">
<form class="form" action="//gbgstartuphack.us10.list-manage.com/subscribe/post?u=1e71451bcdff8697eb1a990cb&id=905da752e2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="input-container">
<input class="required email" type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Yo, enter email." required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_1e71451bcdff8697eb1a990cb_905da752e2" tabindex="-1" value=""></div>
<input class="button subscribe-btn" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">
</div>
</form>
</div>
</button>
</section>
<section class="FAKK" id="FAKK">
<h1>Questions?</h1>
<div class="questions-container">
<div>
<h3>Why should i join?</h3>
<p>To develop your ideas and your skills together with other enthusiastic people! We will provide an awesome venue,
talented judges and lots of food and snacks, everything needed to get your creative skills goind for the whole day.
You will meet so many interesting and talented people, representatives from some of the largest companies and town,
and you'll also meet everyone from the GBGSH crew, so much fun people ;)
</p>
</div>
<div>
<h3>How should i join?</h3>
<p>We typically announce this shortly before the hackathon dates. Keep an eye out for people to recruit to your team in the meantime!</p>
</div>
<div>
<h3>Do i need to have an idea to join?</h3>
Previously that has been the case, yes. But this year we will provide lots of interesting ideas and problems to bite in to.
If that works well this year, perhaps it will be a recurring thing as well!
</div>
<div>
<h3>Do i need to be a programming wizard?</h3>
<p>>Not at all! One of the best things about organizing this event is to give people the opportunity to see how talented they actually are!
Many teams find that a blend of qualities amongst the members is what generates the best product. There is most likely a team out there that you could fit right into. Believe in yourself!
</p>
</div>
<div>
<h3>How do I keep up to date with information?</h3>
<p>Regularly check out this site, <a href="#subscribe-btn">subscribe to our newsletter</a> and stay up to date by keeping an eye on our <a href="http://twitter.com/gbgstartuphack">twitter</a> and <a href="https://www.facebook.com/gbgstartuphack">facebook</a>.</p>
</div>
<div>
<h3>Can I sign up alone?</h3>
<p>Sorry, but no. A hackathon is about building cool things together. But why not bring your idea and find your team at <a href="https://www.facebook.com/events/1553463541601380/">the Meetup</a>? You can also let us match you <a href="https://docs.google.com/forms/d/17axlk7bDfYMOfK-FD9t-NWf-pkLHTW0HryGBrXLY3rY/viewform">right here</a>. Or you can head over to the <a href="https://www.facebook.com/groups/1399972033646075/">matchup space</a> and see if you can find people to team up with yourself.</p>
</div>
<div>
<h3>How large can our team be?</h3>
<p>At most 5 people, and you should be at least 2. We recommend being 4.</p>
</div>
<div>
<h3>Where do I find team members?</h3>
<p>IRL, on the internet. Try using our hashtag <a href="https://twitter.com/search?q=%23gbgstartuphack&src=typd">#gbgstartuphack</a> when looking for prospective team members! You can also check out the <a href="https://www.facebook.com/groups/1937008329963081/">matchup space</a> or <a href="#signup">let us match you</a>.</p>
</div>
<div>
<h3>Do I get favored in the selection process if I sign up early?</h3>
<p>Nope. Just make sure you sign up before <strong>April 17</strong>.</p>
</div>
<div>
<h3>My idea and/or team has somehow changed since we entered our signup information, what do I do?</h3>
<p>Email us at <a href="mailto:[email protected]">[email protected]</a> and we’ll get back to you!</p>
</div>
<div>
<h3>Can we start hacking on our idea before the hack?</h3>
<p>Please use common sense; do not bring your startup’s finished product/prototype. Use this day to hack on the things you do not normally get time for.</p>
</div>
<div>
<h3>There’s no Facebook event for The Hack? Where and how do I sign up?</h3>
<p><a href="https://www.facebook.com/events/412420009491820">There is one</a>, though attending the Facebook event doesn't give you an attendance spot. <a href="#sign-up">Sign up here</a> instead.</p>
</div>
<div>
<h3>Does the idea/prototype have to be strictly based on IT?</h3>
<p>This is a hackathon, so it should include hacking code in one way or the other. If you’re unsure if your idea fits the format, just <a href="mailto:[email protected]">drop us an email.</a></p>
</div>
<div>
<h3>Do I need to be able to code in order to apply?</h3>
<p>Oh no! It's all about building a team which eventually will deliver something cool during the day.
Feel free to be the planning person in your group.</p>
<h4>A sample team</h4>
<p>A neat team compilation of four people consist of:</p>
<ul>
<li>Two developers</li>
<li>One designer</li>
<li>One <em>planning person</em> overseeing the progress, creating the presentation, engineering the
overall vision, and more.</li>
</ul>
<p>Or, why separate the roles?</p>
<ul>
<li>Three developers knowing design, or three designers who can code</li>
<li>One <em>planning person</em></li>
</ul>
</div>
</div>
</section>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="build/scripts/main.js"></script>
<script src="https://platform.twitter.com/widgets.js"></script>
<script src="scripts/vendor/countdown.min.js"></script>
<!-- Magnific Popup core JS file -->
<script src="scripts/vendor/jquery.magnific-popup.js"></script>
<!-- Mail Chimp -->
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<!-- ElevatorJS -->
<script type="text/javascript" src="scripts/vendor/elevator.min.js"></script>
<script>
window.onload = function() {
var elevator = new Elevator({
element: document.querySelector('.elevator-button'),
mainAudio: 'res/audio/elevator_music.mp3',
endAudio: 'res/audio/elevator_ding.mp3'
});
}
</script>
<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);
</script>
<!-- MyNewsDesk -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//www.mynewsdesk.com/javascripts/follow-button.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","mynewsdesk-fjs");
</script>
<!-- Google Analytics -->
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47202681-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="scripts/lightbox.min.js"></script>
</body>
</html>