-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
244 lines (241 loc) · 15.1 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
242
243
244
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<!--[if lte IE 9]>
<![endif]-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Design by
```` ``` ```` ```````` ``````````` `````````
oMMy dMM/ -NMM: `MMMMMMMMMmy/` dMMMMMMMMMm mMMMMMMMMMNds:
oMMy dMM/ -NMM/ `MMMo+++oymMMm+ dMMy++++++/ mMMy+++++oyNMMm+
oMMy dMM/ .mMM+ `MMM` :dMMs dMM/ mMM: :dMMd`
oMMy dMM/ .mMMo `-/oymy `MMM` `NMM- dMM/ mMM: yMMy
oMMy dMM/ `mMMd+shNMMMMMd` `MMM` dMM: dMMNNNNNNNd mMM: .MMN`
oMMy dMM/ `dMMMMMMmhsmMMd` `MMM` +MMm` dMMdyyyyyyo mMM: -MMN`
oMMy dMM/ `hNdyo/- oMMm` `MMM` ./hMMm- dMM/ mMM: .dMMo
oMMMNNNNNNNNMMM/ `. +MMm. `MMMNNNNNMMMm+` dMM/ mMM: -sNMMo
oMMmyyyyyyyyNMM/ +MMN. `MMMyyyyso/. dMMmhhhhhhy mMMmhhhhdmNMMNy.
+ddo ydd: -ddd- `ddd` sdddddddddy yddddddddhyo:`
-->
<title>NodeConf Argentina</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="shortcut icon" href="images/favicon.png">
<meta name="theme-color" content="#1A2024">
<meta name="msapplication-navbutton-color" content="#1A2024">
<meta name="apple-mobile-web-app-status-bar-style" content="#1A2024">
<meta name="keywords" content="nodeconf,argentina,konex,buenos aires,javascript,nodejs,node,js">
<meta name="description" property="og:description" itemprop="description" content="Join us for NodeConf Argentina! Our first edition will be held at Ciudad Cultural Konex, in November 17-19, 2016. This will be the first international Node.js conference held in Buenos Aires, Argentina.">
<meta property="og:site_name" content="NodeConf Argentina">
<link rel="canonical" href="https://2016.nodeconf.com.ar/">
<meta property="og:url" itemprop="url" content="https://2016.nodeconf.com.ar/">
<meta name="twitter:title" itemprop="name" property="og:title" content="NodeConf Argentina">
<meta name="twitter:description" content="Join us for NodeConf Argentina! Our first edition will be held at Ciudad Cultural Konex, in November 17-19, 2016. This will be the first international Node.js conference held in Buenos Aires, Argentina.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nodeconfar">
<meta name="twitter:creator" content="@nodeconfar">
<meta name="author" itemprop="creator" content="NodeConf Argentina <hello@nodeconf.com.ar>">
<meta property="og:image" itemprop="images" content="https://2016.nodeconf.com.ar/images/ciudad.png">
<meta property="og:image" content="https://2016.nodeconf.com.ar/images/logo.svg">
<!-- twitter only cares about the last meta image repeat the cover -->
<meta name="twitter:image:src" content="https://2016.nodeconf.com.ar/images/ciudad.png">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="assets/css/nodeconf.css" />
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="menu">
<div class="menu_bar">
<button class="bt-menu"></button>
</div>
<div id="nav-anchor"></div>
<nav>
<ul>
<li class="here"><a href="#home">home</a></li>
<li class="here"><a href="#about">about</a></li>
<li class="here"><a href="#sponsor">sponsors</a></li>
<li><a href="speakers.html">speakers</a></li>
<li><a href="workshops.html">workshops</a></li>
<li><a href="schedule.html">schedule</a></li>
</ul>
</nav>
</div>
</header>
<section id="home">
<div class="container">
<div class="session">
<p>DATE: <span id="dateDiv"></span></p>
<p>FOLLOW US IN <a href="https://twitter.com/nodeconfar" target="_blank">@NODECONFAR</a></p>
</div>
<div class="icon icon-moon cuatro glitch" data-text=""></div>
<div class="icon icon-cruz cinco glitch" data-text=""></div>
<div class="icon icon-dots uno glitch" data-text=""></div>
<div class="icon icon-dots dos glitch" data-text=""></div>
<div class="row content iso_black">
<div class="col-md-4 pull-right">
<div class="smallscreen"> <img src="images/logo-cel.svg" alt="nodeconf"> </div>
</div>
<div class="col-md-8 pull-left">
<h3>NODECONF</h3>
<h2 class="glitch-txt" data-text="Buenos Aires, Argentina">Buenos Aires, Argentina</h2>
<h4 class="glitch-txt" data-text="Ciudad Cultural Konex">Ciudad Cultural Konex</h4>
<h4 class="glitch-txt" data-text="17 - 19 November, 2016">17 - 19 November, 2016</h4>
<form class="mc-form" method="post" action="https://nodeconf.us12.list-manage.com/subscribe/post?u=41bf527ccce1656057feaf22f&id=71ba118ecb" target="_blank" novalidate>
<input class="mc-input" type="email" name="EMAIL" value="" placeholder="you@company.com">
<div class="mc-protection" aria-hidden="true">
<input type="text" name="b_41bf527ccce1656057feaf22f_71ba118ecb" tabindex="-1" value="">
</div>
<button type="submit" name="subscribe" value="" class="mc-submit"/>
Subscribe!
</button>
</form>
</div>
<div class="clearfix"></div>
</div>
</section>
<section id="about" class="dark-theme">
<div class="title-section"><span class="nro">01|</span>about</div>
<div class="container">
<div class="row content iso_color">
<div class="col-md-6 conference">
<h1>The Conference</h1>
<p>NodeConf Argentina is among the first international Node.js conferences taking place in Latin American territory, and a not-for-profit community effort to push Node.js forward in Argentina and Latin America as a whole.</p>
<p>This year’s conference will be a two–day event in sunny Buenos Aires, Argentina, held during November 17th, 18th & 19th. Both action-packed days will be comprised of internationally acclaimed, regional, and local speakers. We are expecting Noders, JavaScripters, front-enders, and other programmers from all over the world.</p>
<p>Our topmost concern is to guarantee the most enjoyable experience to our attendees, while providing a safe and welcoming environment for everyone.</p>
<p class="social"><a href="https://twitter.com/nodeconfar" target="_blank" class="icon icon-twitter"></a></p>
</div>
<div class="col-md-5"> </div>
</div>
</div>
</section>
<section id="video" class="call-to-action">
<div class="container">
<div class="videoWrapper videoWrapper169 js-videoWrapper">
<iframe class="videoIframe js-videoIframe" src="" frameborder="0" allowTransparency="true" allowfullscreen data-src="https://www.youtube.com/embed/MLgf49krFhg?autoplay=1& modestbranding=1&rel=0&hl=sv"></iframe>
<button class="videoPoster js-videoPoster" style="background-image:url(images/cover-video.jpg);">Play video</button>
</div>
</div>
</section>
<section class="dark-theme">
<div class="container org">
<div class="row">
<div class="col-md-12">
<div class="row">
<h1 class="col-sm-6">The Organizers</h1>
<div class="col-sm-6"><a href="mailto:hello@nodeconf.com.ar" class="link-mail">hello@nodeconf.com.ar</a></div>
</div>
</div>
<div class="organ">
<div class="col-md-3">
<div class="clearfix">
<h4>Nicolás</h4>
<p class="social"><a href="https://twitter.com/nzgb" target="_blank" class="icon icon-twitter"></a></p>
</div>
<p>Nicolás is a frequent conference speaker, a published author, a profilic open-source contributor, and passionate about community-building in Buenos Aires – where he organizes BeerJS and co-organizes NodeSchool events. He knows the conference scene inside out and understands what turns an event into an unforgettable experience.</p>
</div>
<div class="col-md-3">
<div class="clearfix">
<h4>Alejandro</h4>
<p class="social"><a href="https://twitter.com/a0viedo" target="_blank" class="icon icon-twitter"></a></p>
</div>
<p>Alejandro initially brought NodeSchool to Buenos Aires, jumpstarting the local Node.js community. He is passionate about education, electronics, open-source, and community-driven events. These days, he also helps organize NodeBots and a local Node.js meetup. He knows how to foster an inclusive environment where attendees can share their knowledge, learn, feel safe and make friends.</p>
</div>
<div class="col-md-3">
<div class="clearfix">
<h4>Leandro</h4>
<p class="social"><a href="https://twitter.com/pr0duc3r" target="_blank" class="icon icon-twitter"></a></p>
</div>
<p>Leandro has over 15 years experience in development, managing teams ranging from infrastructure to interface design. He’s an IoT enthusiast and an early Node.js adopter. Leandro produced important cultural events in the City of Buenos Aires, having worked in public broadcasting for several years. He brings a wealth of event–organizing experience to the table.</p>
</div>
<div class="col-md-3">
<div class="clearfix">
<h4>Lars</h4>
<p class="social"><a href="https://twitter.com/jaclar" target="_blank" class="icon icon-twitter"></a></p>
</div>
<p>Lars is a JavaScript hacker and has been using Node.js in production for several years in his role as the technical lead of a Buenos Aires— based startup. Growing the local Node.js community is what drives him: he helps organize NodeSchool and a local Node.js meetup. He is passionate about offering community-building opportunities, as well as spreading technical knowledge about Node.js.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</section>
<section id="sponsor" class="dark-theme">
<div class="title-section"><span class="nro">02 |</span>sponsorship</div>
<div class="container">
<ul class="tier t-cinco">
<li> <a href="https://auth0.com/" target="_blank"> <img src="images/sponsor-auth0.png" alt="auth0 logo"> </a> </li>
<li> <a href="https://www.mulesoft.com/careers/job-search/buenos-aires" target="_blank"> <img src="images/sponsor-mulesoft.png" alt="mulesoft logo"> </a> </li>
<li> <a href="https://www.elastic.co/" target="_blank"> <img src="images/sponsor-elastic.png" alt="elastic logo"> </a> </li>
<li> <a href="https://www.mercadopago.com.ar/" target="_blank"> <img src="images/sponsor-mlibre.png" alt="mercadolibre logo"> </a> </li>
</ul>
<ul class="tier t-dos">
<li> <a href="http://elculturalsanmartin.org/" target="_blank"> <img src="images/sponsor-ccsm.png" alt="centro cultural sanmartin logo"> </a> </li>
<li> <a href="http://www.buenosaires.gob.ar/" target="_blank"> <img src="images/sponsor-bsas-logo.png" alt="buenos aires ciudad logo"> </a> </li>
<li> <a href="http://www.buenosaires.gob.ar/" target="_blank"> <img src="images/sponsor-ba-logo.png" alt="ba logo"> </a> </li>
<li> <a href="http://www.buenosaires.gob.ar/innovacion/ciudadinteligente" target="_blank"> <img src="images/sponsor-ba-ciudad.png" alt="ba ciudad inteligente"> </a> </li>
</ul>
<ul class="tier t-dos">
<li> <a href="https://trace.risingstack.com/" target="_blank"> <img src="images/sponsor-trace-logo.png" alt="trace rising stack"> </a> </li>
<li> <a href="https://www.stickermule.com/es" target="_blank"> <img src="images/sponsor-stickermule-logo.png" alt="sticker mule"> </a> </li>
<li> <a href="https://nodesource.com/" target="_blank"> <img src="images/sponsor-nodesource.png" alt="nodesource mule"> </a> </li>
<li> <a href="http://iamat.com/#/home" target="_blank"> <img src="images/sponsor-iamat.png" alt="nodesource mule"> </a> </li>
</ul>
<ul class="tier t-dos">
<li> <a href="http://schmitman.com/" target="_blank"> <img src="images/sponsor-schmitman.png" alt="schmitman"> </a> </li>
<li> <a href="https://engineering.restorando.com/" target="_blank"> <img src="images/sponsor-restorando.png" alt="Restorando"> </a> </li>
<li> <a href="https://www.codeschool.com/" target="_blank"> <img src="images/sponsor-codeschool.png" alt="Code School"> </a> </li>
</ul>
<ul class="tier t-uno">
<h3>Media Partners</h3>
<li> <a href="https://www.acamica.com/" target="_blank"> <img src="images/media-academica.png" alt="Academica logo"> </a> </li>
<li> <a href="https://ponyfoo.com" target="_blank"> <img src="images/media-unicorn.png" alt="Unicorn logo"> </a> </li>
<li> <a href="http://www.meetup.com/banodejs/" target="_blank"> <img src="images/media-node.jpg" alt="JS Node logo"> </a> </li>
<li> <a href="http://www.itmaster.com.ar/" target="_blank"> <img src="images/media-master.png" alt="ItMaster logo"> </a> </li>
<li> <a href="http://www.noders.cl/" target="_blank"> <img src="images/media-nodes.png" alt="Noders logo"> </a> </li>
<li> <a href="https://braziljs.org" target="_blank"> <img src="images/media-brasil.png" alt="Brasiljs logo"> </a> </li>
</ul>
</div>
<div id="bodymovin"></div>
</section>
<footer>
<div class="container">
<div class="col-xs-6"><a href="index.html"><img src="images/footer.svg" alt="nodeconf"></a></div>
<div class="col-xs-6 text-right"><a href="code-of-conduct.html">code of conduct</a></div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js" type="text/javascript" ></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript" ></script>
<script src="assets/js/pecas.js" type="text/javascript" ></script>
<script src="assets/js/video.js" type="text/javascript" ></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-35043128-11', 'auto');
ga('send', 'pageview');
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAQfcDN9E0XZQcuYDEV4WaYK0J_4Q63mi4&libraries=places&callback=init" async defer></script>
<script src="assets/js/bodymovin.js" type="text/javascript"></script>
<script>
var animData = {
container: document.getElementById('bodymovin'),
renderer: 'svg',
loop: false,
autoplay: false,
path: 'data.json'
};
var anim = bodymovin.loadAnimation(animData);
$("#sponsor").hover(function () {
anim.play();
});
</script>
</body>
</html>