elsmore 0.1.7 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/hackference.co.uk/assets/css/site.css +488 -0
  4. data/hackference.co.uk/assets/css/slicknav.css +178 -0
  5. data/hackference.co.uk/assets/css/tito.css +130 -0
  6. data/hackference.co.uk/assets/img/algolia.png +0 -0
  7. data/hackference.co.uk/assets/img/andrew-faraday.jpg +0 -0
  8. data/hackference.co.uk/assets/img/conf.png +0 -0
  9. data/hackference.co.uk/assets/img/contentful.jpg +0 -0
  10. data/hackference.co.uk/assets/img/cristiano-betta.jpg +0 -0
  11. data/hackference.co.uk/assets/img/dan-jenkins.png +0 -0
  12. data/hackference.co.uk/assets/img/daniel-knell.jpg +0 -0
  13. data/hackference.co.uk/assets/img/etiene-dalcol.jpg +0 -0
  14. data/hackference.co.uk/assets/img/felienne-hermans.jpg +0 -0
  15. data/hackference.co.uk/assets/img/hack.png +0 -0
  16. data/hackference.co.uk/assets/img/hugh-rawlinson.jpg +0 -0
  17. data/hackference.co.uk/assets/img/improbable.png +0 -0
  18. data/hackference.co.uk/assets/img/jessica-rose-cartoon.png +0 -0
  19. data/hackference.co.uk/assets/img/jonathan-kingsley.jpeg +0 -0
  20. data/hackference.co.uk/assets/img/logo-small.png +0 -0
  21. data/hackference.co.uk/assets/img/martin-splitt.jpg +0 -0
  22. data/hackference.co.uk/assets/img/microsoft.png +0 -0
  23. data/hackference.co.uk/assets/img/mozilla.png +0 -0
  24. data/hackference.co.uk/assets/img/nexmo.png +0 -0
  25. data/hackference.co.uk/assets/img/packt.png +0 -0
  26. data/hackference.co.uk/assets/img/pebble.png +0 -0
  27. data/hackference.co.uk/assets/img/proactive.png +0 -0
  28. data/hackference.co.uk/assets/img/pusher.png +0 -0
  29. data/hackference.co.uk/assets/img/remy-sharp.jpg +0 -0
  30. data/hackference.co.uk/assets/img/sam-wierema.jpg +0 -0
  31. data/hackference.co.uk/assets/img/samathy-barratt.jpg +0 -0
  32. data/hackference.co.uk/assets/img/soledad.png +0 -0
  33. data/hackference.co.uk/assets/img/technical-team-solutions.png +0 -0
  34. data/hackference.co.uk/assets/img/terence-eden.png +0 -0
  35. data/hackference.co.uk/cdn-cgi/l/email-protection/index.html +75 -0
  36. data/hackference.co.uk/cdn-cgi/scripts/cf.common.js +78 -0
  37. data/hackference.co.uk/cdn-cgi/scripts/zepto.min.js +2 -0
  38. data/hackference.co.uk/cdn-cgi/styles/cf.errors.css +1 -0
  39. data/hackference.co.uk/cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.7/jquery.slicknav.min.js +6 -0
  40. data/hackference.co.uk/code-of-conduct.html +525 -0
  41. data/hackference.co.uk/code.jquery.com/jquery-1.12.3.min.js +5 -0
  42. data/hackference.co.uk/conference.html +776 -0
  43. data/hackference.co.uk/contact.html +365 -0
  44. data/hackference.co.uk/credits.html +399 -0
  45. data/hackference.co.uk/hackathon.html +585 -0
  46. data/hackference.co.uk/index.html +543 -0
  47. data/hackference.co.uk/js.tito.io/v1/index.html +1 -0
  48. data/hackference.co.uk/maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css +6 -0
  49. data/hackference.co.uk/maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css +4 -0
  50. data/hackference.co.uk/platform.twitter.com/js/tweet.00c2bb81d4f3f312a9a021c715a1c9dc.js +1 -0
  51. data/hackference.co.uk/platform.twitter.com/widgets.js +11 -0
  52. data/hackference.co.uk/speakers/andrew-faraday.html +363 -0
  53. data/hackference.co.uk/speakers/dan-jenkins.html +378 -0
  54. data/hackference.co.uk/speakers/daniel-knell.html +382 -0
  55. data/hackference.co.uk/speakers/etiene-dalcol.html +378 -0
  56. data/hackference.co.uk/speakers/felienne-hermans.html +386 -0
  57. data/hackference.co.uk/speakers/hugh-rawlinson.html +378 -0
  58. data/hackference.co.uk/speakers/jonathan-kingsley.html +386 -0
  59. data/hackference.co.uk/speakers/martin-splitt.html +402 -0
  60. data/hackference.co.uk/speakers/remy-sharp.html +380 -0
  61. data/hackference.co.uk/speakers/sam-wierema.html +378 -0
  62. data/hackference.co.uk/speakers/samathy-barratt.html +397 -0
  63. data/hackference.co.uk/speakers/soledad-penades.html +382 -0
  64. data/hackference.co.uk/speakers/terence-eden.html +388 -0
  65. data/hackference.co.uk/sponsors/algolia.html +350 -0
  66. data/hackference.co.uk/sponsors/contentful.html +350 -0
  67. data/hackference.co.uk/sponsors/improbable.html +351 -0
  68. data/hackference.co.uk/sponsors/index.html +655 -0
  69. data/hackference.co.uk/sponsors/microsoft.html +350 -0
  70. data/hackference.co.uk/sponsors/nexmo.html +350 -0
  71. data/hackference.co.uk/sponsors/packt.html +350 -0
  72. data/hackference.co.uk/sponsors/pebble.html +350 -0
  73. data/hackference.co.uk/sponsors/pusher.html +350 -0
  74. data/hackference.co.uk/sponsors/sponsor-us.html +658 -0
  75. data/hackference.co.uk/tickets.html +406 -0
  76. data/lib/elsmore/command.rb +2 -1
  77. data/lib/elsmore/document.rb +7 -3
  78. data/lib/elsmore/emitter.rb +22 -12
  79. data/lib/elsmore/resource.rb +4 -3
  80. data/lib/elsmore/rewriter.rb +13 -3
  81. data/lib/elsmore/scraper.rb +42 -26
  82. data/lib/elsmore/version.rb +1 -1
  83. data/lib/elsmore/writer.rb +4 -1
  84. metadata +74 -1
data/hackference.co.uk/speakers/jonathan-kingsley.html ADDED
@@ -0,0 +1,386 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <meta charset="utf-8" />
4
+ <title>Starring Jonathan Kingsley | Hackference 2016</title>
5
+
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <meta name="description" content="Hackference is a conference and hackathon based around learning and inspiring people to hack - October 21st for the Conference, 22nd and 23rd for the Hackathon - based in Birmingham, UK" />
8
+ <meta name="robots" content="index, follow" />
9
+ <meta name="author" content="Mike Elsmore, Jake Price, Curtis Harding" />
10
+
11
+ <meta property="og:title" content="Hackference 2016" />
12
+ <meta property="og:type" content="website" />
13
+ <meta property="og:url" content="http://2016.hackference.co.uk" />
14
+ <meta property="og:image" content="https://pbs.twimg.com/profile_images/715514227885211648/gkFpBOS9.jpg" />
15
+
16
+ <!-- Base CSS -->
17
+ <link rel="stylesheet" href="/maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
18
+ <link rel="stylesheet" href="/maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
19
+ <link rel="stylesheet" href="/assets/css/slicknav.css" />
20
+
21
+ <!-- Site CSS -->
22
+ <link rel="stylesheet" type="text/css" href="/assets/css/site.css" />
23
+
24
+ <!-- Other -->
25
+ <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
26
+
27
+ <script type="text/javascript" charset="utf-8" async="" src="/platform.twitter.com/js/tweet.00c2bb81d4f3f312a9a021c715a1c9dc.js"></script>
28
+
29
+ <body>
30
+ <div id="hero">
31
+ <div class="container">
32
+ <div class="col-md-12">
33
+ <h1><a href="/">Hackference 2016</a></h1>
34
+ <h2>21st - 23rd October 2016, Birmingham UK</h2>
35
+ <div class="hero-tickets">
36
+ <a href="/tickets.html" class="art-deco-button">Tickets from £60</a>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div id="header">
42
+ <div class="container">
43
+ <div class="col-md-12">
44
+ <ul id="menu" class="top-nav hidden-sm hidden-xs">
45
+ <li><a href="/tickets.html" class="">Tickets</a></li>
46
+ <li><a href="/conference.html" class="">Conference</a></li>
47
+ <li><a href="/hackathon.html" class="">Hackathon</a></li>
48
+ <li><a href="/sponsors" class="">Sponsors</a></li>
49
+ <li><a href="/code-of-conduct.html" class="">Code of conduct</a></li>
50
+ </ul>
51
+ </div>
52
+ </div>
53
+ </div>
54
+
55
+ <div class="content">
56
+ <div class="container">
57
+ <div class="row">
58
+ <div class="col-md-12">
59
+ <h4 class="sub-header border starring">Starring... Jonathan Kingsley</h4>
60
+ </div>
61
+ </div>
62
+ <div class="row">
63
+ <div class="col-md-4">
64
+ <img src="/assets/img/jonathan-kingsley.jpeg" width="100%" class="art-deco-border-image" />
65
+
66
+ </div>
67
+ <div class="col-md-8 speaker-description">
68
+
69
+ <p>Hi, i’m Jon.</p>
70
+
71
+ <p>I specialise in software, occasional hardware, and pyrotechnics/computer security on the weekends. During my downtime I’m a keen fencer, occasional rapper and part-time gamer.</p>
72
+
73
+ <p>When you can catch me listening to music, it’s probably The 1975, Hoodie Allen or Taylor Swift.</p>
74
+
75
+
76
+ </div>
77
+ </div>
78
+
79
+ <div class="row">
80
+ <div class="col-md-12">
81
+ <a name="talk"></a>
82
+ <h4 class="sub-header border" style="margin-bottom: 60px">Filmography</h4>
83
+ </div>
84
+ <div class="col-md-4 speaker-talk-title">
85
+ Cracks in the Facade
86
+ </div>
87
+ <div class="col-md-8 speaker-description">
88
+
89
+ <p>In this bleak, depressing talk we will discuss some of the ways computer science and computer security has fallen flat on its face, and how you can avoid making the same mistakes, with just a soupçon of humor for good measure.</p>
90
+
91
+ <p>We will break these problems down and hopefully learn some important lessons, such as not allowing your door locks to call system(), how to properly secure your corner of the Internet Of Things, a crash course in processor architectures and how they lie to you, and how the inevitable heat-death of the universe is a result of RSA.</p>
92
+
93
+ <p>Hopefully, you’ll emerge feeling smarter, discussing new topics, and slightly terrified.</p>
94
+
95
+
96
+ </div>
97
+
98
+ </div>
99
+ </div>
100
+
101
+ <div class="content-darker">
102
+ <div class="container">
103
+ <div class="row">
104
+ <div class="col-md-12">
105
+ <h4 class="sub-header border">Links</h4>
106
+
107
+ <p class="big-intro">
108
+ Github: <a href="https://github.com/JFKingsley">JFKingsley</a> ·
109
+ Twitter: <a href="https://twitter.com/JFKingsley">@JFKingsley</a> ·
110
+ Website: <a href="https://jfkingsley.co.uk/">https://jfkingsley.co.uk/</a>
111
+ </p>
112
+
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <!-- /Content type 1 -->
119
+ <div class="content">
120
+ <div class="container">
121
+ <div class="row">
122
+ <div class="col-md-12">
123
+ <h4 class="sub-header border">Our Sponsors</h4>
124
+ </div>
125
+ <!-- Top level sponsorship get col-6 -->
126
+ <div class="row">
127
+ <!-- Executive Producer/Platinum -->
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+ </div>
152
+ <!-- Second level sponsorship get col-4 -->
153
+ <div class="row">
154
+ <!-- Associate Producer/Gold -->
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+ <div class="col-sm-6 col-sm-offset-3 col-xs-12 newsponsor">
168
+ <a href="https://www.nexmo.com/">
169
+ <img src="/assets/img/nexmo.png" width="100%" />
170
+ <div class="sponsor-name">Nexmo</div>
171
+ <div class="sponsor-meta">Associate Producer</div>
172
+ </a>
173
+ </div>
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+
186
+ </div>
187
+ <!-- Rest sponsorship get col-3 -->
188
+ <div class="row">
189
+ <!-- Assistant Producer/Silver -->
190
+
191
+
192
+ <div class="col-sm-3 newsponsor">
193
+ <a href="https://www.algolia.com/">
194
+ <img src="/assets/img/algolia.png" width="100%" />
195
+ <div class="sponsor-name smaller">Algolia</div>
196
+ <div class="sponsor-meta smaller">Assistant Producer</div>
197
+ </a>
198
+ </div>
199
+
200
+
201
+
202
+ <div class="col-sm-3 newsponsor">
203
+ <a href="https://www.contentful.com/">
204
+ <img src="/assets/img/contentful.jpg" width="100%" />
205
+ <div class="sponsor-name smaller">Contentful</div>
206
+ <div class="sponsor-meta smaller">Assistant Producer</div>
207
+ </a>
208
+ </div>
209
+
210
+
211
+
212
+ <div class="col-sm-3 newsponsor">
213
+ <a href="https://improbable.io">
214
+ <img src="/assets/img/improbable.png" width="100%" />
215
+ <div class="sponsor-name smaller">Improbable</div>
216
+ <div class="sponsor-meta smaller">Assistant Producer</div>
217
+ </a>
218
+ </div>
219
+
220
+
221
+
222
+ <div class="col-sm-3 newsponsor">
223
+ <a href="">
224
+ <img src="/assets/img/microsoft.png" width="100%" />
225
+ <div class="sponsor-name smaller">Microsoft</div>
226
+ <div class="sponsor-meta smaller">Assistant Producer</div>
227
+ </a>
228
+ </div>
229
+
230
+
231
+
232
+ <div class="col-sm-3 newsponsor">
233
+ <a href="https://www.mozilla.org">
234
+ <img src="/assets/img/mozilla.png" width="100%" />
235
+ <div class="sponsor-name smaller">Mozilla</div>
236
+ <div class="sponsor-meta smaller">Assistant Producer</div>
237
+ </a>
238
+ </div>
239
+
240
+
241
+
242
+
243
+
244
+ <div class="col-sm-3 newsponsor">
245
+ <a href="https://www.packtpub.com/mapt">
246
+ <img src="/assets/img/packt.png" width="100%" />
247
+ <div class="sponsor-name smaller">Mapt - Powered by Packt</div>
248
+ <div class="sponsor-meta smaller">Assistant Producer</div>
249
+ </a>
250
+ </div>
251
+
252
+
253
+
254
+
255
+
256
+
257
+
258
+ <div class="col-sm-3 newsponsor">
259
+ <a href="https://pusher.com">
260
+ <img src="/assets/img/pusher.png" width="100%" />
261
+ <div class="sponsor-name smaller">Pusher</div>
262
+ <div class="sponsor-meta smaller">Assistant Producer</div>
263
+ </a>
264
+ </div>
265
+
266
+
267
+
268
+
269
+ </div>
270
+ <!-- Rest sponsorship get col-3 -->
271
+ <div class="row">
272
+ <!-- Coordinating Producer/Bronze -->
273
+ <div class="col-sm-2">
274
+ </div>
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+
291
+ <div class="col-sm-3 newsponsor">
292
+ <a href="https://pebble.com">
293
+ <img src="/assets/img/pebble.png" width="100%" />
294
+ </a>
295
+ </div>
296
+
297
+
298
+
299
+ <div class="col-sm-3 newsponsor">
300
+ <a href="http://www.proactive.uk.net/">
301
+ <img src="/assets/img/proactive.png" width="100%" />
302
+ </a>
303
+ </div>
304
+
305
+
306
+
307
+
308
+
309
+ <div class="col-sm-3 newsponsor">
310
+ <a href="http://technicalteamsolutions.co.uk/">
311
+ <img src="/assets/img/technical-team-solutions.png" width="100%" />
312
+ </a>
313
+ </div>
314
+
315
+
316
+ </div>
317
+
318
+ </div>
319
+ </div>
320
+ </div>
321
+
322
+ <div id="footer">
323
+ <div class="container">
324
+ <div class="col-sm-6">
325
+ <img src="/assets/img/logo-small.png" />
326
+ <ul class="footer-nav">
327
+ <li><a href="/contact.html">Contact</a></li>
328
+ <li><a href="/credits.html">Credits</a></li>
329
+ <li>Created with Jekyll. Hosted on Github Pages</li>
330
+ <li>Registered company #09529922</li>
331
+ </ul>
332
+ </div>
333
+ <div class="col-sm-6 text-right">
334
+ <p>Following us on social media and joining out mail list.</p>
335
+ <p>Twitter: <a href="https://twitter.com/hackferencebrum">@hackference</a>, Facebook: <a href="https://www.facebook.com/hackference">hackference</a>, Github: <a href="https://github.com/hackference/hackference-2016">Hackference</a></p>
336
+ <form action="//hackference.us10.list-manage.com/subscribe/post?u=6d8df0266d881f193098c49f0&amp;id=973bd1522a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline footer-form" target="_blank" novalidate="" style="margin-top: 40px;">
337
+ <div id="mc_embed_signup_scroll">
338
+ <div class="input-group">
339
+ <div id="mce-responses" class="clear">
340
+ <div class="response" id="mce-error-response" style="display:none"></div>
341
+ <div class="response" id="mce-success-response" style="display:none"></div>
342
+ </div>
343
+ <input type="email" value="" name="EMAIL" class="required email form-control col-md-10" placeholder="Email Address" id="mce-EMAIL" />
344
+ <div style="position: absolute; left: -5000px;"><input type="text" name="b_6d8df0266d881f193098c49f0_973bd1522a" tabindex="-1" value="" /></div>
345
+ <span class="input-group-btn">
346
+ <button class="btn btn-subscribe" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
347
+ </span>
348
+ </div><!-- /input-group -->
349
+ </div>
350
+ </form>
351
+ </div>
352
+
353
+ </div>
354
+ </div>
355
+
356
+ <!-- Latest compiled and minified JavaScript -->
357
+ <script src="/code.jquery.com/jquery-1.12.3.min.js"></script>
358
+ <script async="" src="/platform.twitter.com/widgets.js" charset="utf-8"></script>
359
+ <script src="/cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.7/jquery.slicknav.min.js"></script>
360
+ <script>
361
+ $(function () {
362
+ $('#menu').slicknav({
363
+ prependTo: '#header',
364
+ label: 'Menu',
365
+ });
366
+ $('.slicknav_btn').on('click', function () {
367
+ //-- Scroll to top of page
368
+ $('html, body').animate({
369
+ scrollTop: ($(this).offset().top - 90) + 'px',
370
+ }, 'slow');
371
+ });
372
+ });
373
+ </script>
374
+ <script>
375
+ $(function () {
376
+ $('body').on('click', '#tito-hackference-hackference-2016-1-show-discount-code a', function() {
377
+ $('#tito-hackference-hackference-2016-1-edit-discount-code').toggle();
378
+ });
379
+ });
380
+ </script>
381
+
382
+ <!-- GoSquared -->
383
+ <script>!function(g,s,q,r,d){r=g[r]=g[r]||function(){(r.q=r.q||[]).push(arguments)};d=s.createElement(q);q=s.getElementsByTagName(q)[0];d.src='//d1l6p2sc9645hc.cloudfront.net/tracker.js';q.parentNode.insertBefore(d,q)}(window,document,'script','_gs');_gs('GSN-309350-E');</script>
384
+
385
+ </div></body>
386
+ </html>
data/hackference.co.uk/speakers/martin-splitt.html ADDED
@@ -0,0 +1,402 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <meta charset="utf-8" />
4
+ <title>Starring Martin Splitt | Hackference 2016</title>
5
+
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <meta name="description" content="Hackference is a conference and hackathon based around learning and inspiring people to hack - October 21st for the Conference, 22nd and 23rd for the Hackathon - based in Birmingham, UK" />
8
+ <meta name="robots" content="index, follow" />
9
+ <meta name="author" content="Mike Elsmore, Jake Price, Curtis Harding" />
10
+
11
+ <meta property="og:title" content="Hackference 2016" />
12
+ <meta property="og:type" content="website" />
13
+ <meta property="og:url" content="http://2016.hackference.co.uk" />
14
+ <meta property="og:image" content="https://pbs.twimg.com/profile_images/715514227885211648/gkFpBOS9.jpg" />
15
+
16
+ <!-- Base CSS -->
17
+ <link rel="stylesheet" href="/maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
18
+ <link rel="stylesheet" href="/maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
19
+ <link rel="stylesheet" href="/assets/css/slicknav.css" />
20
+
21
+ <!-- Site CSS -->
22
+ <link rel="stylesheet" type="text/css" href="/assets/css/site.css" />
23
+
24
+ <!-- Other -->
25
+ <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
26
+
27
+ <script type="text/javascript" charset="utf-8" async="" src="/platform.twitter.com/js/tweet.00c2bb81d4f3f312a9a021c715a1c9dc.js"></script>
28
+
29
+ <body>
30
+ <div id="hero">
31
+ <div class="container">
32
+ <div class="col-md-12">
33
+ <h1><a href="/">Hackference 2016</a></h1>
34
+ <h2>21st - 23rd October 2016, Birmingham UK</h2>
35
+ <div class="hero-tickets">
36
+ <a href="/tickets.html" class="art-deco-button">Tickets from £60</a>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div id="header">
42
+ <div class="container">
43
+ <div class="col-md-12">
44
+ <ul id="menu" class="top-nav hidden-sm hidden-xs">
45
+ <li><a href="/tickets.html" class="">Tickets</a></li>
46
+ <li><a href="/conference.html" class="">Conference</a></li>
47
+ <li><a href="/hackathon.html" class="">Hackathon</a></li>
48
+ <li><a href="/sponsors" class="">Sponsors</a></li>
49
+ <li><a href="/code-of-conduct.html" class="">Code of conduct</a></li>
50
+ </ul>
51
+ </div>
52
+ </div>
53
+ </div>
54
+
55
+ <div class="content">
56
+ <div class="container">
57
+ <div class="row">
58
+ <div class="col-md-12">
59
+ <h4 class="sub-header border starring">Starring... Martin Splitt</h4>
60
+ </div>
61
+ </div>
62
+ <div class="row">
63
+ <div class="col-md-4">
64
+ <img src="/assets/img/martin-splitt.jpg" width="100%" class="art-deco-border-image" />
65
+
66
+ </div>
67
+ <div class="col-md-8 speaker-description">
68
+
69
+ <p>Martin is pretty decent at humaning and pretty good at computering,
70
+ so he decided to use his computering to improve his and other’s humaning.</p>
71
+
72
+ <p>He loves the open web and open source and helps to make things better with, but not limited to, code.</p>
73
+
74
+
75
+ </div>
76
+ </div>
77
+
78
+ <div class="row">
79
+ <div class="col-md-12">
80
+ <a name="talk"></a>
81
+ <h4 class="sub-header border" style="margin-bottom: 60px">Filmography</h4>
82
+ </div>
83
+ <div class="col-md-4 speaker-talk-title">
84
+ Building interactive 3D worlds in the browser with WebGL
85
+ </div>
86
+ <div class="col-md-8 speaker-description">
87
+
88
+ <p><em>What’s this about?</em>
89
+ Thanks to the wide adoption and availability of WebGL across browsers (including those on mobile) we get control of the full graphics pipeline.</p>
90
+
91
+ <p>After understanding WebGL basics and the render pipeline, you’ll learn what Three.js brings to the table and you’ll get a live coding demonstration you can code along to in which we’ll build a 3D web app from the ground up with all elements: Lighting, loading 3D models and keyboard/mouse controls</p>
92
+
93
+ <p><em>What’s in this talk?</em></p>
94
+
95
+ <p>In this talk there’s gonna be an introduction into 3D and WebGL basics, live coding demonstration and a bunch of tips &amp; tricks on how to tweak performance and perceived performance &amp; quality.</p>
96
+
97
+ <p>You’ll learn how to build 3D games and applications that run without any plugin right from the browser - even on mobile. You’ll see how you can start creating this content today and how to bring it to production quality.</p>
98
+
99
+ <p><em>Topics</em></p>
100
+
101
+ <ul>
102
+ <li>Introduction: CPU vs. GPU - Canvas vs. WebGL</li>
103
+ <li>3D Vocabulary: Vertices, Faces, Shaders and their friends</li>
104
+ <li>WebGL 101</li>
105
+ <li>Live coding introduction into Three.js</li>
106
+ <li>Performance pitfalls</li>
107
+ <li>Making things prettier</li>
108
+ <li>Outlook: WebGL 2.0 and beyond</li>
109
+ </ul>
110
+
111
+
112
+ </div>
113
+
114
+ </div>
115
+ </div>
116
+
117
+ <div class="content-darker">
118
+ <div class="container">
119
+ <div class="row">
120
+ <div class="col-md-12">
121
+ <h4 class="sub-header border">Links</h4>
122
+
123
+ <p class="big-intro">
124
+ Github: <a href="https://github.com/AVGP">AVGP</a> ·
125
+ Twitter: <a href="https://twitter.com/g33konaut">@g33konaut</a> ·
126
+ Website: <a href="http://geekonaut.de">http://geekonaut.de</a>
127
+ </p>
128
+
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </div>
133
+
134
+ <!-- /Content type 1 -->
135
+ <div class="content">
136
+ <div class="container">
137
+ <div class="row">
138
+ <div class="col-md-12">
139
+ <h4 class="sub-header border">Our Sponsors</h4>
140
+ </div>
141
+ <!-- Top level sponsorship get col-6 -->
142
+ <div class="row">
143
+ <!-- Executive Producer/Platinum -->
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+
167
+ </div>
168
+ <!-- Second level sponsorship get col-4 -->
169
+ <div class="row">
170
+ <!-- Associate Producer/Gold -->
171
+
172
+
173
+
174
+
175
+
176
+
177
+
178
+
179
+
180
+
181
+
182
+
183
+ <div class="col-sm-6 col-sm-offset-3 col-xs-12 newsponsor">
184
+ <a href="https://www.nexmo.com/">
185
+ <img src="/assets/img/nexmo.png" width="100%" />
186
+ <div class="sponsor-name">Nexmo</div>
187
+ <div class="sponsor-meta">Associate Producer</div>
188
+ </a>
189
+ </div>
190
+
191
+
192
+
193
+
194
+
195
+
196
+
197
+
198
+
199
+
200
+
201
+
202
+ </div>
203
+ <!-- Rest sponsorship get col-3 -->
204
+ <div class="row">
205
+ <!-- Assistant Producer/Silver -->
206
+
207
+
208
+ <div class="col-sm-3 newsponsor">
209
+ <a href="https://www.algolia.com/">
210
+ <img src="/assets/img/algolia.png" width="100%" />
211
+ <div class="sponsor-name smaller">Algolia</div>
212
+ <div class="sponsor-meta smaller">Assistant Producer</div>
213
+ </a>
214
+ </div>
215
+
216
+
217
+
218
+ <div class="col-sm-3 newsponsor">
219
+ <a href="https://www.contentful.com/">
220
+ <img src="/assets/img/contentful.jpg" width="100%" />
221
+ <div class="sponsor-name smaller">Contentful</div>
222
+ <div class="sponsor-meta smaller">Assistant Producer</div>
223
+ </a>
224
+ </div>
225
+
226
+
227
+
228
+ <div class="col-sm-3 newsponsor">
229
+ <a href="https://improbable.io">
230
+ <img src="/assets/img/improbable.png" width="100%" />
231
+ <div class="sponsor-name smaller">Improbable</div>
232
+ <div class="sponsor-meta smaller">Assistant Producer</div>
233
+ </a>
234
+ </div>
235
+
236
+
237
+
238
+ <div class="col-sm-3 newsponsor">
239
+ <a href="">
240
+ <img src="/assets/img/microsoft.png" width="100%" />
241
+ <div class="sponsor-name smaller">Microsoft</div>
242
+ <div class="sponsor-meta smaller">Assistant Producer</div>
243
+ </a>
244
+ </div>
245
+
246
+
247
+
248
+ <div class="col-sm-3 newsponsor">
249
+ <a href="https://www.mozilla.org">
250
+ <img src="/assets/img/mozilla.png" width="100%" />
251
+ <div class="sponsor-name smaller">Mozilla</div>
252
+ <div class="sponsor-meta smaller">Assistant Producer</div>
253
+ </a>
254
+ </div>
255
+
256
+
257
+
258
+
259
+
260
+ <div class="col-sm-3 newsponsor">
261
+ <a href="https://www.packtpub.com/mapt">
262
+ <img src="/assets/img/packt.png" width="100%" />
263
+ <div class="sponsor-name smaller">Mapt - Powered by Packt</div>
264
+ <div class="sponsor-meta smaller">Assistant Producer</div>
265
+ </a>
266
+ </div>
267
+
268
+
269
+
270
+
271
+
272
+
273
+
274
+ <div class="col-sm-3 newsponsor">
275
+ <a href="https://pusher.com">
276
+ <img src="/assets/img/pusher.png" width="100%" />
277
+ <div class="sponsor-name smaller">Pusher</div>
278
+ <div class="sponsor-meta smaller">Assistant Producer</div>
279
+ </a>
280
+ </div>
281
+
282
+
283
+
284
+
285
+ </div>
286
+ <!-- Rest sponsorship get col-3 -->
287
+ <div class="row">
288
+ <!-- Coordinating Producer/Bronze -->
289
+ <div class="col-sm-2">
290
+ </div>
291
+
292
+
293
+
294
+
295
+
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+ <div class="col-sm-3 newsponsor">
308
+ <a href="https://pebble.com">
309
+ <img src="/assets/img/pebble.png" width="100%" />
310
+ </a>
311
+ </div>
312
+
313
+
314
+
315
+ <div class="col-sm-3 newsponsor">
316
+ <a href="http://www.proactive.uk.net/">
317
+ <img src="/assets/img/proactive.png" width="100%" />
318
+ </a>
319
+ </div>
320
+
321
+
322
+
323
+
324
+
325
+ <div class="col-sm-3 newsponsor">
326
+ <a href="http://technicalteamsolutions.co.uk/">
327
+ <img src="/assets/img/technical-team-solutions.png" width="100%" />
328
+ </a>
329
+ </div>
330
+
331
+
332
+ </div>
333
+
334
+ </div>
335
+ </div>
336
+ </div>
337
+
338
+ <div id="footer">
339
+ <div class="container">
340
+ <div class="col-sm-6">
341
+ <img src="/assets/img/logo-small.png" />
342
+ <ul class="footer-nav">
343
+ <li><a href="/contact.html">Contact</a></li>
344
+ <li><a href="/credits.html">Credits</a></li>
345
+ <li>Created with Jekyll. Hosted on Github Pages</li>
346
+ <li>Registered company #09529922</li>
347
+ </ul>
348
+ </div>
349
+ <div class="col-sm-6 text-right">
350
+ <p>Following us on social media and joining out mail list.</p>
351
+ <p>Twitter: <a href="https://twitter.com/hackferencebrum">@hackference</a>, Facebook: <a href="https://www.facebook.com/hackference">hackference</a>, Github: <a href="https://github.com/hackference/hackference-2016">Hackference</a></p>
352
+ <form action="//hackference.us10.list-manage.com/subscribe/post?u=6d8df0266d881f193098c49f0&amp;id=973bd1522a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline footer-form" target="_blank" novalidate="" style="margin-top: 40px;">
353
+ <div id="mc_embed_signup_scroll">
354
+ <div class="input-group">
355
+ <div id="mce-responses" class="clear">
356
+ <div class="response" id="mce-error-response" style="display:none"></div>
357
+ <div class="response" id="mce-success-response" style="display:none"></div>
358
+ </div>
359
+ <input type="email" value="" name="EMAIL" class="required email form-control col-md-10" placeholder="Email Address" id="mce-EMAIL" />
360
+ <div style="position: absolute; left: -5000px;"><input type="text" name="b_6d8df0266d881f193098c49f0_973bd1522a" tabindex="-1" value="" /></div>
361
+ <span class="input-group-btn">
362
+ <button class="btn btn-subscribe" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
363
+ </span>
364
+ </div><!-- /input-group -->
365
+ </div>
366
+ </form>
367
+ </div>
368
+
369
+ </div>
370
+ </div>
371
+
372
+ <!-- Latest compiled and minified JavaScript -->
373
+ <script src="/code.jquery.com/jquery-1.12.3.min.js"></script>
374
+ <script async="" src="/platform.twitter.com/widgets.js" charset="utf-8"></script>
375
+ <script src="/cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.7/jquery.slicknav.min.js"></script>
376
+ <script>
377
+ $(function () {
378
+ $('#menu').slicknav({
379
+ prependTo: '#header',
380
+ label: 'Menu',
381
+ });
382
+ $('.slicknav_btn').on('click', function () {
383
+ //-- Scroll to top of page
384
+ $('html, body').animate({
385
+ scrollTop: ($(this).offset().top - 90) + 'px',
386
+ }, 'slow');
387
+ });
388
+ });
389
+ </script>
390
+ <script>
391
+ $(function () {
392
+ $('body').on('click', '#tito-hackference-hackference-2016-1-show-discount-code a', function() {
393
+ $('#tito-hackference-hackference-2016-1-edit-discount-code').toggle();
394
+ });
395
+ });
396
+ </script>
397
+
398
+ <!-- GoSquared -->
399
+ <script>!function(g,s,q,r,d){r=g[r]=g[r]||function(){(r.q=r.q||[]).push(arguments)};d=s.createElement(q);q=s.getElementsByTagName(q)[0];d.src='//d1l6p2sc9645hc.cloudfront.net/tracker.js';q.parentNode.insertBefore(d,q)}(window,document,'script','_gs');_gs('GSN-309350-E');</script>
400
+
401
+ </div></body>
402
+ </html>