-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
481 lines (456 loc) · 23 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
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
<!doctype html>
<head>
<title>Thunder Plains Developers Conference, Oklahoma City</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
<meta content="Thunder Plains Developer Conference" name="description" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="images/apple-touch-icon-57.png" rel="apple-touch-icon-precomposed">
<link href="images/apple-touch-icon-72.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="images/apple-touch-icon-114.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="javascripts/bootstrap-modal.js" type="text/javascript"></script>
<script src="javascripts/application.js" type="text/javascript"></script>
</head>
<body>
<header>
<div class="buildings">
<div class="intro">
<h1>Thunder Plains</h1>
<h2>Developer Conference</h2>
<h3>
November 7<sup>th</sup>
<span class="kapow"></span>
Oklahoma City
</h3>
</div>
<nav>
<div class="container">
<ul class="row">
<li class="col-md-1"> <li>
<li class="col-md-2">
<a href="#conference">Conference</a>
</li>
<li class="col-md-2">
<a href="#speakers">Speakers</a>
</li>
<li class="col-md-2">
<a href="#schedule">Schedule</a>
</li>
<li class="col-md-2">
<a href="#passes">Passes</a>
</li>
<li class="col-md-2">
<a href="#location">Location</a>
</li>
<li class="col-md-1"> <li>
</ul>
<a href="#conference" class="scroll-hint"></a>
</div>
</nav>
</div>
</header>
<div id="content">
<section id="conference" class="container">
<h2 class="section-title">Developer Conference</h2>
<p>
<strong>Thunder Plains</strong> is a web and mobile developer conference organized by the
<a href="http://okcjs.com">Oklahoma City Javascript User Group</a>. The conference will
focus on JavaScript and related technologies in a wide variety of different use cases and
platforms. Topics can be anything from best practices, HTML5 game development, helpful tips
and code libraries, node.js, mobile development, APIs, client-side frameworks like Backbone,
Angular, Ember or Knockout, and more.
</p>
</section>
<section id="speakers" class="container">
<h2 class="section-title">Speakers</h2>
<div class="speakers-list">
<div class="row">
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/sebastian-motraghi.png" alt="Sebastian Motraghi">
<h3>Sebastian Motraghi</h3>
<h4>Twitter</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/nathan-smith.png" alt="Nathan Smith">
<h3>Nathan Smith</h3>
<h4>projekt202</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/yury-delendik.png" alt="Yury Delendik">
<h3>Yury Delendik</h3>
<h4>Mozilla</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/elyse-holladay.png" alt="Elyse Holladay">
<h3>Elyse Holladay</h3>
<h4>Square Root</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/kevin-whinnery.png" alt="Kevin Whinnery">
<h3>Kevin Whinnery</h3>
<h4>Twilio</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/jory-burson.png" alt="Jory Burson">
<h3>Jory Burson</h3>
<h4>Bocoup</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/rob-sullivan.png" alt="Rob Sullivan">
<h3>Rob Sullivan</h3>
<h4>Tekpub</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/mike-taylor.png" alt="Mike Taylor">
<h3>Mike Taylor</h3>
<h4>Mozilla</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/jordan-rousseau.png" alt="Jordan Rousseau">
<h3>Jordan Rousseau</h3>
<h4>Weather Decision Technologies</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/jeremy-green.png" alt="Jeremy Green">
<h3>Jeremy Green</h3>
<h4>OctoLabs</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/jeff-french.png" alt="Jeff French">
<h3>Jeff French</h3>
<h4>ShoppinPal</h4>
</div>
<div class="speaker col-lg-3 col-md-4 col-sm-6">
<img src="images/speakers/adam-horton.png" alt="Adam Horton">
<h3>Adam Horton</h3>
<h4> </h4>
</div>
</div>
</div>
<p>With great talks on</p>
<ul class="speakers-topics row">
<li class="speakers-topics-js col-sm-2 col-sm-offset-1 col-xs-4">
Javascript
<img src="images/speakers-topics-js.png" alt="Javascript">
</li>
<li class="speakers-topics-html col-sm-2 col-xs-4">
HTML
<img src="images/speakers-topics-html.png" alt="HTML">
</li>
<li class="speakers-topics-css col-sm-2 col-xs-4">
CSS
<img src="images/speakers-topics-css.png" alt="CSS">
</li>
<li class="speakers-topics-api col-sm-2 col-xs-4">
APIs
<img src="images/speakers-topics-api.png" alt="APIs">
</li>
<li class="speakers-topics-mobile col-sm-2 col-xs-4">
Mobile
<img src="images/speakers-topics-mobile.png" alt="Mobile">
</li>
</ul>
</section>
<section id="schedule" class="container">
<h2 class="section-title">Schedule</h2>
<div class="schedule-legend">
<span class="legend-largeroom">Room 5</span>
<span class="legend-smallroom">Room 2</span>
</div>
<div class="schedule-list">
<div class="schedule-time">
<time>9:00am-9:55am</time>
</div>
<div class="schedule-keynote">
<p>Keynote</p>
<div class="schedule-talk no-modal">
<div class="schedule-title">
<img src="images/speakers/kyle-simpson.png" alt="Kyle Simpson">
<h3>Where's My Straw<strong>?</strong></h3>
<h4>Kyle Simpson</h4>
</div>
<p></p>
</div>
</div>
<div class="schedule-time">
<time>10:00am-10:55am</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/rob-sullivan.png" alt="Rob Sullivan">
<h3>Why nothing will love your app more than Postgres</h3>
<h4>Rob Sullivan</h4>
</div>
<p>In the world of web development, relational databases can often take on the stigma of a technology dinosaur. Postgres turns this trend on its head by being a fast, reliable and extensible datastore of love. In this session, we'll look at how Postgres stays relevant with features, embraces NoSQL concepts and works with your code to live App'ily ever after.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/jeff-french.png" alt="Jeff French">
<h3>Cross-Platform Mobile Apps with PhoneGap</h3>
<h4>Jeff French</h4>
</div>
<p>Are you excited about all the mobile technologies available today but you can’t decide which language to learn? Is your company planning to build a mobile app but you can’t decide which platform to invest in first? The answer is simple: don’t choose! In this session I will show you how you can use the PhoneGap framework to build an app using just HTML, Javascript and CSS that will compile to a native app. Along the way, I’ll point out various performance tips, helper libraries and design patters to make your app experience awesome on all devices. Your app will be ready for submission to each platform’s app store and will install and run natively all from a single code base!</p>
</div>
</div>
<div class="schedule-time">
<time>11:00am-11:55am</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/kevin-whinnery.png" alt="Kevin Whinnery">
<h3>JavaScript and iOS<strong>7</strong></h3>
<h4>Kevin Whinnery</h4>
</div>
<p>In this talk, we'll focus on what developers need to know to take advantage of JavaScriptCore bindings in iOS 7. We will also explore where this new technology fits in alongside existing JavaScript solutions for mobile development, like Appcelerator's Titanium and Apache Cordova (PhoneGap). To demonstrate how this new framework might be used, we will script a simple game using SpriteKit, the new built-in 2D game framework in iOS 7.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/jordan-rousseau.png" alt="Jordan Rousseau">
<h3>How WDT Visualizes Weather (GeoJSON, d<strong>3</strong>.js, leaflet.js)</h3>
<h4>Jordan Rousseau</h4>
</div>
<p>Data visualizations of large weather datasets have always been too expensive to render client-side. Commonly used datasets (radar/satellite/rainfall) are run through WDT's image tiling server and served out as x/y/z Mercator tiles. Small point-based or polygon-based datasets are being served out as GeoJSON feeds. Experimental and forecast-based products have always been viewed by static imagery. Our web development team has built leaflet plugins for displaying tile and GeoJSON products, and they have utilized d3.js, leaflet.js to render the raw output of WDT's newest weather products client-side.</p>
</div>
</div>
<div class="schedule-time">
<time>12:00pm-12:55pm</time>
</div>
<div class="schedule-event">
<p>Lunch provided by <a href="http://www.sstsoftware.com/">SST Software</a></p>
</div>
<div class="schedule-time">
<time>1:00pm-1:55pm</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/sebastian-motraghi.png" alt="Sebastian Motraghi">
<h3>Testing at Twitter</h3>
<h4>Sebastian Motraghi</h4>
</div>
<p>Web testing at Twitter - the challenges that our size presents, the systems we've evolved to meet our needs, how attendees can incorporate what we've learned into their workplaces.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/jeremy-green.png" alt="Jeremy Green">
<h3>Service-Oriented Architecture for Single-Page Apps</h3>
<h4>Jeremy Green</h4>
</div>
<p>A breakdown of the general architecture that was used for building <a href="http://www.cloudhdr.com">CloudHdr</a>. The entire system is composed of 3 main "service" apps (users, files, processing), and a collection of various single page apps each aimed at a different vertical slice of user facing functionality. Topics would include auth from service to service and from SPA to service, cross domain issues for data transfer, and handling file uploads. JS examples would be in Ember, but concepts would be broadly applicable to other frameworks. In fact some of the "tricks" are accomplished outside of the framework, with jQuery.</p>
</div>
</div>
<div class="schedule-time">
<time>2:00pm-2:55pm</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/mike-taylor.png" alt="Mike Taylor">
<h3>(Mobile) Compatibility on the World Wide Web</h3>
<h4>Mike Taylor</h4>
</div>
<p>In this talk I'll cover some of what the Mozilla Web Compat team does, i.e., working towards a truly open web where content is available to all users of the web, independent of device, browser, or country of origin. Along the way we'll look at some truly horrific code ranging from old school clientside UA sniffing to busted HTTP interactions. And hopefully we'll come away with a better understanding of how we can hope to support the ever-growing set of devices accessing our sites and apps.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/elyse-holladay.png" alt="Elyse Holladay">
<h3>Get Sassy</h4>
<h4>Elyse Holladay</h4>
</div>
<p>"You've heard of Sass and probably even seen a talk explaining its powerful features. Everyone's telling you to use it, to switch your projects to Sass… but why? And HOW? What do you mean you can't just delete your entire CSS folder and start over?</p>
</div>
</div>
<div class="schedule-time">
<time>3:00pm-3:55pm</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/jory-burson.png" alt="Jory Burson">
<h3>The Way of the Open Web</h3>
<h4>Jory Burson</h4>
</div>
<p>Jory will discuss Open Web values and how to bring them in to your organization for the benefit of your workflow, engineering culture, and of course your business's bottom line. She'll discuss lessons learned cultivating these values at Bocoup, its clients, and the developer communities of which it is a part.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/adam-horton.png" alt="Adam Horton">
<h3>Everything I know about games I learned from the <strong>90</strong>s</h3>
<h4>Adam Horton</h4>
</div>
<p>Computing is a history of possibility and limitation. Creativity thrives in limitation through attempts to understand and exploit boundaries. The goal of this talk is to appreciate and respect the past triumphs over limitation by looking to the lore and artifacts of sages. It also attempts to convey the value of true understanding by doing.</p>
</div>
</div>
<div class="schedule-time">
<time>4:00pm-4:55pm</time>
</div>
<div class="schedule-slot">
<div class="schedule-talk schedule-largeroom">
<div class="schedule-title">
<img src="images/speakers/nathan-smith.png" alt="Nathan Smith">
<h3>HTML<strong>5</strong> Can't Do That: Surveying the Mobile Landscape</h3>
<h4>Nathan Smith</h4>
</div>
<p>Depending on who you ask, HTML5 is either the pinnacle of open technologies, or a telltale reason so many mobile apps suck. After an awkward adolescence, from HTML to XHTML and back again, battle lines have been drawn around this revitalized contender named HTML5. Even supposing a victory is possible, is it winner-take-all? In this talk, we'll look at various approaches to mobile development: from responsive sites, to native apps, and what role HTML5 has to play.</p>
</div>
<div class="schedule-talk schedule-smallroom">
<div class="schedule-title">
<img src="images/speakers/yury-delendik.png" alt="Yury Delednik">
<h3>Nuts and Bolts of Shumway</h3>
<h4>Yury Delendik</h4>
</div>
<p>Following on the success of pdf.js, a high-fidelity PDF renderer written in pure HTML and JavaScript, the Shumway project aims to implement an emulator for the Flash multimedia platform. Shumway’s primary goals are to demonstrate the power and expressiveness of the HTML5 platform and to discover and remedy gaps in the Web platform.</p>
</div>
</div>
</div>
</section>
<section id="passes" class="container">
<h2 class="section-title">Passes</h2>
<ul class="passes-list row">
<li class="pass-earlybird soldout">
<div class="pass-title col-md-8">
<h3>Early Bird</h3>
Sold Out!
</div>
<div class="pass-price col-md-4">$75<sup>00</sup></div>
</li>
<li class="pass-regular">
<a href="https://brightbit.ticketbud.com/thunderplains">
<div class="pass-title col-md-8">
<h3>Regular Pass</h3>
</div>
<div class="pass-price col-md-4">$99<sup>00</sup></div>
</a>
</li>
<li class="pass-onsite">
<a href="https://brightbit.ticketbud.com/thunderplains">
<div class="pass-title col-md-8">
<h3>Onsite Pass</h3>
At the door
</div>
<div class="pass-price col-md-4">$129<sup>00</sup></div>
</a>
</li>
<li class="pass-students">
<a href="https://brightbit.ticketbud.com/thunderplains">
<div class="pass-title col-md-8">
<h3>Students</h3>
w/ Valid Student ID
</div>
<div class="pass-price col-md-4">$65<sup>00</sup></div>
</a>
</li>
<li class="pass-earlybird">
<a href="https://brightbit.ticketbud.com/thunderplains">
<div class="pass-title col-md-8">
<h3><strong>5</strong>-Ticket Pack</h3>
Bulk Only
</div>
<div class="pass-price col-md-4">$75<sup><strong>00/ea</strong></sup></div>
</a>
</li>
</ul>
</section>
<section id="location">
<div class="container">
<h2 class="section-title">Where it’s at</h2>
<p>
Located at the <a href="http://www.coxconventioncenter.com/">Cox Convention Center</a> in downtown Oklahoma City<br>
within walking distance of great hotels and restaurants
</p>
</div>
<div id="map"></div>
<div class="container">
<p class="hotel-note">
We have a special rate of $159/night at the Courtyard Marriott hotel downtown until October 31<sup>st</sup>.<br>
<a href="http://www.marriott.com/meeting-event-hotels/group-corporate-travel/groupCorp.mi?resLinkData=Thunder%20Plains/InnoTech%5EOKCDT%60thpthpb%60159.00%60USD%60false%6011/6/13%6011/8/13%6010/30/13&app=resvlink&stop_mobi=yes">Book a room online with this link</a> or call 800-217-9905 and use code <strong>THPC</strong> when booking.
</p>
</div>
</section>
<section id="sponsors" class="container">
<h2 class="section-title">With help from these fine folks</h2>
<div class="sponsors-list">
<div class="row">
<div class="sponsor col-md-3">
<a href="http://innotechconferences.com/okc/" class="logo-innotech">Innotech</a>
</div>
<div class="sponsor col-md-3">
<a href="http://brightbit.com" class="logo-brightbit">Brightbit</a>
</div>
<div class="sponsor col-md-3">
<a href="http://sstsoftware.com" class="logo-sst">SST Technologies</a>
</div>
<div class="sponsor col-md-3">
<a href="http://swagexpert.com" class="logo-swagexpert">Swag Expert</a>
</div>
</div>
<div class="sponsor row">
<div class="sponsor col-md-3">
<a href="http://github.com" class="logo-github">Github</a>
</div>
<div class="sponsor col-md-3">
<a href="http://mozilla.com" class="logo-mozilla">Mozilla</a>
</div>
<div class="sponsor col-md-3">
<a href="http://twilio.com" class="logo-twilio">Twilio</a>
</div>
<div class="sponsor col-md-3">
<a href="http://bocoup.com" class="logo-bocoup">Bocoup</a>
</div>
</div>
<div class="sponsor row">
<div class="sponsor col-md-4">
<a href="http://projekt202.com" class="logo-projekt202">projekt202</a>
</div>
<div class="sponsor col-md-4">
<a href="http://roberthalf.com" class="logo-roberthalf">Robert Half</a>
</div>
<div class="sponsor col-md-4">
<a href="http://telogicalsystems.com" class="logo-telogicalsystems">Telogical Systems</a>
</div>
</div>
</div>
<p>
<a href="http://www.jesseharlin.net/"><strong>Special thanks to Jesse Harlin</strong></a>
</p>
<p>
<a href="files/ThunderPlains-Sponsorship.pdf">Sponsorship Opportunities (PDF)</a>
•
<a href="mailto:[email protected]">Become a sponsor</a>
</p>
</section>
</div>
<footer>
<a href="http://brightbit.com" class="siteby">
Site by <span class="logo-brightbit">Brightbit</span>
</a>
</footer>
<!-- Modal -->
<div class="modal" id="modal-talks" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body"></div>
</div>
</div>
</div>
</div>
<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-23995264-3', 'thunderplainsconf.com');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCvbTld6AHZj_PbND6ZysGns9kXb5BBNi0&sensor=false"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
</body>
</html>