-
Notifications
You must be signed in to change notification settings - Fork 4
/
colorwar.html
184 lines (174 loc) · 9.82 KB
/
colorwar.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
<html>
<head>
<title>Bitcamp 2017</title>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MRPP8J');
</script>
<!-- End Google Tag Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="bitcamp">
<meta property="og:title" content="Bitcamp 2017">
<meta property="og:site_name" content="Bitcamp">
<meta property="og:url" content="http://2017.bit.camp/">
<meta property="og:description" content="Bitcamp is a place for exploration. You will have 36 hours to delve into your curiosities, learn something new, and make something awesome. With world-class mentors and hundreds of fellow campers, you’re in for an amazing time. If you’re ready for an adventure, see you by the fire!">
<meta property="og:image" content="http://2017.bit.camp/img/facebook-share-link.png" />
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://2017.bit.camp/">
<meta name="twitter:title" content="Bitcamp 2017">
<meta name="twitter:description" content="Bitcamp is a place for exploration. You will have 36 hours to delve into your curiosities, learn something new, and make something awesome. With world-class mentors and hundreds of fellow campers, you’re in for an amazing time. If you’re ready for an adventure, see you by the fire!">
<meta name="twitter:image" content="http://2017.bit.camp/img/twitter-share-link.png">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/index.js"></script>
<link href="http://designers.hubspot.com/hs-fs/hub/327485/file-2054199286-css/font-awesome.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRPP8J" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<img src="img/bg2day4-colorwar.png" class="bg" id="7"></img>
<img src="img/bg2day4-colorwar.png" class="bg" id="6"></img>
<img src="img/bg1dawn4-colorwar.png" class="bg" id="5"></img>
<img src="img/bg4night4-colorwar.png" class="bg" id="4"></img>
<img src="img/bg4night4-colorwar.png" class="bg" id="3"></img>
<img src="img/bg3dusk4-colorwar.png" class="bg" id="2"></img>
<img src="img/bg2day4-colorwar.png" class="bg" id="1"></img>
<a style="display:block;max-width:100px;min-width:60px;position:fixed;left:2em;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/na-2017/events?utm_source=na-2017&utm_medium=TrustBadge&utm_campaign=na-2017&utm_content=white" target="_blank"><img id="mlh-trust-badge" src="https://s3.amazonaws.com/logged-assets/trust-badge/2017/white.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a>
<div class="header">
<div id="nav-icon2">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="menu">
<ul>
<a href="http://2017.bit.camp">
<li>HOME</li>
</a>
<a href="2017.bit.camp/#faq">
<li>FAQ</li>
</a>
<a href="#contact">
<li>CONTACT</li>
</a>
</ul>
</div>
<div id="content-wrapper">
<div id="splash">
<img id="logo" src="img/colorwar-logo.png" style="margin-bottom:4em">
<!-- <h1>bitcamp</h1> -->
<div id="nav-bar-wrapper">
<a class="button" href="http://2017.bit.camp">HOME</a>
<a class="button" href="2017.bit.camp/#faq">FAQ</a>
<a class="button" href="#contact">CONTACT</a>
</div>
</div>
<div class="opaque-wrapper" style="padding-bottom:20px">
<h3 class="heading" style="margin-top:40px"> About </h3>
<p class="body-text">Welcome to Bitcamp’s fourth annual COLORWAR design competetion! COLORWAR features fast-paced design challenges for our Bitcamp participants to get their creative juices flowing.</p>
<h3 class="heading"> Prizes </h3>
<p class="body-text">
Everyone who submits will receive COLORWAR stickers. The Top 5 contestants will all receive limited edition COLORWAR shirts and compete for Moleskine notebooks, Copic markers, Pencils by FiftyThree, a Wacom graphic tablet, and more!
</p>
<h3 class="heading"> Judges </h3>
<div>
<div class="block">
<img class="speaker" src="img/colorwar/jenny.jpg" />
</div>
<div class="block">
<img class="speaker" src="img/colorwar/liese.jpg" />
</div>
<div class="block">
<img class="speaker" src="img/colorwar/gabby.jpg" />
</div>
<div class="block">
<img class="speaker" src="img/colorwar/jean.jpg" />
</div>
<div class="block">
<p class="judge-heading">
Jenny Gan, Marketing and Design Manager @ CERTIFY
</p>
</div>
<div class="block">
<p class="judge-heading">
Liese Zahabi, Assistant Professor of Interaction/Graphic Design @ The University of Maryland at College Park
</p>
</div>
<div class="block">
<p class="judge-heading">
Gabby Abella, Design Intern @ Spotluck, COLORWAR 2016 Winner
</p>
</div>
<div class="block">
<p class="judge-heading">
Jean Kwon, Product Designer @ Viacom
</p>
</div>
</div>
<h3 class="heading"> Submissions are now closed! </h3>
</div>
<img class="content-images" src="img/photo-colorwar-2016.jpg" />
<div id="faq" class="opaque-wrapper">
<div class="fifty-percent">
<h3 class="heading"> 1 \\ Register </h3>
<p class="body-text">
<span class="white">Register for Bitcamp 2017</span>
<br /> You must be registered and planning to attend Bitcamp to be considered for the main event. Everyone can still submit for fun and receive a COLORWAR sticker!
</p>
<h3 class="heading"> 2 \\ Tweet </h3>
<p class="body-text">
<span class="white">Submit your design by 6 PM on Monday, April 3</span>
<br /> Create a visual that expresses your interpretation of Bitcamp’s “Build It Together” theme. Then show us that image on <a href="https://twitter.com/bitcmp">Twitter</a> with the hashtag <a href="https://twitter.com/hashtag/COLORWAR">#COLORWAR</a> and don't forget to tag us at
<a href="https://twitter.com/bitcmp"> @bitcmp </a>.
</p>
</div>
<div class="fifty-percent">
<h3 class="heading"> 3 \\ Compete </h3>
<p class="body-text">
<span class="white">4-6pm on Saturday, April 8 at Bitcamp</span>
<br /> We’ll select five finalists for the main event at Bitcamp. Contestants will battle it out through five rounds of knockout design challenges. Judges and the crowd will determine one victor.
</p>
<p class="body-text">
<span class="white">Need some inspiration?</span>
<br /> Check out previous year's submissions <a href="https://medium.com/@gpatel94/colorwar-2016-roundup-f2e8e2bffb03">here</a>.
</p>
</div>
</div>
<img class="content-images" src="img/photo-colorwar-2015.jpg" />
<div id="prizes-judges" class="opaque-wrapper">
<a href="events/colorwar/Colorwar-Rules.pdf" class="button2" text-decoration="none">RULES</a>
</div>
<div id="contact" class="opaque-wrapper">
<h3 class="contact" style="padding: 40px 25px">Feel free to <a href="mailto:[email protected]" class="footer">email</a> or tweet us <a href="https://twitter.com/bitcmp" class="footer">@bitcmp<a><p>
<a href="https://www.facebook.com/bitcmp"><img class="social-media-images" src="img/fb_icon.svg" /></a>
<a href="https://twitter.com/bitcmp"><img class="social-media-images" src="img/twitter_icon.svg" /></a>
<a href="https://instagram.com/bitcamp"><img class="social-media-images" src="img/instagram_icon.svg" /></a>
<a href="https://go.snapchat.com/add/bitcamp"><img class="social-media-images" src="img/snapchat_icon.svg" /></a>
<p class="copyright">© 2017 Bitcamp<p>
<p style="font-size: 0.55em">Designed by the Bitcamp Team, built with <i class="fa fa-heart" aria-hidden="true" style="color: #fa9f3a"></i> by <a href="http://terrapinfreelancers.com/" class="footer">Terrapin Freelancers</a>
</div>
</div>
</body>
</html>