-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
358 lines (347 loc) · 17.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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
---
layout: default
---
<header class="header bg-yellow">
<div class="header-bg">
<div class="cloud cloud-1"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="cloud cloud-2"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="cloud cloud-3"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="cloud cloud-4"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="cloud cloud-5"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="cloud cloud-6"><svg class="svg-cloud"><use xlink:href="#svg-cloud"></use></svg></div>
<div class="svg-plane">{% include svg-plane.html %}</div>
</div>
<div class="scene durham">
<div class="svg-durham z-2">{% include svg-durham.html %}</div>
<div class="svg-train">{% include svg-train.html %}</div>
</div>
<!--
<p class="sponsor z-2">Interested in sponsoring <span>NEJS CONF</span>? <a href="mailto:[email protected]">Get in touch!</a></p>
-->
<div class="header-content">
<a href="/" class="logo z-2">
<h1 class="centered-stuff"><abbr title="Nebraska JavaScript">NEJS</abbr> <abbr title="Conference">CONF</abbr> <span>2016</span></h1>
</a>
<!--
<a href="/register" class="btn-primary z-2"><div><s>Register Now!</s></div><small>Sold Out!</small></a>
-->
</div>
<a href="https://twitter.com/nejsconf" class="icon-twitter z-2" title="@nejsconf on Twitter"><svg class="icon-twitter"><use xlink:href="#icon-twitter"></use></a>
</header>
<main role="main" class="main cf">
<nav role="navigation" class="nav bg-yellow-light">
<ul class="menu cf">
<li><a href="#details">Details</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#venue">Venue</a></li>
<li><a href="#news">News</a></li>
<li><a href="#sponsors">Sponsors</a></li>
</ul>
</nav>
<section class="section cf bg-yellow-light sm-padding conf-description" id="details">
<div class="wrapper">
<h2>NEJS CONF is a Single day, <br />
single track conference <br />
dedicated to Web Development <br />
and JavaScript.</h2>
</div>
</section>
<section class="details-2 section cf bg-yellow-light sm-padding">
<div class="scene city">
<div class="svg-building1">{% include svg-building1.html %}</div>
<div class="svg-building2 z-2">{% include svg-building2.html %}</div>
<div class="svg-car1">{% include svg-car1.html %}</div>
<div class="svg-car2">{% include svg-car2.html %}</div>
<div class="svg-car3">{% include svg-car3.html %}</div>
<div class="svg-building3">{% include svg-building3.html %}</div>
<div class="svg-house1">{% include svg-house1.html %}</div>
<div class="svg-house2">{% include svg-house2.html %}</div>
<div class="svg-house4">{% include svg-house4.html %}</div>
</div>
<div class="wrapper">
<h1 class="section-title">Details</h1>
<div class="container home-content bg-white">
<h2>Date</h2>
<h3>Friday, August 26, 2016</h3>
<h2>Location</h2>
<h3>The Durham Museum – Omaha, NE USA</h3>
<h2>Cost</h2>
<h3>$240</h3>
<h2>Conference passes include:</h2>
<ul>
<li>Free Museum Admission for the day</li>
<li>Midday meal (a.k.a. Lunch)</li>
<li>Snacks</li>
<li>Evening meal (a.k.a. Dinner and Drinks at the after party)</li>
</ul>
<h2>Code of Conduct</h2>
<p>We want a safe environment for all of our staff, speakers and attendees.<br/>All conference particpants must abide by our <a href="/code-of-conduct/">code of conduct</a></p>
</div>
</div>
</section>
<section class="section cf bg-yellow lg-padding" id="schedule">
<div class="scene farm">
<div class="svg-corn corn1">{% include svg-corn.html %}</div>
<div class="svg-truck">{% include svg-truck.html %}</div>
<div class="svg-barn">{% include svg-barn.html %}</div>
<div class="svg-hay">{% include svg-hay.html %}</div>
<div class="svg-corn corn2">{% include svg-corn.html %}</div>
<div class="svg-tractor">{% include svg-tractor.html %}</div>
<div class="svg-silo">{% include svg-silo.html %}</div>
<div class="svg-windmill">{% include svg-windmill.html %}</div>
</div>
<div class="wrapper">
<h1 class="section-title">Schedule</h1>
<div class="container home-content">
<h2>August 25</h2>
<ul class="schedule">
<li class="person">
<span class="time">9PM</span>
<p class="speaker-link schedule-text">Informal pre-party at <a href="http://www.localbeer.co/">LOCAL Beer, Patio, and Kitchen</a></p>
</li>
</ul>
<h2>August 26</h2>
<ul class="schedule">
<li class="person">
<span class="time">8AM</span>
<p class="speaker-link schedule-text">Registration</p>
</li>
<li class="person">
<span class="time">9AM</span>
<p class="speaker-link schedule-text">Welcome/Introductions</p>
</li>
<li class="person">
<span class="time">9:15AM</span>
<a href="/speakers/keynote-justin-searls/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/searls.jpg" alt="Justin Searls"></div>
<div class="speaker-info">
<h3 class="name">Justin Searls</h3>
<p class="title">Keynote</p>
</div>
</a>
</li>
<li class="person">
<span class="time">10AM</span>
<a href="/speakers/john-k-paul/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/john-k-paul.jpg" alt="John K. Paul"></div>
<div class="speaker-info">
<h3 class="name">John K. Paul</h3>
<p class="title">JS Debuggers: Our flashlights in the dark woods</p>
</div>
</a>
</li>
<li class="person">
<span class="time">11AM</span>
<a href="/speakers/sean-larkin/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/sean-larkin-2.jpg" alt="Sean Larkin"></div>
<div class="speaker-info">
<h3 class="name">Sean Larkin</h3>
<p class="title">Webpack: The Core Concepts</p>
</div>
</a>
</li>
<li class="person">
<span class="time">11:30AM</span>
<a href="/speakers/andrew-cassell/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/andrew-cassell.jpg" alt="Andrew Cassell"></div>
<div class="speaker-info">
<h3 class="name">Andrew Cassell</h3>
<p class="title">Virtual Reality and Augmented Reality Web Apps</p>
</div>
</a>
</li>
<li class="person">
<span class="time">12:00PM</span>
<a href="/speakers/omaha-girls-who-code/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/girls-who-code.png" alt="Andrew Cassell"></div>
<div class="speaker-info">
<h3 class="name">Omaha Girls Who Code</h3>
</div>
</a>
</li>
<li class="person">
<span class="time">12:30PM</span>
<p class="speaker-link schedule-text">Lunch (Provided)</p>
</li>
<li class="person">
<span class="time">1:30PM</span>
<a href="/speakers/zeno-rocha/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/zeno-rocha.jpg" alt="Zeno Rocha"></div>
<div class="speaker-info">
<h3 class="name">Zeno Rocha</h3>
<p class="title">Web APIs You Didn’t Know Existed</p>
</div>
</a>
</li>
<li class="person">
<span class="time">2PM</span>
<a href="/speakers/jennifer-wong/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/jennifer-wong.jpg" alt="Jennifer Wong"></div>
<div class="speaker-info">
<h3 class="name">Jennifer Wong</h3>
<p class="title">I Think I Know What You’re Talking About, But I’m Not Sure</p>
</div>
</a>
</li>
<li class="person">
<span class="time">2:30PM</span>
<a href="/speakers/nicholas-mackey/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/nicholas-mackey.jpg" alt="Nicholas Mackey"></div>
<div class="speaker-info">
<h3 class="name">Nicholas Mackey</h3>
<p class="title">Decorate The World</p>
</div>
</a>
</li>
<li class="person">
<span class="time">3:30PM</span>
<a href="/speakers/patrick-kettner/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/patrick-kettner.jpg" alt="Patrick Kettner"></div>
<div class="speaker-info">
<h3 class="name">Patrick Kettner</h3>
<p class="title">Modern Websites for the Modern Web</p>
</div>
</a>
</li>
<li class="person">
<span class="time">4PM</span>
<a href="/speakers/keynote-andrea-goulet/" class="speaker-link">
<div class="avatar speaker aspect-ratio"><img src="/assets/images/speakers/andreagoulet.jpg" alt="Andrea Goulet"></div>
<div class="speaker-info">
<h3 class="name">Andrea Goulet</h3>
<p class="title">Keynote</p> </div>
</a>
</li>
<li class="person">
<span class="time">5PM</span>
<p class="speaker-link schedule-text">Dinner (Provided) and After Party</p>
</li>
</ul>
</div>
</div>
</section>
<section class="section cf bg-yellow-light" id="venue">
<div class="scene nebraska-1">
<div class="svg-arbor z-2">{% include svg-arbor.html %}</div>
<div class="svg-trees">{% include svg-trees.html %}</div>
<div class="svg-house6">{% include svg-house6.html %}</div>
<div class="svg-car3">{% include svg-car3.html %}</div>
<div class="svg-lincoln">{% include svg-lincoln.html %}</div>
</div>
<div class="venue-hero">
<figure class="progressive-image ratio-box fade-box">
<img src="{{ base }}assets/images/venue/durham01-blur.jpg" class="lqi"/>
<img
data-src="{{ base }}assets/images/venue/durham01-600x329.jpg"
data-srcset="{{ base }}assets/images/venue/durham01-600x329.jpg 600w,
{{ base }}assets/images/venue/durham01-800x439.jpg 800w,
{{ base }}assets/images/venue/durham01-1200x659.jpg 1200w,
{{ base }}assets/images/venue/durham01-1980x1087.jpg 1980w"
class="lazyload"
alt="The Durham Museum" />
<noscript>
<img src="{{ base }}assets/images/venue/durham01-600x329.jpg" />
</noscript>
</figure>
</div>
<div class="wrapper relative">
<h1 class="section-title">Venue</h1>
<div class="container home-content">
<h2><img src="{{ base }}assets/images/durham-logo.jpg" alt="The Durham Museum" title="Omaha’s Durham Museum" class="durham-logo" /></h2>
<div class="align-left">
<p>“The <a href="http://www.durhammuseum.org/experience/lecture-hall/default.aspx">Stanley and Dorothy Truhlsen Lecture Hall</a> is a state-of-the-art theater seating 266 people. Most impressively, it is situated in the old boiler room, part of the original station built in 1899. When the station was torn down in 1929 and the current station completed in 1931, use of the boiler discontinued. In 1997, a $25 million addition and renovation project was completed - this included refurbishment of the original detail and finishes to create an environment to provide proper space for museum experience.” —via <a href="http://www.durhammuseum.org/">durhammuseum.org</a></p>
</div>
<a class="map" id="venue-map" href="https://www.google.com/maps/place/The+Durham+Museum/@41.2514407,-95.9304515,17z/data=!4m6!1m3!3m2!1s0x87938fa653d6c967:0x5ddea1f2cc6f522f!2sThe+Durham+Museum!3m1!1s0x87938fa653d6c967:0x5ddea1f2cc6f522f"><img src="{{ base }}assets/images/map.png" alt="Map" class="map-illustration"><img src="{{ base }}assets/images/map-1.jpg" alt="Google Map of Venue"></a>
<div class="directions">
<p><strong>The Durham Museum</strong><br>
801 S 10th St,<br>
Omaha, NE 68108</p>
<a href="https://www.google.com/maps/place/The+Durham+Museum/@41.2514407,-95.9304515,17z/data=!4m6!1m3!3m2!1s0x87938fa653d6c967:0x5ddea1f2cc6f522f!2sThe+Durham+Museum!3m1!1s0x87938fa653d6c967:0x5ddea1f2cc6f522f" class="btn-primary">Get Directions</a>
</div>
</div>
</div>
<div class="gallery wrapper z-2">
<img src="{{ base }}assets/images/venue/durham02-600x450.jpg" alt="Inside Union Station" class="gallery-image-1 two-column" />
<img src="{{ base }}assets/images/venue/durham03-600x450.jpg" alt="Inside Union Station" class="gallery-image-2 two-column" />
<img src="{{ base }}assets/images/venue/durham04-600x450.jpg" alt="Inside Union Station" class="gallery-image-3 three-column" />
<img src="{{ base }}assets/images/venue/durham05-600x450.jpg" alt="Inside Union Station" class="gallery-image-4 three-column" />
<img src="{{ base }}assets/images/venue/durham06-600x450.jpg" alt="Inside Union Station" class="gallery-image-5 three-column" />
</div>
</section>
<section class="section cf bg-yellow lg-padding" id="news">
<div class="scene nebraska-2">
<div class="svg-trees">{% include svg-trees.html %}</div>
<div class="svg-house7">{% include svg-house7.html %}</div>
<div class="svg-corn1">{% include svg-corn.html %}</div>
<div class="svg-house2">{% include svg-house2.html %}</div>
<div class="svg-corn2">{% include svg-corn.html %}</div>
<div class="svg-kearney">{% include svg-kearney.html %}</div>
</div>
<div class="wrapper">
<h1 class="section-title">News</h1>
<div class="container home-content">
<ul class="posts">
{% for post in site.posts %}
{% if post.tags contains 'speaker' or post.tags contains 'exclude' %}
{% else %}
<li><h2><small>{{ post.date | date: '<span class="month">%h</span> <span class="day">%d</span> <span class="year">%Y</span>' }}</small><a href="{{ post.url }}">{{ post.title }}</h2></a></li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</section>
<section class="section cf bg-yellow md-padding" id="sponsors">
<div class="wrapper">
<h1 class="section-title">Sponsors</h1>
<div class="container home-content">
<ul class="sponsors">
<li class="sponsor big icon-sponsor icon-sponsor-c2fo">
<a href="https://c2fo.com/">C2FO</a>
<a href="/sponsor/c2fo/" class="more">Read more</a>
</li>
<li class="sponsor big icon-sponsor icon-sponsor-fcsa">
<a href="http://www.fcsamerica.com/">Farm Credit Services of America</a>
<a href="/sponsor/fcsa/" class="more">Read more</a>
</li>
<li class="sponsor big icon-sponsor icon-sponsor-bcbs">
<a href="https://www.nebraskablue.com/">BCBSNE</a>
<a href="/sponsor/bcbsne/" class="more">Read more</a>
</li>
<li class="sponsor icon-sponsor icon-sponsor-objectpartners">
<a href="https://objectpartners.com/">Object Partners</a>
<a href="/sponsor/opi/" class="more">Read more</a>
</li>
<li class="sponsor icon-sponsor icon-sponsor-sitepen">
<a href="https://www.sitepen.com/">SitePen</a>
<a href="/sponsor/sitepen/" class="more">Read more</a>
</li>
<li class="sponsor icon-sponsor icon-sponsor-flywheel">
<a href="https://getflywheel.com/">Flywheel</a>
<a href="/sponsor/flywheel/" class="more">Read more</a>
</li>
<li class="sponsor icon-sponsor icon-sponsor-home-instead">
<a href="https://www.homeinstead.com/100">Home Instead Senior Care</a>
<a href="/sponsor/home-instead/" class="more">Read more</a>
</li>
<li class="sponsor icon-sponsor icon-sponsor-aiga-ne">
<a href="http://nebraska.aiga.org/">AIGA Nebraska</a>
<a href="/sponsor/aiga/" class="more">Read more</a>
</li>
<li class="sponsor"><a href="mailto:[email protected]">Sponsor NEJS CONF</a></li>
</ul>
</div>
</div>
</section>
<section class="share align-center sm-padding">
<h2><span>Share NEJS CONF</span></h2>
<a href="https://twitter.com/intent/tweet?text=A%20one%20day%20JavaScript%20conference%20at%20the%20historic%20Durham%20Museum%20on%20August%2026,%202016%20@nejsconf%20https://nejsconf.com/" class="btn-secondary icon-twitter"><svg class="icon-twitter"><use xlink:href="#icon-twitter"></use></svg>Twitter</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.nejsconf.com/" class="btn-secondary icon-facebook"><svg class="icon-facebook"><use xlink:href="#icon-facebook"></use></svg>Facebook</a>
</section>
</main>
<footer>
<div class="footer">
<p>© 2016 <a href="http://www.nebraskajs.com/">NebraskaJS</a> (Omaha) and organized by the <a href="/team/#post">NEJS CONF Team</a></p>
<p>Designed by <a href="http://less.is">Less Is</a></p>
</div>
</footer>