-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
139 lines (136 loc) · 7.6 KB
/
index.html
File metadata and controls
139 lines (136 loc) · 7.6 KB
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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Code in the Dark_v02</title>
<meta name="description" content="Code in the Dark - Party, Drink and Code">
<meta name="viewport" content="width=device-width, initial-scale=0.4, maximum-scale=1">
<meta content="Code in the Dark" property="og:title">
<meta content="Code in the Dark - Party, Drink and Code" property="og:description">
<meta content="Code in the Dark" property="og:site_name">
<meta content="http://cafundo.tv/codeinthedark/img/facebook_share2.jpg" property="og:image">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/codeinthedark.css">
</head>
<body>
<div class="home">
<div class="video-background">
<video preload="yes" autoplay loop width="100%" height="auto" muted poster="http://cafundo.tv/codeinthedark/img/header.png" id="video" class="fullscreen-bg__video">
<source src="http://cafundo.tv/codeinthedark/video/video_top_converted.m4v" />
<source src="http://cafundo.tv/codeinthedark/video/video_top_converted.mp4" type="video/mp4" />
<source src="http://cafundo.tv/codeinthedark/video/video_top_converted.webm" type="video/webm" />
<source src="http://cafundo.tv/codeinthedark/video/video_top_converted.ogv" type="video/ogg" />
</video>
<div class="fullscreen-bg__colorlayer"> </div>
</div>
<div class="content">
<img class="codeinthedark" src="img/codeinthedark.png" alt="Code in the DARK">
<h2>12.05.2017, NO CAFUNDÓ ESTÚDIO CRIATIVO</h2>
<h3>Av. das Rendeiras, 458 - Lagoa da Conceição, Floripa/SC</h3>
<a href="https://www.sympla.com.br/code-in-the-dark-v02__128012" target=˜_blank˜ class="button__green">QUERO!</a>
<p>Inscreva-se, vagas limitadas</p>
</div>
</div>
<div class="container">
<div class="beerpartycode">
<div class="party">
BEER<span class="green">,</span>
<div class="party_beer">PARTY<span class="green">_</span>HARD</div>
<span class="green">&</span> CODE
</div>
</div>
<div class="showus">
<h2 class="doyou">
<b>SERÁ QUE VOCÊ MANJA MESMO DE FRONT-END?</b><br>
ENTÃO MOSTRA PRA GENTE.
</h2>
</div>
<div class="whatis">
<h2 class="title">
<CODE IN DA WHAT?>
</h2>
<div class="icons">
<ul class="rules">
<li class="green">SEM<br>PREVIEWS</li>
<li class="icon icon__minutes">15 MINUTOS</li>
<li class="icon icon__winner">UM VENCEDOR</li>
<li class="icon icon__htmlcss">HTML/CSS</li>
<div class="clearfix"></div>
</ul>
</div>
<div class="description">
No Code in the Dark, <b>16 developers</b> terão que criar um <b>front-end do zero</b>
usando somente uma imagem como guia. Serão quatro baterias de 4 desenvolvedores, mais a finalera.
O código só poderá ser escrito no <a href="http://codeinthedark.com.br/editor/" target="_blank" alt="text editor">editor oficial do evento</a>.
Não é permitido sair desse editor, <i>nem pra ir ao banheiro</i>.
<br><br>
Ao disparar o cronômetro, os participantes terão somente <b>15 minutos para desenvolver o layout</b>, sem mimimi.
Durante o processo, a galera irá acompanhar tudo por monitores externos. No soar das cornetas, o público
vai votar no melhor design e eleger o campeão.<br>
<i><span class="green">*</span>Para o grande vencedor: um prêmio surpresa</i>
</div>
</div>
<div class="video">
<iframe src="https://player.vimeo.com/video/63318482?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="mosaic">
<img src="img/mosaic/1.jpg">
<img src="img/mosaic/2.jpg">
<img src="img/mosaic/3.jpg">
<img src="img/mosaic/4.jpg">
<img src="img/mosaic/5.jpg">
<img src="img/mosaic/6.jpg">
<img src="img/mosaic/7.jpg">
<img src="img/mosaic/8.jpg">
<img src="img/mosaic/9.jpg">
<img src="img/mosaic/10.jpg">
<img src="img/mosaic/11.jpg">
<img src="img/mosaic/12.jpg">
</div>
<div class="subscription">
<h2 class="title">
<A VAGA É MINHA!>
</h2>
<h4>Se pilhou? Garante já sua vaga!</h4>
<h3>
Haverá lotes diferenciados para a galera que só quer curtir e também para competidores.<br>
<span class="green">#naomosca</span>
</h3>
<a href="https://www.sympla.com.br/code-in-the-dark-v02__128012" target="_blank" class="button__green">QUERO!</a>
<p><i>Inscreva-se, vagas limitadas</i></p>
<div class="description">
<h3>_HELLO CODE WORLD</h3>
<p>E se ainda tá confusão, dá um alô por aqui:</p>
<a href="mailto:angela@cafundo.tv">angela@cafundo.tv</a>
</div>
</div>
<div class="about">
<h2>Orgulhosamente feito por</h2>
<div class="sponsors">
<a href='http://cafundo.tv' target='_blank'><img src='img/cafundo.png' alt='Cafundó Estúdio Criativo'/></a>
<a href='https://www.ckl.io/br' target='_blank'><img src='img/cheesecake.png' alt='Cheesecake Labs'/></a>
<a href='http://www.neoway.com.br' target='_blank'><img src='img/neoway.png' class='larger' alt='Neoway'/></a>
<a href='https://tictail.com' target='_blank'><img src='img/tictail.png' alt='Tictail'/></a>
</div>
<div class="conduct-code">
<a href='http://pt-br.confcodeofconduct.com/' target='_blank'>Código de Conduta</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/main.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-51518825-9', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>