-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1467 lines (1255 loc) · 181 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
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8"/>
<!--
'+++' -++/++++++++++++++++++++++++++++++++-
-+:` `-++sdNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
`` `-++sdNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
`-++sdNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
.++sdNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
-smNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+
+NNNNNNNNNNNNNNNNNNNysssdNNNNNhso++oymNNNNNN+
+NNNNNNNNNNNNNNNNNNN+...sNNNh:........+mNNNN+
+NNNNNNNNNNNNNNNNNNN+...sNNd...-ydds-+hmNNNN+
+NNNNNNNNNNNNNNNNNNN/...sNNd...-hNNNNNNNNNNN+ `:/++/- `:osso-
+NNNNNNNNNNNNNNNNNNN/...sNNNs....-/oymNNNNNN+ .yNmysyNNh` :mNy//+.
+NNNNNNNNNNNNNNNNNNN/...sNNNNdo:....../hNNNN+ hNm. ymd. :oyhhy+` .yy+.oyhy- /yydNNhyys
+NNNNNNNNNNNNNNNNNNN+...sNNNNNNNmhs/....hNNN+ .NNy `dNd/-/mNd /NNh+:+NNh -:/NNd:::-
+NNNNNNNNNNNNNdyNNNN/...yNNmhohNNNNNo...+NNN+ /NN/ `` +NN/ `mNd yNN. -NNo :NN+
+NNNNNNNNNNNy:..:os+...-dNd:.../oss+-...yNNN+ sNN: sNm: hNN. :NNo `mNd +NN: sNN-
+NNNNNNNNNNNNs:......./dNNNmo:.......-/hNNNN+ -dNmhhmNd: /mNdyymms` :NNo hNm` dNm
+NNNNNNNNNNNNNNmhyyyhmNNNNNNNNmhyyyhdmNNNNNN+ .::::. `-:::-` .::` +++ .NNs
+NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN+ /mm/
`+++++++++++++++++++++++++++++++++++++++++++`
-->
<title>JSConf Buenos Aires - Conferences for the Javascript Community</title>
<meta name="description" content="JSConf Argentina will be a full day event on November 29th, with programmers and designers from all over the world" />
<meta name="keywords" content="jsconf, javascript, conference, development, buenos aires, argentina, programming" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="author" content="Aerolab" />
<meta name="geo.region" content="AR" />
<link rel="canonical" href="https://www.jsconfar.com" />
<!-- Facebook Stuff -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="JSConf Argentina" />
<meta property="og:title" content="JSConf Buenos Aires 2014" />
<meta property="og:description" content="JSConf Argentina will be a full day event on November 29th, with programmers and designers from all over the world" />
<meta property="og:image" content="https://www.jsconfar.com/static/images/social/jsconfar-facebook.png" />
<meta property="og:url" content="https://www.jsconfar.com" />
<meta property="fb:app_id" content="851866321490729" />
<!-- Twitter Stuff -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@jsconfar" />
<meta property="twitter:title" content="JSConf Buenos Aires 2014" />
<meta property="twitter:description" content="JSConf Argentina will be a full day event on November 29th, with programmers and designers from all over the world" />
<meta property="twitter:image" content="https://www.jsconfar.com/static/images/social/jsconfar-twitter.png" />
<meta property="twitter:url" content="https://www.jsconfar.com" />
<link rel="icon" href="static/styles/images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="static/styles/images/favicon.png" type="image/png" />
<link rel="stylesheet" href="static/styles/styles.css?201411290200" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#FFC20D" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="static/styles/styles-ie.css"/>
<![endif]-->
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
<meta name="apple-mobile-web-app-capable" content="no" />
<script type="text/javascript">
(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-30114730-1', 'jsconfar.com');
ga('require', 'displayfeatures');
ga('require', 'linkid', 'linkid.js');
ga('require', 'ecommerce');
ga('send', 'pageview');
</script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10"/>
</head>
<body>
<script>
// Inject some CSS if the conference is active
var streamActive = false;
var streamingStart = Date.UTC(2014, 10, 29, 11, 00);
var streamingEnd = Date.UTC(2014, 10, 29, 23, 59);
function recheckStreamingTime() {
var nowTime = new Date();
streamActive = nowTime >= streamingStart && nowTime <= streamingEnd;
if( streamActive ) {
document.getElementsByTagName('body')[0].className = 'streaming';
} else {
document.getElementsByTagName('body')[0].className = 'no-streaming';
}
}
recheckStreamingTime();
</script>
<main>
<header class="section-header">
<div class="intro-holder">
<div id="game-holder">
<!--
<img src="static/game_assets/dance/2.gif" height="200" style="left: 20px;" />
<img src="static/game_assets/dance/3.gif" height="200" style="left: 500px;" />
-->
<img class="dancer" src="static/game_assets/dance/4.gif" height="200" style="right: 20px; display:none;" />
<div id="invaders-game"></div>
<div id="game-score">
<div id="game-score-text">0</div>
<p>score</p>
<div class="game-friends-title">It's Multiplayer!</div>
<div class="game-friends-text">Tell your friends!</div>
</div>
<div id="game-progress">
<div id="game-progress-bar">Next Level</div>
</div>
<div id="game-instructions">
Move with the Arrow Keys or WASD
<br/>
Shoot with Space
<br/>
Have Fun!
</div>
<div id="game-friends">
</div>
<div id="game-over">
<div class="game-ui-container">
<div class="game-over">
<div class="game-over-title">Game Over</div>
<div class="game-over-text">
<div id="game-over-text">Game Over</div>
<div class="game-over-share">
<a class="share-twitter" href="https://twitter.com" target="_blank"><tw></a>
<a class="share-facebook" href="https://www.facebook.com" target="_blank"><fb></a>
</div>
</div>
<div class="game-over-continue">Press Space to Restart</div>
</div>
</div>
</div>
<div id="game-overlay">
<div class="game-ui-container">
<div class="game-signup" id="game-signup">
<figure>
<img src="static/game_assets/ui/cartridge.png" width="399" height="380" alt="Attack of the Drones" />
<div class="game-title">Fight for Javascript and Stuff</div>
<div class="game-detail">Built with Phaser.JS + Socket.io</div>
</figure>
<form action="" onsubmit="return tryToStartGame();" disabled>
<input type="text" name="name" value="" placeholder="Your Superhero name" maxlength="24" required />
<button type="submit">Play Now!</button>
</form>
</div>
</div>
</div>
</div>
<div id="header-content" class="container" itemscope="itemscope" itemtype="http://schema.org/Event">
<h1 class="sprite logo wow animated fadeInDown"><span class="screenreader">JSConf</span></h1>
<address class="wow animated fadeInUp" data-wow-delay="1s">
<time datetime="2014-11-29T09:00-03:00">
<span class="icon icon-date"></span>
November 29
</time>
<span class="adr">
<span class="icon icon-place"></span>
<span class="street-address">Buenos Aires</span>
</span>
</address>
<meta itemprop="url" content="https://www.jsconfar.com"/>
<meta itemprop="startDate" content="2014-11-29"/>
<meta itemprop="image" content="static/images/jsconf_argentina_logo.png"/>
<div class="hello wow animated fadeInUp" data-wow-delay="1.5s">Hello Bs As!</div>
<code><script src="JSConf2014.js"></script></code>
<form class="signup-form" action="https://devthought.us4.list-manage.com/subscribe/post?u=33875ea2facba4ce8d8bc0d66&id=8c9110b9d4" validate method="post" target="_blank">
<div class="input-group">
<input type="email" name="EMAIL" value="" placeholder="Keep me posted about JSConf News" required />
<span class="submit"><button type="submit"><span class="icon icon-send-yellow"></span></button></span>
</div>
<input type="hidden" name="b_33875ea2facba4ce8d8bc0d66_8c9110b9d4" tabindex="-1" value="">
<input type="hidden" name="subscribe" value="Subscribe" />
</form>
<div class="main-menu">
<div class="tickets">
<a class="button button-primary button-game" href="#">
<span class="icon icon-game"></span>
Play Game
</a>
</div>
<div class="video">
<a class="button button-secondary button-watch" href="https://www.youtube.com/watch?v=I4VkZ5H9PE8" target="_blank">
<span class="icon icon-video"></span>
Watch Video
</a>
</div>
</div>
</div>
<div id="stream" class="container">
<div class="heading">
<a href="https://www.jsconfar.com" class="jsconf">JSConf Argentina 2014</a>
<!--<a href="#" class="closeStream">close stream</a>-->
</div>
<div class="realTime" st>
<iframe width="720" id="video" height="405" src="https://www.youtube.com/embed/I4VkZ5H9PE8?version=3&enablejsapi=1" frameborder="0" allowfullscreen style="background:#000;"></iframe>
<div class="dashboard">
<div class="current">
<div class="break coffee">
<h3> is powered by</h3>
<a href="#" class="sponsor">Sponsor</a>
</div>
<div class="person">
<div class="social">
<img src="static/images/speakers/sara-chipps.jpg" alt="" class="avatar">
<div class="share">
<a target="_blank" href="http://twitter.com/share?text=Watching%20the%20JSConf%20Argentina%20Live%20Stream&url=https://www.jsconfar.com" class="share-btn tw"><share on tw /></a>
<a target="_blank" href="http://www.facebook.com/sharer.php?u=https://www.jsconfar.com&t=Watching%20the%20JSConf%20Argentina%20Live%20Stream" class="share-btn fb"><share on fb /></a>
</div>
</div>
<div class="info">
<h2>How I learned to Code by Making 180 websites in 180 days</h2>
<h3>_Sara Chipps</h3>
<a href="#">@sarachipps</a>
</div>
</div>
</div>
<div class="next">
<h4>_up next</h4>
<h2>Building a Distributed Data Ingestion System with RabbitMQ</h2>
<h3>_Álvaro Videla</h3>
</div>
</div>
</div>
</div>
</div>
<div class="illustration-holder">
<div class="illustration">
<!-- Planetarium animation -->
<div class="planetarium">
<svg id="planeatrium" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 110.8 85.2" enable-background="new 0 0 110.8 85.2" xml:space="preserve"> <polygon fill="#00C2D3" points="27.2,58.5 81.2,58.5 71.4,68.5 36.4,68.5 "/> <polygon fill="#008794" points="73.1,67.3 40,58.5 81.9,58.5 "/> <path fill="#0E374E" d="M71.8,69.5H36l-11.1-12h58.7L71.8,69.5z M36.9,67.5H71l7.8-8H29.5L36.9,67.5z"/> <path fill="#224861" d="M10.7,44.5C10.7,18.5,30.2,1,54.2,1s43.5,17.5,43.5,43.5H10.7z"/> <defs><clipPath id="light-mask"> <path d="M10.7,44.5C10.7,18.5,30.2,1,54.2,1s43.5,17.5,43.5,43.5H10.7z"></path> </clipPath></defs> <g id="lights" clip-path="url(#light-mask)"> <g id="color-lights1" style="transform: translateX(0px)"> <polygon fill="#FF0000" points="102.2,30 100.2,30 100.2,28 97.2,28 97.2,30 95.2,30 95.2,33 97.2,33 97.2,35 100.2,35 100.2,33 102.2,33 "/> <polygon fill="#FF9900" points="121.2,30 119.2,30 119.2,28 116.2,28 116.2,30 114.2,30 114.2,33 116.2,33 116.2,35 119.2,35 119.2,33 121.2,33 "/> <polygon fill="#33FF00" points="111.7,44 109.7,44 109.7,42 106.7,42 106.7,44 104.7,44 104.7,47 106.7,47 106.7,49 109.7,49 109.7,47 111.7,47 "/> <polygon fill="#FF0000" points="130.7,44 128.7,44 128.7,42 125.7,42 125.7,44 123.7,44 123.7,47 125.7,47 125.7,49 128.7,49 128.7,47 130.7,47 "/> <polygon fill="#0099FF" points="102.2,2 100.2,2 100.2,0 97.2,0 97.2,2 95.2,2 95.2,5 97.2,5 97.2,7 100.2,7 100.2,5 102.2,5 "/> <polygon fill="#FFFF00" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#6633FF" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FF9900" points="83.2,2 81.2,2 81.2,0 78.2,0 78.2,2 76.2,2 76.2,5 78.2,5 78.2,7 81.2,7 81.2,5 83.2,5 "/> <polygon fill="#FF0000" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#33FF00" points="64,30 62,30 62,28 59,28 59,30 57,30 57,33 59,33 59,35 62,35 62,33 64,33 "/> <polygon fill="#0099FF" points="83,30 81,30 81,28 78,28 78,30 76,30 76,33 78,33 78,35 81,35 81,33 83,33 "/> <polygon fill="#FF0000" points="73.5,44 71.5,44 71.5,42 68.5,42 68.5,44 66.5,44 66.5,47 68.5,47 68.5,49 71.5,49 71.5,47 73.5,47 "/> <polygon fill="#FF9900" points="92.5,44 90.5,44 90.5,42 87.5,42 87.5,44 85.5,44 85.5,47 87.5,47 87.5,49 90.5,49 90.5,47 92.5,47 "/> <polygon fill="#FFFF00" points="64,2 62,2 62,0 59,0 59,2 57,2 57,5 59,5 59,7 62,7 62,5 64,5 "/> <polygon fill="#6633FF" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#FF0000" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FF9900" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#0099FF" points="45,2 43,2 43,0 40,0 40,2 38,2 38,5 40,5 40,7 43,7 43,5 45,5 "/> <polygon fill="#FF9900" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#33FF00" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FFFF00" points="26,30 24,30 24,28 21,28 21,30 19,30 19,33 21,33 21,35 24,35 24,33 26,33 "/> <polygon fill="#FF0000" points="45,30 43,30 43,28 40,28 40,30 38,30 38,33 40,33 40,35 43,35 43,33 45,33 "/> <polygon fill="#0099FF" points="35.5,44 33.5,44 33.5,42 30.5,42 30.5,44 28.5,44 28.5,47 30.5,47 30.5,49 33.5,49 33.5,47 35.5,47 "/> <polygon fill="#6633FF" points="54.5,44 52.5,44 52.5,42 49.5,42 49.5,44 47.5,44 47.5,47 49.5,47 49.5,49 52.5,49 52.5,47 54.5,47 "/> <polygon fill="#33FF00" points="26,2 24,2 24,0 21,0 21,2 19,2 19,5 21,5 21,7 24,7 24,5 26,5 "/> <polygon fill="#0099FF" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FFFF00" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF0000" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FF0000" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF9900" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> </g> <g id="color-lights2" style="transform: translateX(114px)"> <polygon fill="#FF0000" points="102.2,30 100.2,30 100.2,28 97.2,28 97.2,30 95.2,30 95.2,33 97.2,33 97.2,35 100.2,35 100.2,33 102.2,33 "/> <polygon fill="#FF9900" points="121.2,30 119.2,30 119.2,28 116.2,28 116.2,30 114.2,30 114.2,33 116.2,33 116.2,35 119.2,35 119.2,33 121.2,33 "/> <polygon fill="#33FF00" points="111.7,44 109.7,44 109.7,42 106.7,42 106.7,44 104.7,44 104.7,47 106.7,47 106.7,49 109.7,49 109.7,47 111.7,47 "/> <polygon fill="#FF0000" points="130.7,44 128.7,44 128.7,42 125.7,42 125.7,44 123.7,44 123.7,47 125.7,47 125.7,49 128.7,49 128.7,47 130.7,47 "/> <polygon fill="#0099FF" points="102.2,2 100.2,2 100.2,0 97.2,0 97.2,2 95.2,2 95.2,5 97.2,5 97.2,7 100.2,7 100.2,5 102.2,5 "/> <polygon fill="#FFFF00" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#6633FF" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FF9900" points="83.2,2 81.2,2 81.2,0 78.2,0 78.2,2 76.2,2 76.2,5 78.2,5 78.2,7 81.2,7 81.2,5 83.2,5 "/> <polygon fill="#FF0000" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#33FF00" points="64,30 62,30 62,28 59,28 59,30 57,30 57,33 59,33 59,35 62,35 62,33 64,33 "/> <polygon fill="#0099FF" points="83,30 81,30 81,28 78,28 78,30 76,30 76,33 78,33 78,35 81,35 81,33 83,33 "/> <polygon fill="#FF0000" points="73.5,44 71.5,44 71.5,42 68.5,42 68.5,44 66.5,44 66.5,47 68.5,47 68.5,49 71.5,49 71.5,47 73.5,47 "/> <polygon fill="#FF9900" points="92.5,44 90.5,44 90.5,42 87.5,42 87.5,44 85.5,44 85.5,47 87.5,47 87.5,49 90.5,49 90.5,47 92.5,47 "/> <polygon fill="#FFFF00" points="64,2 62,2 62,0 59,0 59,2 57,2 57,5 59,5 59,7 62,7 62,5 64,5 "/> <polygon fill="#6633FF" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#FF0000" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FF9900" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#0099FF" points="45,2 43,2 43,0 40,0 40,2 38,2 38,5 40,5 40,7 43,7 43,5 45,5 "/> <polygon fill="#FF9900" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#33FF00" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FFFF00" points="26,30 24,30 24,28 21,28 21,30 19,30 19,33 21,33 21,35 24,35 24,33 26,33 "/> <polygon fill="#FF0000" points="45,30 43,30 43,28 40,28 40,30 38,30 38,33 40,33 40,35 43,35 43,33 45,33 "/> <polygon fill="#0099FF" points="35.5,44 33.5,44 33.5,42 30.5,42 30.5,44 28.5,44 28.5,47 30.5,47 30.5,49 33.5,49 33.5,47 35.5,47 "/> <polygon fill="#6633FF" points="54.5,44 52.5,44 52.5,42 49.5,42 49.5,44 47.5,44 47.5,47 49.5,47 49.5,49 52.5,49 52.5,47 54.5,47 "/> <polygon fill="#33FF00" points="26,2 24,2 24,0 21,0 21,2 19,2 19,5 21,5 21,7 24,7 24,5 26,5 "/> <polygon fill="#0099FF" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FFFF00" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF0000" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FF0000" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF9900" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> </g> <g id="color-lights3" style="transform: translateX(114px)"> <polygon fill="#FF0000" points="102.2,30 100.2,30 100.2,28 97.2,28 97.2,30 95.2,30 95.2,33 97.2,33 97.2,35 100.2,35 100.2,33 102.2,33 "/> <polygon fill="#FF9900" points="121.2,30 119.2,30 119.2,28 116.2,28 116.2,30 114.2,30 114.2,33 116.2,33 116.2,35 119.2,35 119.2,33 121.2,33 "/> <polygon fill="#33FF00" points="111.7,44 109.7,44 109.7,42 106.7,42 106.7,44 104.7,44 104.7,47 106.7,47 106.7,49 109.7,49 109.7,47 111.7,47 "/> <polygon fill="#FF0000" points="130.7,44 128.7,44 128.7,42 125.7,42 125.7,44 123.7,44 123.7,47 125.7,47 125.7,49 128.7,49 128.7,47 130.7,47 "/> <polygon fill="#0099FF" points="102.2,2 100.2,2 100.2,0 97.2,0 97.2,2 95.2,2 95.2,5 97.2,5 97.2,7 100.2,7 100.2,5 102.2,5 "/> <polygon fill="#FFFF00" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#6633FF" points="111.7,16 109.7,16 109.7,14 106.7,14 106.7,16 104.7,16 104.7,19 106.7,19 106.7,21 109.7,21 109.7,19 111.7,19 "/> <polygon fill="#FF9900" points="83.2,2 81.2,2 81.2,0 78.2,0 78.2,2 76.2,2 76.2,5 78.2,5 78.2,7 81.2,7 81.2,5 83.2,5 "/> <polygon fill="#FF0000" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#FFFF00" points="92.7,16 90.7,16 90.7,14 87.7,14 87.7,16 85.7,16 85.7,19 87.7,19 87.7,21 90.7,21 90.7,19 92.7,19 "/> <polygon fill="#33FF00" points="64,30 62,30 62,28 59,28 59,30 57,30 57,33 59,33 59,35 62,35 62,33 64,33 "/> <polygon fill="#0099FF" points="83,30 81,30 81,28 78,28 78,30 76,30 76,33 78,33 78,35 81,35 81,33 83,33 "/> <polygon fill="#FF0000" points="73.5,44 71.5,44 71.5,42 68.5,42 68.5,44 66.5,44 66.5,47 68.5,47 68.5,49 71.5,49 71.5,47 73.5,47 "/> <polygon fill="#FF9900" points="92.5,44 90.5,44 90.5,42 87.5,42 87.5,44 85.5,44 85.5,47 87.5,47 87.5,49 90.5,49 90.5,47 92.5,47 "/> <polygon fill="#FFFF00" points="64,2 62,2 62,0 59,0 59,2 57,2 57,5 59,5 59,7 62,7 62,5 64,5 "/> <polygon fill="#6633FF" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#FF0000" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FF9900" points="73.5,16 71.5,16 71.5,14 68.5,14 68.5,16 66.5,16 66.5,19 68.5,19 68.5,21 71.5,21 71.5,19 73.5,19 "/> <polygon fill="#0099FF" points="45,2 43,2 43,0 40,0 40,2 38,2 38,5 40,5 40,7 43,7 43,5 45,5 "/> <polygon fill="#FF9900" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#33FF00" points="54.5,16 52.5,16 52.5,14 49.5,14 49.5,16 47.5,16 47.5,19 49.5,19 49.5,21 52.5,21 52.5,19 54.5,19 "/> <polygon fill="#FFFF00" points="26,30 24,30 24,28 21,28 21,30 19,30 19,33 21,33 21,35 24,35 24,33 26,33 "/> <polygon fill="#FF0000" points="45,30 43,30 43,28 40,28 40,30 38,30 38,33 40,33 40,35 43,35 43,33 45,33 "/> <polygon fill="#0099FF" points="35.5,44 33.5,44 33.5,42 30.5,42 30.5,44 28.5,44 28.5,47 30.5,47 30.5,49 33.5,49 33.5,47 35.5,47 "/> <polygon fill="#6633FF" points="54.5,44 52.5,44 52.5,42 49.5,42 49.5,44 47.5,44 47.5,47 49.5,47 49.5,49 52.5,49 52.5,47 54.5,47 "/> <polygon fill="#33FF00" points="26,2 24,2 24,0 21,0 21,2 19,2 19,5 21,5 21,7 24,7 24,5 26,5 "/> <polygon fill="#0099FF" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FFFF00" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF0000" points="35.5,16 33.5,16 33.5,14 30.5,14 30.5,16 28.5,16 28.5,19 30.5,19 30.5,21 33.5,21 33.5,19 35.5,19 "/> <polygon fill="#FF0000" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> <polygon fill="#FF9900" points="16.5,16 14.5,16 14.5,14 11.5,14 11.5,16 9.5,16 9.5,19 11.5,19 11.5,21 14.5,21 14.5,19 16.5,19 "/> </g> </g> <path fill="#0E374E" d="M98.5,45.5h-89v-1c0-12.6,4.7-24.1,13.1-32.2C30.8,4.4,42,0,54.1,0s23.2,4.4,31.4,12.3 c8.4,8.1,13,19.6,13,32.2V45.5z M11.7,43.5h85C96.2,19.4,78.5,2,54.2,2S12.2,19.4,11.7,43.5z"/> <rect x="26.5" y="68.5" fill="#224861" width="53" height="11"/> <path fill="#0E374E" d="M80.5,80.5h-55v-13h55V80.5z M27.5,78.5h51v-9h-51V78.5z"/> <g> <path fill="#224861" d="M27.8,58.5C13,58.5,1,69.7,1,84.5h7.8c0-14.8,12-26,26.8-26H27.8z"/> <path fill="#0E374E" d="M9.8,85.5H0v-1c0-15.1,12.2-27,27.8-27h7.8v2c-14.4,0-25.8,11-25.8,25V85.5z M2,83.5h5.8 c0.4-10.8,7-19.8,16.5-23.8C11.9,61.2,2.5,71.1,2,83.5z"/> </g> <g> <path fill="#224861" d="M83,58.5c14.8,0,26.8,10.2,26.8,26H102c0-15.8-12-26-26.8-26H83z"/> <path fill="#0E374E" d="M110.8,85.5H101v-1c0-14.5-10.8-25-25.8-25v-2H83c16.1,0,27.8,11.4,27.8,27V85.5z M103,83.5h5.8 c-0.4-12.7-9.3-22.1-21.8-23.7C96.4,63.7,102.6,72.5,103,83.5z"/> </g> <rect x="7.5" y="44.5" fill="#224861" width="92" height="14"/> <path fill="#0E374E" d="M100.5,59.5h-94v-16h94V59.5z M8.5,57.5h90v-12h-90V57.5z"/> <g> <g> <rect x="95" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="91" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="87" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="83" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="79" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="75" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="71" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="67" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="63" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="59" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="55" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="51" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="47" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="43" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="39" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="35" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="31" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="27" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="23" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="19" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="15" y="45.5" fill="#0E374E" width="2" height="12"/> </g> <g> <rect x="11" y="45.5" fill="#0E374E" width="2" height="12"/> </g> </g> </svg> <div class="rainbows"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>
<audio id="nyancataudio" loop="loop" src="static/images/nyancat.ogg"></audio>
</div>
<!-- Obelisk Animation -->
<div class="obelisk-group clearfix">
<div class="obelisk"></div>
<div class="wings-obelisk">
<div class="wing-left">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.1 53.3" enable-background="new 0 0 57.1 53.3" xml:space="preserve"><g display="none"><g display="inline"><path fill="#F1D000" d="M2.9,67c-0.5-1-5.1-9.6-2.8-13.6c0.5-0.9,1.7-2,4.1-2c2.4,0,3.5,1.1,4,2c2.2,4-3.1,12.7-3.7,13.7l-0.9,1.4L2.9,67z"/><path fill="#08374A" d="M4.3,52.3c8.3,0-0.5,14.1-0.5,14.1S-4,52.3,4.3,52.3 M4.3,50.3c-2.9,0-4.3,1.4-5,2.5c-2.6,4.4,1.8,12.9,2.7,14.6l1.6,3l1.8-2.9c1-1.7,6.1-10.3,3.7-14.7C8.6,51.7,7.2,50.3,4.3,50.3L4.3,50.3z"/></g><g display="inline"><path fill="#E1B900" d="M4,61.5c0,0,5.7-9.1,0.3-9.1S4,61.5,4,61.5z"/></g></g><g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="39.7" y1="10.6" x2="39.7" y2="2"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="42.3" y1="2" x2="37.2" y2="2"/></g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="21.5" y1="17.5" x2="21.5" y2="8.9"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="24" y1="8.9" x2="19" y2="8.9"/></g><polygon fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="55,46 7.7,46 7.7,23.2 56.1,4.2 "/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1570.2878" y1="45.2918" x2="-1549.5376" y2="24.5415" gradientTransform="matrix(-1 0 0 1 -1555.5791 0)"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="1" y="17.5" fill="url(#SVGID_1_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon opacity="0.2" fill="#4E440C" points="50,45.6 55,5.8 55,46 "/><polygon opacity="0.2" fill="#4E440C" points="7.7,46 7.7,23.2 13.2,45.6 "/><path fill="#08374A" d="M41.5,34.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C41.4,36,41.7,35.3,41.5,34.1z M30.5,25.2l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C30.5,30.3,30.5,27.8,30.5,25.2z"/><line fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="4.3" y1="17.5" x2="4.3" y2="12.5"/></g><g display="none"><g display="inline"><path fill="#F1D000" d="M136.3,67c-0.6-1-5.9-9.7-3.7-13.7c0.5-0.9,1.6-2,4-2c2.4,0,3.6,1.1,4.1,2c2.4,4-2.2,12.6-2.8,13.6l-0.8,1.5L136.3,67z"/><path fill="#08374A" d="M136.7,52.3c8.3,0,0.5,14.1,0.5,14.1S128.4,52.3,136.7,52.3 M136.7,50.3c-2.9,0-4.2,1.4-4.9,2.5c-2.5,4.4,2.6,13,3.7,14.7l1.8,2.9l1.6-3c0.9-1.7,5.3-10.2,2.7-14.6C141,51.7,139.6,50.3,136.7,50.3L136.7,50.3z"/></g><g display="inline"><path fill="#E1B900" d="M137,61.5c0,0-5.7-9.1-0.3-9.1S137,61.5,137,61.5z"/></g></g><g display="none"><g display="inline"><g><polygon fill="#C1DDE4" points="82,-110 71,-106 71,-124 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="63" y1="-111.0105" x2="63" y2="45.9895"><stop offset="0" style="stop-color:#BBD8D5"/><stop offset="1" style="stop-color:#FBFCFC"/></linearGradient><polygon fill="url(#SVGID_2_)" points="71,46 55,46 59,-111 71,-108 "/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="78.5" y1="-110.0105" x2="78.5" y2="45.9895"><stop offset="0" style="stop-color:#7AB8CE"/><stop offset="1" style="stop-color:#78B298"/></linearGradient><polygon fill="url(#SVGID_3_)" points="86,46 71,46 71,-107 82,-110 "/><polygon fill="#FFFFFF" points="60,-110 71,-107 71,-124 "/></g><g><rect x="74" y="36" fill="#65A58B" width="10" height="1"/><rect x="76" y="38" fill="#65A58B" width="7" height="1"/><rect x="74" y="40" fill="#65A58B" width="10" height="1"/></g></g><g display="inline"><path fill="#08374A" d="M70.6-123.6l10.8,15.2l4,154.2H55.5l4-154.2L70.6-123.6 M70.6-127l-1.6,2.2l-11.1,15.1l-0.4,0.5l0,0.6l-4,154.2l-0.1,2.2h2.1h29.8h2.1l-0.1-2.2l-4-154.2l0-0.6l-0.4-0.5l-10.8-15.1L70.6-127L70.6-127z"/></g></g><g display="none"><path display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M73.2,95.6c0,0,3.3-4.9,3-9.5c-0.2-3.1-3.5-6.4-6.7-5.2C66,82,65,86,65.5,89.3c0,0-6.1-1.9-7.2-8.8c-1.2-7,1.8-13.2,1.9-13.3c1.7-3.5-1.5-9-5.7-7c-3.8,1.8-4.2,8-2.9,11.4c0,0-6.1-4.4-3-17c3-12.6,20.9-12.3,20.9-12.3s14.9-0.9,22.1,11.6c0,0,5.1,10.7-2.1,17.5c0,0,2.6-8.8-3-8.6c-5.6,0.2-2.1,10.9-2.1,10.9S89.2,88.8,73.2,95.6z"/><path display="inline" fill="#E1B900" d="M71.2,75.6c0,0-3.4-3.1-2.8-8.5c0,0-1.4,2.7-3.7,4.3c0,0,0.3-4.5-1.5-9c-1.8-4.5-5.9-16.5,8.4-16.5c3.3,0,7,0.8,8.8,3.8c1.3,2,1.4,4.5,1.1,6.9c-0.3,2.3-1.3,4.2-2.1,6.3c-0.6,1.7-1.5,4.3-0.5,6c0,0-1.8,0-3.4-3.4C75.8,65.4,70,68.9,71.2,75.6z"/><path display="inline" fill="#F1D000" d="M71,60.8c0,0-8.3-14.1,0-14.1S71,60.8,71,60.8z"/><path display="inline" fill="#C9572B" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M76.1,140.9c0.2-2.5,2.8-5.6,3.4-8.3c0.8-3.3,0.7-6.8-0.3-10.1c-1.3-4.2-4.6-7.5-5.2-11.8c-3,5.8-5.8,13.2-2.5,19.4C73.3,133.5,75.7,137.5,76.1,140.9z"/><path display="inline" fill="#E1B900" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M65.8,125.9c0,0-4.9-5.1-3.5-13.5c0,0,0.3-5.7,5.4-9.6c0,0,1.1,5.7,0,11.6C67.7,114.4,65.2,123,65.8,125.9z"/></g><g display="none"><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="101.3" y1="10.6" x2="101.3" y2="2"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="98.7" y1="2" x2="103.8" y2="2"/></g><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="119.5" y1="17.5" x2="119.5" y2="8.9"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="117" y1="8.9" x2="122" y2="8.9"/></g><polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="86,46 133.3,46 133.3,23.2 84.9,4.2 "/><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="126.2912" y1="45.2918" x2="147.0415" y2="24.5415"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="133.3" y="17.5" display="inline" fill="url(#SVGID_4_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon display="inline" opacity="0.2" fill="#4E440C" points="91,45.6 86,5.8 86,46 "/><polygon display="inline" opacity="0.2" fill="#4E440C" points="133.3,46 133.3,23.2 127.8,45.6 "/><path display="inline" fill="#08374A" d="M118.7,34.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C118.7,36,118.9,35.3,118.7,34.1z M107.7,25.2l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C107.7,30.3,107.7,27.8,107.7,25.2z"/><line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="136.7" y1="17.5" x2="136.7" y2="12.5"/></g></svg>
</div>
<div class="wing-space"></div>
<div class="wing-right">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 57.1 53.3" enable-background="new 0 0 57.1 53.3" xml:space="preserve"><g display="none"><g display="inline"><path fill="#F1D000" d="M-80.9,67c-0.5-1-5.1-9.6-2.8-13.6c0.5-0.9,1.7-2,4.1-2c2.4,0,3.5,1.1,4,2c2.2,4-3.1,12.7-3.7,13.7l-0.9,1.4L-80.9,67z"/><path fill="#08374A" d="M-79.6,52.3c8.3,0-0.5,14.1-0.5,14.1S-87.9,52.3-79.6,52.3 M-79.6,50.3c-2.9,0-4.3,1.4-5,2.5c-2.6,4.4,1.8,12.9,2.7,14.6l1.6,3l1.8-2.9c1-1.7,6.1-10.3,3.7-14.7C-75.3,51.7-76.7,50.3-79.6,50.3L-79.6,50.3z"/></g><g display="inline"><path fill="#E1B900" d="M-79.9,61.5c0,0,5.7-9.1,0.3-9.1C-85,52.3-79.9,61.5-79.9,61.5z"/></g></g><g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-44.2" y1="10.6" x2="-44.2" y2="2"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-41.6" y1="2" x2="-46.7" y2="2"/></g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-62.4" y1="17.5" x2="-62.4" y2="8.9"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-59.8" y1="8.9" x2="-64.9" y2="8.9"/></g><polygon fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="-28.9,46 -76.2,46 -76.2,23.2 -27.8,4.2 "/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1654.1771" y1="45.2918" x2="-1633.4268" y2="24.5415" gradientTransform="matrix(-1 0 0 1 -1723.3575 0)"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="-82.9" y="17.5" fill="url(#SVGID_1_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon opacity="0.2" fill="#4E440C" points="-33.9,45.6 -28.9,5.8 -28.9,46 "/><polygon opacity="0.2" fill="#4E440C" points="-76.2,46 -76.2,23.2 -70.7,45.6 "/><path fill="#08374A" d="M-42.4,34.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-42.5,36-42.2,35.3-42.4,34.1z M-53.4,25.2l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-53.4,30.3-53.4,27.8-53.4,25.2z"/><line fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-79.6" y1="17.5" x2="-79.6" y2="12.5"/></g><g display="none"><g display="inline"><path fill="#F1D000" d="M52.4,67c-0.6-1-5.9-9.7-3.7-13.7c0.5-0.9,1.6-2,4-2c2.4,0,3.6,1.1,4.1,2c2.4,4-2.2,12.6-2.8,13.6l-0.8,1.5L52.4,67z"/><path fill="#08374A" d="M52.8,52.3c8.3,0,0.5,14.1,0.5,14.1S44.5,52.3,52.8,52.3 M52.8,50.3c-2.9,0-4.2,1.4-4.9,2.5c-2.5,4.4,2.6,13,3.7,14.7l1.8,2.9l1.6-3c0.9-1.7,5.3-10.2,2.7-14.6C57.1,51.7,55.7,50.3,52.8,50.3L52.8,50.3z"/></g><g display="inline"><path fill="#E1B900" d="M53.2,61.5c0,0-5.7-9.1-0.3-9.1S53.2,61.5,53.2,61.5z"/></g></g><g display="none"><g display="inline"><g><polygon fill="#C1DDE4" points="-1.9,-110 -12.9,-106 -12.9,-124 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-20.8892" y1="-111.0105" x2="-20.8892" y2="45.9895"><stop offset="0" style="stop-color:#BBD8D5"/><stop offset="1" style="stop-color:#FBFCFC"/></linearGradient><polygon fill="url(#SVGID_2_)" points="-12.9,46 -28.9,46 -24.9,-111 -12.9,-108 "/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-5.3892" y1="-110.0105" x2="-5.3892" y2="45.9895"><stop offset="0" style="stop-color:#7AB8CE"/><stop offset="1" style="stop-color:#78B298"/></linearGradient><polygon fill="url(#SVGID_3_)" points="2.1,46 -12.9,46 -12.9,-107 -1.9,-110 "/><polygon fill="#FFFFFF" points="-23.9,-110 -12.9,-107 -12.9,-124 "/></g><g><rect x="-9.9" y="36" fill="#65A58B" width="10" height="1"/><rect x="-7.9" y="38" fill="#65A58B" width="7" height="1"/><rect x="-9.9" y="40" fill="#65A58B" width="10" height="1"/></g></g><g display="inline"><path fill="#08374A" d="M-13.3-123.6l10.8,15.2l4,154.2h-29.8l4-154.2L-13.3-123.6 M-13.3-127l-1.6,2.2L-26-109.7l-0.4,0.5l0,0.6l-4,154.2l-0.1,2.2h2.1H1.5h2.1l-0.1-2.2l-4-154.2l0-0.6l-0.4-0.5l-10.8-15.1L-13.3-127L-13.3-127z"/></g></g><g display="none"><path display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-10.7,95.6c0,0,3.3-4.9,3-9.5c-0.2-3.1-3.5-6.4-6.7-5.2c-3.5,1.2-4.4,5.2-4,8.5c0,0-6.1-1.9-7.2-8.8c-1.2-7,1.8-13.2,1.9-13.3c1.7-3.5-1.5-9-5.7-7c-3.8,1.8-4.2,8-2.9,11.4c0,0-6.1-4.4-3-17c3-12.6,20.9-12.3,20.9-12.3S0.5,41.3,7.7,53.9c0,0,5.1,10.7-2.1,17.5c0,0,2.6-8.8-3-8.6S0.5,73.7,0.5,73.7S5.4,88.8-10.7,95.6z"/><path display="inline" fill="#E1B900" d="M-12.7,75.6c0,0-3.4-3.1-2.8-8.5c0,0-1.4,2.7-3.7,4.3c0,0,0.3-4.5-1.5-9c-1.8-4.5-5.9-16.5,8.4-16.5c3.3,0,7,0.8,8.8,3.8c1.3,2,1.4,4.5,1.1,6.9c-0.3,2.3-1.3,4.2-2.1,6.3c-0.6,1.7-1.5,4.3-0.5,6c0,0-1.8,0-3.4-3.4C-8.1,65.4-13.9,68.9-12.7,75.6z"/><path display="inline" fill="#F1D000" d="M-12.9,60.8c0,0-8.3-14.1,0-14.1S-12.9,60.8-12.9,60.8z"/><path display="inline" fill="#C9572B" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M-7.8,140.9c0.2-2.5,2.8-5.6,3.4-8.3c0.8-3.3,0.7-6.8-0.3-10.1c-1.3-4.2-4.6-7.5-5.2-11.8c-3,5.8-5.8,13.2-2.5,19.4C-10.5,133.5-8.2,137.5-7.8,140.9z"/><path display="inline" fill="#E1B900" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-18.1,125.9c0,0-4.9-5.1-3.5-13.5c0,0,0.3-5.7,5.4-9.6c0,0,1.1,5.7,0,11.6C-16.2,114.4-18.7,123-18.1,125.9z"/></g><g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="17.4" y1="10.6" x2="17.4" y2="2"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="14.8" y1="2" x2="19.9" y2="2"/></g><g><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="35.6" y1="17.5" x2="35.6" y2="8.9"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="33.1" y1="8.9" x2="38.2" y2="8.9"/></g><polygon fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="2.1,46 49.4,46 49.4,23.2 1,4.2 "/><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="42.402" y1="45.2918" x2="63.1523" y2="24.5415"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="49.4" y="17.5" fill="url(#SVGID_4_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon opacity="0.2" fill="#4E440C" points="7.1,45.6 2.1,5.8 2.1,46 "/><polygon opacity="0.2" fill="#4E440C" points="49.4,46 49.4,23.2 43.9,45.6 "/><path fill="#08374A" d="M34.8,34.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C34.8,36,35,35.3,34.8,34.1z M23.9,25.2l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C23.9,30.3,23.9,27.8,23.9,25.2z"/><line fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="52.8" y1="17.5" x2="52.8" y2="12.5"/></g></svg>
</div>
</div>
<div class="fires-obelisk">
<div class="fire_center shake shake-constant">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 47.7 100.6" enable-background="new 0 0 47.7 100.6" xml:space="preserve"> <g display="none"> <g display="inline"> <path fill="#F1D000" d="M-43.7,25.7c-0.5-1-5.1-9.6-2.8-13.6c0.5-0.9,1.7-2,4.1-2c2.4,0,3.5,1.1,4,2c2.2,4-3.1,12.7-3.7,13.7l-0.9,1.4L-43.7,25.7z"/> <path fill="#08374A" d="M-42.3,11.1c8.3,0-0.5,14.1-0.5,14.1S-50.6,11.1-42.3,11.1 M-42.3,9.1c-2.9,0-4.3,1.4-5,2.5c-2.6,4.4,1.8,12.9,2.7,14.6l1.6,3l1.8-2.9c1-1.7,6.1-10.3,3.7-14.7C-38.1,10.5-39.4,9.1-42.3,9.1L-42.3,9.1z"/> </g> <g display="inline"> <path fill="#E1B900" d="M-42.7,20.2c0,0,5.7-9.1,0.3-9.1S-42.7,20.2-42.7,20.2z"/> </g> </g> <g display="none"> <g display="inline"> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-6.9" y1="-30.7" x2="-6.9" y2="-39.2"/> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-4.4" y1="-39.2" x2="-9.5" y2="-39.2"/> </g> <g display="inline"> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-25.2" y1="-23.7" x2="-25.2" y2="-32.3"/> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-22.6" y1="-32.3" x2="-27.7" y2="-32.3"/> </g> <polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="8.3,4.8 -39,4.8 -39,-18.1 9.4,-37.1 "/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1616.9521" y1="4.0537" x2="-1596.2018" y2="-16.6967" gradientTransform="matrix(-1 0 0 1 -1648.9076 0)"> <stop offset="0" style="stop-color:#589777"/> <stop offset="0.4107" style="stop-color:#579677"/> <stop offset="0.6145" style="stop-color:#549178"/> <stop offset="0.7726" style="stop-color:#4E8879"/> <stop offset="0.9066" style="stop-color:#457D7A"/> <stop offset="1" style="stop-color:#3E717A"/> </linearGradient> <rect x="-45.7" y="-23.7" display="inline" fill="url(#SVGID_1_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/> <polygon display="inline" opacity="0.2" fill="#4E440C" points="3.3,4.4 8.3,-35.4 8.3,4.8 "/> <polygon display="inline" opacity="0.2" fill="#4E440C" points="-39,4.8 -39,-18.1 -33.5,4.4 "/> <path display="inline" fill="#08374A" d="M-5.2-7.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-5.3-5.2-5-5.9-5.2-7.1z M-16.2-16l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3C-23-5.9-23.7-5.4-24.5-5c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-16.2-11-16.2-13.5-16.2-16z"/> <line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-42.3" y1="-23.7" x2="-42.3" y2="-28.8"/> </g> <g display="none"> <g display="inline"> <path fill="#F1D000" d="M89.7,25.8c-0.6-1-5.9-9.7-3.7-13.7c0.5-0.9,1.6-2,4-2c2.4,0,3.6,1.1,4.1,2c2.4,4-2.2,12.6-2.8,13.6l-0.8,1.5L89.7,25.8z"/> <path fill="#08374A" d="M90,11.1c8.3,0,0.5,14.1,0.5,14.1S81.7,11.1,90,11.1 M90,9.1c-2.9,0-4.2,1.4-4.9,2.5c-2.5,4.4,2.6,13,3.7,14.7l1.8,2.9l1.6-3c0.9-1.7,5.3-10.2,2.7-14.6C94.3,10.5,92.9,9.1,90,9.1L90,9.1z"/> </g> <g display="inline"> <path fill="#E1B900" d="M90.4,20.2c0,0-5.7-9.1-0.3-9.1S90.4,20.2,90.4,20.2z"/> </g> </g> <g display="none"> <g display="inline"> <g> <polygon fill="#C1DDE4" points="35.3,-151.2 24.3,-147.2 24.3,-165.2 "/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="16.3358" y1="-152.2487" x2="16.3358" y2="4.7513"> <stop offset="0" style="stop-color:#BBD8D5"/> <stop offset="1" style="stop-color:#FBFCFC"/> </linearGradient> <polygon fill="url(#SVGID_2_)" points="24.3,4.8 8.3,4.8 12.3,-152.2 24.3,-149.2 "/> <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="31.8358" y1="-151.2487" x2="31.8358" y2="4.7513"> <stop offset="0" style="stop-color:#7AB8CE"/> <stop offset="1" style="stop-color:#78B298"/> </linearGradient> <polygon fill="url(#SVGID_3_)" points="39.3,4.8 24.3,4.8 24.3,-148.2 35.3,-151.2 "/> <polygon fill="#FFFFFF" points="13.3,-151.2 24.3,-148.2 24.3,-165.2 "/> </g> <g> <rect x="27.3" y="-5.2" fill="#65A58B" width="10" height="1"/> <rect x="29.3" y="-3.2" fill="#65A58B" width="7" height="1"/> <rect x="27.3" y="-1.2" fill="#65A58B" width="10" height="1"/> </g> </g> <g display="inline"> <path fill="#08374A" d="M23.9-164.8l10.8,15.2l4,154.2H8.9l4-154.2L23.9-164.8 M23.9-168.2l-1.6,2.2l-11.1,15.1l-0.4,0.5l0,0.6L6.9,4.4L6.8,6.6h2.1h29.8h2.1l-0.1-2.2l-4-154.2l0-0.6l-0.4-0.5L25.5-166L23.9-168.2L23.9-168.2z"/> </g> </g> <g> <path fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M26.5,54.3c0,0,3.3-4.9,3-9.5c-0.2-3.1-3.5-6.4-6.7-5.2c-3.5,1.2-4.4,5.2-4,8.5c0,0-6.1-1.9-7.2-8.8c-1.2-7,1.8-13.2,1.9-13.3c1.7-3.5-1.5-9-5.7-7c-3.8,1.8-4.2,8-2.9,11.4c0,0-6.1-4.4-3-17S22.8,1,22.8,1s14.9-0.9,22.1,11.6c0,0,5.1,10.7-2.1,17.5c0,0,2.6-8.8-3-8.6c-5.6,0.2-2.1,10.9-2.1,10.9S42.6,47.6,26.5,54.3z"/> <path fill="#E1B900" d="M24.5,34.4c0,0-3.4-3.1-2.8-8.5c0,0-1.4,2.7-3.7,4.3c0,0,0.3-4.5-1.5-9S10.7,4.7,25.1,4.7c3.3,0,7,0.8,8.8,3.8c1.3,2,1.4,4.5,1.1,6.9c-0.3,2.3-1.3,4.2-2.1,6.3c-0.6,1.7-1.5,4.3-0.5,6c0,0-1.8,0-3.4-3.4C29.1,24.2,23.4,27.7,24.5,34.4z"/> <path fill="#F1D000" d="M24.3,19.5c0,0-8.3-14.1,0-14.1S24.3,19.5,24.3,19.5z"/> <path fill="#C9572B" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M29.4,99.6c0.2-2.5,2.8-5.6,3.4-8.3c0.8-3.3,0.7-6.8-0.3-10.1c-1.3-4.2-4.6-7.5-5.2-11.8c-3,5.8-5.8,13.2-2.5,19.4C26.7,92.3,29,96.2,29.4,99.6z"/> <path fill="#E1B900" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M19.1,84.7c0,0-4.9-5.1-3.5-13.5c0,0,0.3-5.7,5.4-9.6c0,0,1.1,5.7,0,11.6C21,73.1,18.6,81.7,19.1,84.7z"/> </g> <g display="none"> <g display="inline"> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="54.6" y1="-30.7" x2="54.6" y2="-39.2"/> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="52.1" y1="-39.2" x2="57.2" y2="-39.2"/> </g> <g display="inline"> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="72.8" y1="-23.7" x2="72.8" y2="-32.3"/> <line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="70.3" y1="-32.3" x2="75.4" y2="-32.3"/> </g> <polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="39.3,4.8 86.7,4.8 86.7,-18.1 38.3,-37.1 "/> <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="79.6269" y1="4.0537" x2="100.3773" y2="-16.6967"> <stop offset="0" style="stop-color:#589777"/> <stop offset="0.4107" style="stop-color:#579677"/> <stop offset="0.6145" style="stop-color:#549178"/> <stop offset="0.7726" style="stop-color:#4E8879"/> <stop offset="0.9066" style="stop-color:#457D7A"/> <stop offset="1" style="stop-color:#3E717A"/> </linearGradient> <rect x="86.7" y="-23.7" display="inline" fill="url(#SVGID_4_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/> <polygon display="inline" opacity="0.2" fill="#4E440C" points="44.3,4.4 39.3,-35.4 39.3,4.8 "/> <polygon display="inline" opacity="0.2" fill="#4E440C" points="86.7,4.8 86.7,-18.1 81.2,4.4 "/> <path display="inline" fill="#08374A" d="M72.1-7.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4C65.7-1.7,71-1.8,72-5.1C72-5.2,72.3-5.9,72.1-7.1z M61.1-16l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C61.1-11,61.1-13.5,61.1-16z"/> <line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="90" y1="-23.7" x2="90" y2="-28.8"/> </g></svg>
</div>
<div class="fire_right shake shake-constant">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 11.4 20.1" enable-background="new 0 0 11.4 20.1" xml:space="preserve"><g display="none"><g display="inline"><path fill="#F1D000" d="M-128.2,16.6c-0.5-1-5.1-9.6-2.8-13.6c0.5-0.9,1.7-2,4.1-2c2.4,0,3.5,1.1,4,2c2.2,4-3.1,12.7-3.7,13.7l-0.9,1.4L-128.2,16.6z"/><path fill="#08374A" d="M-126.8,2c8.3,0-0.5,14.1-0.5,14.1S-135.1,2-126.8,2 M-126.8,0c-2.9,0-4.3,1.4-5,2.5c-2.6,4.4,1.8,12.9,2.7,14.6l1.6,3l1.8-2.9c1-1.7,6.1-10.3,3.7-14.7C-122.5,1.4-123.9,0-126.8,0L-126.8,0z"/></g><g display="inline"><path fill="#E1B900" d="M-127.2,11.1c0,0,5.7-9.1,0.3-9.1S-127.2,11.1-127.2,11.1z"/></g></g><g display="none"><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-91.4" y1="-39.8" x2="-91.4" y2="-48.3"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-88.9" y1="-48.3" x2="-93.9" y2="-48.3"/></g><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-109.6" y1="-32.8" x2="-109.6" y2="-41.4"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-107.1" y1="-41.4" x2="-112.2" y2="-41.4"/></g><polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="-76.1,-4.3 -123.5,-4.3 -123.5,-27.2 -75.1,-46.2 "/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1701.4149" y1="-5.0415" x2="-1680.6647" y2="-25.7918" gradientTransform="matrix(-1 0 0 1 -1817.8333 0)"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="-130.1" y="-32.8" display="inline" fill="url(#SVGID_1_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-81.1,-4.7 -76.1,-44.5 -76.1,-4.3 "/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-123.5,-4.3 -123.5,-27.2 -118,-4.7 "/><path display="inline" fill="#08374A" d="M-89.7-16.2c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6C-98-15-98-15-99.2-14.4c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-89.7-14.3-89.5-15-89.7-16.2z M-100.6-25.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-100.6-20.1-100.6-22.6-100.6-25.1z"/><line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-126.8" y1="-32.8" x2="-126.8" y2="-37.9"/></g><g><g><path fill="#F1D000" d="M5.2,16.7C4.6,15.7-0.7,7,1.5,3c0.5-0.9,1.6-2,4-2C8,1,9.1,2.1,9.7,3c2.4,4-2.2,12.6-2.8,13.6l-0.8,1.5L5.2,16.7z"/><path fill="#08374A" d="M5.5,2c8.3,0,0.5,14.1,0.5,14.1S-2.8,2,5.5,2 M5.5,0C2.6,0,1.3,1.4,0.7,2.5c-2.5,4.4,2.6,13,3.7,14.7l1.8,2.9l1.6-3c0.9-1.7,5.3-10.2,2.7-14.6C9.9,1.4,8.4,0,5.5,0L5.5,0z"/></g><g><path fill="#E1B900" d="M5.9,11.1c0,0-5.7-9.1-0.3-9.1S5.9,11.1,5.9,11.1z"/></g></g><g display="none"><g display="inline"><g><polygon fill="#C1DDE4" points="-49.1,-160.3 -60.1,-156.3 -60.1,-174.3 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-68.1271" y1="-161.3438" x2="-68.1271" y2="-4.3438"><stop offset="0" style="stop-color:#BBD8D5"/><stop offset="1" style="stop-color:#FBFCFC"/></linearGradient><polygon fill="url(#SVGID_2_)" points="-60.1,-4.3 -76.1,-4.3 -72.1,-161.3 -60.1,-158.3 "/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-52.6271" y1="-160.3438" x2="-52.6271" y2="-4.3438"><stop offset="0" style="stop-color:#7AB8CE"/><stop offset="1" style="stop-color:#78B298"/></linearGradient><polygon fill="url(#SVGID_3_)" points="-45.1,-4.3 -60.1,-4.3 -60.1,-157.3 -49.1,-160.3 "/><polygon fill="#FFFFFF" points="-71.1,-160.3 -60.1,-157.3 -60.1,-174.3 "/></g><g><rect x="-57.1" y="-14.3" fill="#65A58B" width="10" height="1"/><rect x="-55.1" y="-12.3" fill="#65A58B" width="7" height="1"/><rect x="-57.1" y="-10.3" fill="#65A58B" width="10" height="1"/></g></g><g display="inline"><path fill="#08374A" d="M-60.5-173.9l10.8,15.2l4,154.2h-29.8l4-154.2L-60.5-173.9 M-60.5-177.3l-1.6,2.2L-73.2-160l-0.4,0.5l0,0.6l-4,154.2l-0.1,2.2h2.1h29.8h2.1l-0.1-2.2l-4-154.2l0-0.6l-0.4-0.5l-10.8-15.1L-60.5-177.3L-60.5-177.3z"/></g></g><g display="none"><path display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-57.9,45.2c0,0,3.3-4.9,3-9.5c-0.2-3.1-3.5-6.4-6.7-5.2c-3.5,1.2-4.4,5.2-4,8.5c0,0-6.1-1.9-7.2-8.8c-1.2-7,1.8-13.2,1.9-13.3c1.7-3.5-1.5-9-5.7-7c-3.8,1.8-4.2,8-2.9,11.4c0,0-6.1-4.4-3-17c3-12.6,20.9-12.3,20.9-12.3S-46.8-9-39.6,3.6c0,0,5.1,10.7-2.1,17.5c0,0,2.6-8.8-3-8.6s-2.1,10.9-2.1,10.9S-41.9,38.5-57.9,45.2z"/><path display="inline" fill="#E1B900" d="M-59.9,25.3c0,0-3.4-3.1-2.8-8.5c0,0-1.4,2.7-3.7,4.3c0,0,0.3-4.5-1.5-9c-1.8-4.5-5.9-16.5,8.4-16.5c3.3,0,7,0.8,8.8,3.8c1.3,2,1.4,4.5,1.1,6.9c-0.3,2.3-1.3,4.2-2.1,6.3c-0.6,1.7-1.5,4.3-0.5,6c0,0-1.8,0-3.4-3.4C-55.3,15.1-61.1,18.6-59.9,25.3z"/><path display="inline" fill="#F1D000" d="M-60.1,10.4c0,0-8.3-14.1,0-14.1S-60.1,10.4-60.1,10.4z"/><path display="inline" fill="#C9572B" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M-55.1,90.5c0.2-2.5,2.8-5.6,3.4-8.3c0.8-3.3,0.7-6.8-0.3-10.1c-1.3-4.2-4.6-7.5-5.2-11.8c-3,5.8-5.8,13.2-2.5,19.4C-57.8,83.2-55.5,87.2-55.1,90.5z"/><path display="inline" fill="#E1B900" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-65.4,75.6c0,0-4.9-5.1-3.5-13.5c0,0,0.3-5.7,5.4-9.6c0,0,1.1,5.7,0,11.6C-63.5,64-65.9,72.6-65.4,75.6z"/></g><g display="none"><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-29.9" y1="-39.8" x2="-29.9" y2="-48.3"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-32.4" y1="-48.3" x2="-27.3" y2="-48.3"/></g><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-11.6" y1="-32.8" x2="-11.6" y2="-41.4"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-14.2" y1="-41.4" x2="-9.1" y2="-41.4"/></g><polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="-45.1,-4.3 2.2,-4.3 2.2,-27.2 -46.2,-46.2 "/><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-4.8359" y1="-5.0415" x2="15.9144" y2="-25.7918"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="2.2" y="-32.8" display="inline" fill="url(#SVGID_4_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-40.1,-4.7 -45.1,-44.5 -45.1,-4.3 "/><polygon display="inline" opacity="0.2" fill="#4E440C" points="2.2,-4.3 2.2,-27.2 -3.3,-4.7 "/><path display="inline" fill="#08374A" d="M-12.4-16.2c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-12.5-14.3-12.2-15-12.4-16.2z M-23.4-25.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-23.4-20.1-23.4-22.6-23.4-25.1z"/><line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="5.5" y1="-32.8" x2="5.5" y2="-37.9"/></g></svg>
</div>
<div class="fire_left shake shake-constant">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 11.4 20.1" enable-background="new 0 0 11.4 20.1" xml:space="preserve"><g display="none"><g display="inline"><path fill="#F1D000" d="M-128.2,16.6c-0.5-1-5.1-9.6-2.8-13.6c0.5-0.9,1.7-2,4.1-2c2.4,0,3.5,1.1,4,2c2.2,4-3.1,12.7-3.7,13.7l-0.9,1.4L-128.2,16.6z"/><path fill="#08374A" d="M-126.8,2c8.3,0-0.5,14.1-0.5,14.1S-135.1,2-126.8,2 M-126.8,0c-2.9,0-4.3,1.4-5,2.5c-2.6,4.4,1.8,12.9,2.7,14.6l1.6,3l1.8-2.9c1-1.7,6.1-10.3,3.7-14.7C-122.5,1.4-123.9,0-126.8,0L-126.8,0z"/></g><g display="inline"><path fill="#E1B900" d="M-127.2,11.1c0,0,5.7-9.1,0.3-9.1S-127.2,11.1-127.2,11.1z"/></g></g><g display="none"><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-91.4" y1="-39.8" x2="-91.4" y2="-48.3"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-88.9" y1="-48.3" x2="-93.9" y2="-48.3"/></g><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-109.6" y1="-32.8" x2="-109.6" y2="-41.4"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-107.1" y1="-41.4" x2="-112.2" y2="-41.4"/></g><polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="-76.1,-4.3 -123.5,-4.3 -123.5,-27.2 -75.1,-46.2 "/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1701.4149" y1="-5.0415" x2="-1680.6647" y2="-25.7918" gradientTransform="matrix(-1 0 0 1 -1817.8333 0)"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="-130.1" y="-32.8" display="inline" fill="url(#SVGID_1_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-81.1,-4.7 -76.1,-44.5 -76.1,-4.3 "/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-123.5,-4.3 -123.5,-27.2 -118,-4.7 "/><path display="inline" fill="#08374A" d="M-89.7-16.2c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6C-98-15-98-15-99.2-14.4c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-89.7-14.3-89.5-15-89.7-16.2z M-100.6-25.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-100.6-20.1-100.6-22.6-100.6-25.1z"/><line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-126.8" y1="-32.8" x2="-126.8" y2="-37.9"/></g><g><g><path fill="#F1D000" d="M5.2,16.7C4.6,15.7-0.7,7,1.5,3c0.5-0.9,1.6-2,4-2C8,1,9.1,2.1,9.7,3c2.4,4-2.2,12.6-2.8,13.6l-0.8,1.5L5.2,16.7z"/><path fill="#08374A" d="M5.5,2c8.3,0,0.5,14.1,0.5,14.1S-2.8,2,5.5,2 M5.5,0C2.6,0,1.3,1.4,0.7,2.5c-2.5,4.4,2.6,13,3.7,14.7l1.8,2.9l1.6-3c0.9-1.7,5.3-10.2,2.7-14.6C9.9,1.4,8.4,0,5.5,0L5.5,0z"/></g><g><path fill="#E1B900" d="M5.9,11.1c0,0-5.7-9.1-0.3-9.1S5.9,11.1,5.9,11.1z"/></g></g><g display="none"><g display="inline"><g><polygon fill="#C1DDE4" points="-49.1,-160.3 -60.1,-156.3 -60.1,-174.3 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-68.1271" y1="-161.3438" x2="-68.1271" y2="-4.3438"><stop offset="0" style="stop-color:#BBD8D5"/><stop offset="1" style="stop-color:#FBFCFC"/></linearGradient><polygon fill="url(#SVGID_2_)" points="-60.1,-4.3 -76.1,-4.3 -72.1,-161.3 -60.1,-158.3 "/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-52.6271" y1="-160.3438" x2="-52.6271" y2="-4.3438"><stop offset="0" style="stop-color:#7AB8CE"/><stop offset="1" style="stop-color:#78B298"/></linearGradient><polygon fill="url(#SVGID_3_)" points="-45.1,-4.3 -60.1,-4.3 -60.1,-157.3 -49.1,-160.3 "/><polygon fill="#FFFFFF" points="-71.1,-160.3 -60.1,-157.3 -60.1,-174.3 "/></g><g><rect x="-57.1" y="-14.3" fill="#65A58B" width="10" height="1"/><rect x="-55.1" y="-12.3" fill="#65A58B" width="7" height="1"/><rect x="-57.1" y="-10.3" fill="#65A58B" width="10" height="1"/></g></g><g display="inline"><path fill="#08374A" d="M-60.5-173.9l10.8,15.2l4,154.2h-29.8l4-154.2L-60.5-173.9 M-60.5-177.3l-1.6,2.2L-73.2-160l-0.4,0.5l0,0.6l-4,154.2l-0.1,2.2h2.1h29.8h2.1l-0.1-2.2l-4-154.2l0-0.6l-0.4-0.5l-10.8-15.1L-60.5-177.3L-60.5-177.3z"/></g></g><g display="none"><path display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-57.9,45.2c0,0,3.3-4.9,3-9.5c-0.2-3.1-3.5-6.4-6.7-5.2c-3.5,1.2-4.4,5.2-4,8.5c0,0-6.1-1.9-7.2-8.8c-1.2-7,1.8-13.2,1.9-13.3c1.7-3.5-1.5-9-5.7-7c-3.8,1.8-4.2,8-2.9,11.4c0,0-6.1-4.4-3-17c3-12.6,20.9-12.3,20.9-12.3S-46.8-9-39.6,3.6c0,0,5.1,10.7-2.1,17.5c0,0,2.6-8.8-3-8.6s-2.1,10.9-2.1,10.9S-41.9,38.5-57.9,45.2z"/><path display="inline" fill="#E1B900" d="M-59.9,25.3c0,0-3.4-3.1-2.8-8.5c0,0-1.4,2.7-3.7,4.3c0,0,0.3-4.5-1.5-9c-1.8-4.5-5.9-16.5,8.4-16.5c3.3,0,7,0.8,8.8,3.8c1.3,2,1.4,4.5,1.1,6.9c-0.3,2.3-1.3,4.2-2.1,6.3c-0.6,1.7-1.5,4.3-0.5,6c0,0-1.8,0-3.4-3.4C-55.3,15.1-61.1,18.6-59.9,25.3z"/><path display="inline" fill="#F1D000" d="M-60.1,10.4c0,0-8.3-14.1,0-14.1S-60.1,10.4-60.1,10.4z"/><path display="inline" fill="#C9572B" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M-55.1,90.5c0.2-2.5,2.8-5.6,3.4-8.3c0.8-3.3,0.7-6.8-0.3-10.1c-1.3-4.2-4.6-7.5-5.2-11.8c-3,5.8-5.8,13.2-2.5,19.4C-57.8,83.2-55.5,87.2-55.1,90.5z"/><path display="inline" fill="#E1B900" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" d="M-65.4,75.6c0,0-4.9-5.1-3.5-13.5c0,0,0.3-5.7,5.4-9.6c0,0,1.1,5.7,0,11.6C-63.5,64-65.9,72.6-65.4,75.6z"/></g><g display="none"><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-29.9" y1="-39.8" x2="-29.9" y2="-48.3"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-32.4" y1="-48.3" x2="-27.3" y2="-48.3"/></g><g display="inline"><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-11.6" y1="-32.8" x2="-11.6" y2="-41.4"/><line fill="none" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="-14.2" y1="-41.4" x2="-9.1" y2="-41.4"/></g><polygon display="inline" fill="#F1D000" stroke="#08374A" stroke-width="2" stroke-miterlimit="10" points="-45.1,-4.3 2.2,-4.3 2.2,-27.2 -46.2,-46.2 "/><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-4.8359" y1="-5.0415" x2="15.9144" y2="-25.7918"><stop offset="0" style="stop-color:#589777"/><stop offset="0.4107" style="stop-color:#579677"/><stop offset="0.6145" style="stop-color:#549178"/><stop offset="0.7726" style="stop-color:#4E8879"/><stop offset="0.9066" style="stop-color:#457D7A"/><stop offset="1" style="stop-color:#3E717A"/></linearGradient><rect x="2.2" y="-32.8" display="inline" fill="url(#SVGID_4_)" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="6.7" height="34.8"/><polygon display="inline" opacity="0.2" fill="#4E440C" points="-40.1,-4.7 -45.1,-44.5 -45.1,-4.3 "/><polygon display="inline" opacity="0.2" fill="#4E440C" points="2.2,-4.3 2.2,-27.2 -3.3,-4.7 "/><path display="inline" fill="#08374A" d="M-12.4-16.2c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C-12.5-14.3-12.2-15-12.4-16.2z M-23.4-25.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C-23.4-20.1-23.4-22.6-23.4-25.1z"/><line display="inline" fill="none" stroke="#08374A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="5.5" y1="-32.8" x2="5.5" y2="-37.9"/></g></svg>
</div>
</div>
</div>
<div class="button-obelisk">
<div class="circle-top "></div>
<div class="circle-bottom"></div>
</div>
<!-- Windows 1 -->
<div class="windows-1">
<svg id="window-1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="103px" height="53px" viewBox="0 0 103 53" enable-background="new 0 0 103 53" xml:space="preserve"><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="49" y1="0" x2="49" y2="52"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="45" y1="0" x2="45" y2="52"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="41" y1="0" x2="41" y2="52"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="37" y1="0" x2="37" y2="52"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="33" y1="0" x2="33" y2="52"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="29" y1="0" x2="29" y2="52"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="21" y1="16" x2="21" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="16" x2="16" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="11" y1="16" x2="11" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="6" y1="16" x2="6" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="16" x2="1" y2="22"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="21" y1="24" x2="21" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="24" x2="16" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="11" y1="24" x2="11" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="6" y1="24" x2="6" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="24" x2="1" y2="30"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="21" y1="32" x2="21" y2="38"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="32" x2="16" y2="38"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="11" y1="32" x2="11" y2="38"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="6" y1="32" x2="6" y2="38"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="32" x2="1" y2="38"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="21" y1="40" x2="21" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="40" x2="16" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="11" y1="40" x2="11" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="6" y1="40" x2="6" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="40" x2="1" y2="46"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="102" y1="36" x2="102" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="99" y1="36" x2="99" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="96" y1="36" x2="96" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="93" y1="36" x2="93" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="90" y1="36" x2="90" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="87" y1="36" x2="87" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="84" y1="36" x2="84" y2="42"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="102" y1="43" x2="102" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="99" y1="43" x2="99" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="96" y1="43" x2="96" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="93" y1="43" x2="93" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="90" y1="43" x2="90" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="87" y1="43" x2="87" y2="49"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="84" y1="43" x2="84" y2="49"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="74.5" y1="20" x2="74.5" y2="25"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="70.5" y1="20" x2="70.5" y2="25"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="66.5" y1="20" x2="66.5" y2="25"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="62.5" y1="20" x2="62.5" y2="25"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="58.5" y1="20" x2="58.5" y2="25"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="74.5" y1="27" x2="74.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="70.5" y1="27" x2="70.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="66.5" y1="27" x2="66.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="62.5" y1="27" x2="62.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="58.5" y1="27" x2="58.5" y2="32"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="74.5" y1="34" x2="74.5" y2="39"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="70.5" y1="34" x2="70.5" y2="39"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="66.5" y1="34" x2="66.5" y2="39"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="62.5" y1="34" x2="62.5" y2="39"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="58.5" y1="34" x2="58.5" y2="39"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="74.5" y1="41" x2="74.5" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="70.5" y1="41" x2="70.5" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="66.5" y1="41" x2="66.5" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="62.5" y1="41" x2="62.5" y2="46"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="58.5" y1="41" x2="58.5" y2="46"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="74.5" y1="48" x2="74.5" y2="53"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="70.5" y1="48" x2="70.5" y2="53"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="66.5" y1="48" x2="66.5" y2="53"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="62.5" y1="48" x2="62.5" y2="53"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="58.5" y1="48" x2="58.5" y2="53"/></g></g></svg>
</div>
<!-- Windows 2 -->
<div class="windows-2">
<svg version="1.1" id="window-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="71px" height="50px" viewBox="0 0 71 50" enable-background="new 0 0 71 50" xml:space="preserve"><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="19" y1="24" x2="19" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="24" x2="16" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="13" y1="24" x2="13" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="10" y1="24" x2="10" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="7" y1="24" x2="7" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="4" y1="24" x2="4" y2="29"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="24" x2="1" y2="29"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="19" y1="31" x2="19" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="31" x2="16" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="13" y1="31" x2="13" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="10" y1="31" x2="10" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="7" y1="31" x2="7" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="4" y1="31" x2="4" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="31" x2="1" y2="36"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="19" y1="38" x2="19" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="38" x2="16" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="13" y1="38" x2="13" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="10" y1="38" x2="10" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="7" y1="38" x2="7" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="4" y1="38" x2="4" y2="43"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="38" x2="1" y2="43"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="19" y1="45" x2="19" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="16" y1="45" x2="16" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="13" y1="45" x2="13" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="10" y1="45" x2="10" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="7" y1="45" x2="7" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="4" y1="45" x2="4" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="1" y1="45" x2="1" y2="50"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="69.5" y1="26" x2="69.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="64.5" y1="26" x2="64.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="59.5" y1="26" x2="59.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="54.5" y1="26" x2="54.5" y2="30"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="69.5" y1="32" x2="69.5" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="64.5" y1="32" x2="64.5" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="59.5" y1="32" x2="59.5" y2="36"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="54.5" y1="32" x2="54.5" y2="36"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="69.5" y1="38" x2="69.5" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="64.5" y1="38" x2="64.5" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="59.5" y1="38" x2="59.5" y2="42"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="54.5" y1="38" x2="54.5" y2="42"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="69.5" y1="44" x2="69.5" y2="48"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="64.5" y1="44" x2="64.5" y2="48"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="59.5" y1="44" x2="59.5" y2="48"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="54.5" y1="44" x2="54.5" y2="48"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="45" y1="0" x2="45" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="42" y1="0" x2="42" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="39" y1="0" x2="39" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="36" y1="0" x2="36" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="33" y1="0" x2="33" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="30" y1="0" x2="30" y2="50"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="27" y1="0" x2="27" y2="50"/></g></g></svg>
</div>
<!-- Windows 3 -->
<div class="windows-3">
<svg version="1.1" id="window-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="82px" height="37px" viewBox="0 0 82 37" enable-background="new 0 0 82 37" xml:space="preserve"><g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="81" y1="6" x2="81" y2="31"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="77" y1="6" x2="77" y2="31"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="73" y1="6" x2="73" y2="31"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="69" y1="6" x2="69" y2="31"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="65" y1="6" x2="65" y2="31"/></g><g><line fill="none" stroke="#0E374E" stroke-width="2" stroke-miterlimit="10" x1="61" y1="6" x2="61" y2="31"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="21.5" y1="24" x2="21.5" y2="27"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="16.5" y1="24" x2="16.5" y2="27"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="11.5" y1="24" x2="11.5" y2="27"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="6.5" y1="24" x2="6.5" y2="27"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="1.5" y1="24" x2="1.5" y2="27"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="21.5" y1="29" x2="21.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="16.5" y1="29" x2="16.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="11.5" y1="29" x2="11.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="6.5" y1="29" x2="6.5" y2="32"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="1.5" y1="29" x2="1.5" y2="32"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="21.5" y1="34" x2="21.5" y2="37"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="16.5" y1="34" x2="16.5" y2="37"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="11.5" y1="34" x2="11.5" y2="37"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="6.5" y1="34" x2="6.5" y2="37"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="1.5" y1="34" x2="1.5" y2="37"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="51.5" y1="0" x2="51.5" y2="6"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="46.5" y1="0" x2="46.5" y2="6"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="41.5" y1="0" x2="41.5" y2="6"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="36.5" y1="0" x2="36.5" y2="6"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="31.5" y1="0" x2="31.5" y2="6"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="51.5" y1="8" x2="51.5" y2="14"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="46.5" y1="8" x2="46.5" y2="14"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="41.5" y1="8" x2="41.5" y2="14"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="36.5" y1="8" x2="36.5" y2="14"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="31.5" y1="8" x2="31.5" y2="14"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="51.5" y1="16" x2="51.5" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="46.5" y1="16" x2="46.5" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="41.5" y1="16" x2="41.5" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="36.5" y1="16" x2="36.5" y2="22"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="31.5" y1="16" x2="31.5" y2="22"/></g></g><g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="51.5" y1="24" x2="51.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="46.5" y1="24" x2="46.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="41.5" y1="24" x2="41.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="36.5" y1="24" x2="36.5" y2="30"/></g><g><line fill="none" stroke="#0E374E" stroke-width="3" stroke-miterlimit="10" x1="31.5" y1="24" x2="31.5" y2="30"/></g></g></svg>
</div>
<!-- Hackers -->
<div class="hackers">
<!-- Display Left -->
<div class="display_left">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="25px" height="17px" viewBox="0 0 25 17" enable-background="new 0 0 25 17" xml:space="preserve">
<line class="code_1" fill="none" stroke="#253A4E" stroke-miterlimit="10" x1="17" y1="0.5" x2="6" y2="0.5"/>
<line class="code_2" fill="none" stroke="#253A4E" stroke-miterlimit="10" x1="21" y1="14.5" x2="0" y2="14.5"/>
<line class="code_3" fill="none" stroke="#253A4E" stroke-miterlimit="10" x1="20" y1="9.5" x2="4" y2="9.5"/>
<line class="code_4" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="0" y1="0.5" x2="5" y2="0.5"/>
<line class="code_5" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="0" y1="5.5" x2="21" y2="5.5"/>
<line class="code_6" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="13" y1="16.5" x2="20" y2="16.5"/>
<line class="code_7" fill="none" stroke="#F1CA2F" stroke-miterlimit="10" x1="14" y1="2.5" x2="24" y2="2.5"/>
<line class="code_8" fill="none" stroke="#F1CA2F" stroke-miterlimit="10" x1="0" y1="11.5" x2="17" y2="11.5"/>
<line class="code_9" fill="none" stroke="#F1CA2F" stroke-miterlimit="10" x1="21" y1="9.5" x2="25" y2="9.5"/>
<line class="code_10" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="6" y1="2.5" x2="13" y2="2.5"/>
<line class="code_11" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="2.5" x2="5" y2="2.5"/>
<line class="code_12" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="7.5" x2="19" y2="7.5"/>
<line class="code_13" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="16.5" x2="12" y2="16.5"/>
<line class="code_14" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="9.5" x2="3" y2="9.5"/>
<line class="code_15" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="18" y1="11.5" x2="21" y2="11.5"/>
</svg>
</div>
<!-- Cable left -->
<div class="cable_left">
<svg version="1.1" id="hacker_cable_left" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54.2 62.3" enable-background="new 0 0 54.2 62.3" xml:space="preserve">
<g>
<path class="cable-left-1" fill="none" stroke="#32b1d4" stroke-width="2" stroke-miterlimit="10" d="M54.2,23.2h-7.1c-2.2,0-4-1.8-4-4V6.2
c0-2.2-1.8-4-4-4h-0.6c-2.2,0-4,1.8-4,4V13c0,2.2,1.8,4,4,4h5.6c2.2,0,4-1.7,4-3.7s-1.8-3.7-4-3.7H23.7c-2.2,0-4,1.8-4,4v43.7
c0,2.2-1.8,4-4,4h-1.9c-2.2,0-4-1.8-4-4v-3.1c0-2.2,1.8-4,4-4h8c2.2,0,4-1.7,4-3.7c0-2-1.8-3.7-4-3.7h-3.1c-2.2,0-4-1.8-4-4V5
c0-2.2-1.8-4-4-4H0"/>
</g>
<g>
<path class="cable-left-2" fill="none" stroke="#ffcd00" stroke-width="2" stroke-miterlimit="10" d="M54.2,23.2h-7.1c-2.2,0-4-1.8-4-4V6.2
c0-2.2-1.8-4-4-4h-0.6c-2.2,0-4,1.8-4,4V13c0,2.2,1.8,4,4,4h5.6c2.2,0,4-1.7,4-3.7s-1.8-3.7-4-3.7H23.7c-2.2,0-4,1.8-4,4v43.7
c0,2.2-1.8,4-4,4h-1.9c-2.2,0-4-1.8-4-4v-3.1c0-2.2,1.8-4,4-4h8c2.2,0,4-1.7,4-3.7c0-2-1.8-3.7-4-3.7h-3.1c-2.2,0-4-1.8-4-4V5
c0-2.2-1.8-4-4-4H0"/>
</g>
<g>
<path class="cable-left-3" fill="none" stroke="#e84224" stroke-width="2" stroke-miterlimit="10" d="M54.2,23.2h-7.1c-2.2,0-4-1.8-4-4V6.2
c0-2.2-1.8-4-4-4h-0.6c-2.2,0-4,1.8-4,4V13c0,2.2,1.8,4,4,4h5.6c2.2,0,4-1.7,4-3.7s-1.8-3.7-4-3.7H23.7c-2.2,0-4,1.8-4,4v43.7
c0,2.2-1.8,4-4,4h-1.9c-2.2,0-4-1.8-4-4v-3.1c0-2.2,1.8-4,4-4h8c2.2,0,4-1.7,4-3.7c0-2-1.8-3.7-4-3.7h-3.1c-2.2,0-4-1.8-4-4V5
c0-2.2-1.8-4-4-4H0"/>
</g>
<g>
<path class="cable-left-4" fill="none" stroke="#24394E" stroke-width="2" stroke-miterlimit="10" d="M54.2,23.2h-7.1c-2.2,0-4-1.8-4-4V6.2
c0-2.2-1.8-4-4-4h-0.6c-2.2,0-4,1.8-4,4V13c0,2.2,1.8,4,4,4h5.6c2.2,0,4-1.7,4-3.7s-1.8-3.7-4-3.7H23.7c-2.2,0-4,1.8-4,4v43.7
c0,2.2-1.8,4-4,4h-1.9c-2.2,0-4-1.8-4-4v-3.1c0-2.2,1.8-4,4-4h8c2.2,0,4-1.7,4-3.7c0-2-1.8-3.7-4-3.7h-3.1c-2.2,0-4-1.8-4-4V5
c0-2.2-1.8-4-4-4H0"/>
</g>
</svg>
</div>
<!-- Display Right -->
<div class="display_right">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="32px" height="19px" viewBox="0 0 32 19" enable-background="new 0 0 32 19" xml:space="preserve">
<line class="code_1" fill="none" stroke="#6DC1D2" stroke-miterlimit="10" x1="0" y1="0.5" x2="10" y2="0.5"/>
<line class="code_2" fill="none" stroke="#6DC1D2" stroke-miterlimit="10" x1="0" y1="2.5" x2="26" y2="2.5"/>
<line class="code_3" fill="none" stroke="#F1CA2F" stroke-miterlimit="10" x1="8" y1="10.5" x2="28" y2="10.5"/>
<line class="code_4" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="20" y1="13.5" x2="32" y2="13.5"/>
<line class="code_5" fill="none" stroke="#253A4E" stroke-miterlimit="10" x1="0" y1="15.5" x2="10" y2="15.5"/>
<line class="code_6" fill="none" stroke="#F1CA2F" stroke-miterlimit="10" x1="12" y1="15.5" x2="30" y2="15.5"/>
<line class="code_7" fill="none" stroke="#6DC1D2" stroke-miterlimit="10" x1="7" y1="18.5" x2="26" y2="18.5"/>
<line class="code_8" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="8.5" x2="23" y2="8.5"/>
<line class="code_9" fill="none" stroke="#72CAAE" stroke-miterlimit="10" x1="0" y1="10.5" x2="7" y2="10.5"/>
<line class="code_10" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="30" y1="8.5" x2="24" y2="8.5"/>
<line class="code_11" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="0" y1="6.5" x2="4" y2="6.5"/>
<line class="code_12" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="0" y1="13.5" x2="19" y2="13.5"/>
<line class="code_13" fill="none" stroke="#DE4D2D" stroke-miterlimit="10" x1="0" y1="18.5" x2="6" y2="18.5"/>
<line class="code_14" fill="none" stroke="#253A4E" stroke-miterlimit="10" x1="5" y1="6.5" x2="25" y2="6.5"/>
</svg>
</div>
<!-- Cable right -->
<div class="cable_right">
<svg version="1.1" id="hacker_cable_right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="54.2px" height="62.3px" viewBox="0 0 54.2 62.3" enable-background="new 0 0 54.2 62.3" xml:space="preserve">
<g>
<path class="cable-right-1" fill="none" stroke="#32b1d4" stroke-width="2" stroke-miterlimit="10" d="M0,23.2h7.1c2.2,0,4-1.8,4-4V6.2c0-2.2,1.8-4,4-4
h0.6c2.2,0,4,1.8,4,4V13c0,2.2-1.8,4-4,4h-5.6c-2.2,0-4-1.7-4-3.7s1.8-3.7,4-3.7h20.3c2.2,0,4,1.8,4,4v43.7c0,2.2,1.8,4,4,4h1.9
c2.2,0,4-1.8,4-4v-3.1c0-2.2-1.8-4-4-4h-8c-2.2,0-4-1.7-4-3.7c0-2,1.8-3.7,4-3.7h3.1c2.2,0,4-1.8,4-4V5c0-2.2,1.8-4,4-4h10.8"/>
</g>
<g>
<path class="cable-right-2" fill="none" stroke="#ffcd00" stroke-width="2" stroke-miterlimit="10" d="M0,23.2h7.1c2.2,0,4-1.8,4-4V6.2c0-2.2,1.8-4,4-4
h0.6c2.2,0,4,1.8,4,4V13c0,2.2-1.8,4-4,4h-5.6c-2.2,0-4-1.7-4-3.7s1.8-3.7,4-3.7h20.3c2.2,0,4,1.8,4,4v43.7c0,2.2,1.8,4,4,4h1.9
c2.2,0,4-1.8,4-4v-3.1c0-2.2-1.8-4-4-4h-8c-2.2,0-4-1.7-4-3.7c0-2,1.8-3.7,4-3.7h3.1c2.2,0,4-1.8,4-4V5c0-2.2,1.8-4,4-4h10.8"/>
</g>
<g>
<path class="cable-right-3" fill="none" stroke="#e84224" stroke-width="2" stroke-miterlimit="10" d="M0,23.2h7.1c2.2,0,4-1.8,4-4V6.2c0-2.2,1.8-4,4-4
h0.6c2.2,0,4,1.8,4,4V13c0,2.2-1.8,4-4,4h-5.6c-2.2,0-4-1.7-4-3.7s1.8-3.7,4-3.7h20.3c2.2,0,4,1.8,4,4v43.7c0,2.2,1.8,4,4,4h1.9
c2.2,0,4-1.8,4-4v-3.1c0-2.2-1.8-4-4-4h-8c-2.2,0-4-1.7-4-3.7c0-2,1.8-3.7,4-3.7h3.1c2.2,0,4-1.8,4-4V5c0-2.2,1.8-4,4-4h10.8"/>
</g>
<g>
<path class="cable-right-4" fill="none" stroke="#24394E" stroke-width="2" stroke-miterlimit="10" d="M0,23.2h7.1c2.2,0,4-1.8,4-4V6.2c0-2.2,1.8-4,4-4
h0.6c2.2,0,4,1.8,4,4V13c0,2.2-1.8,4-4,4h-5.6c-2.2,0-4-1.7-4-3.7s1.8-3.7,4-3.7h20.3c2.2,0,4,1.8,4,4v43.7c0,2.2,1.8,4,4,4h1.9
c2.2,0,4-1.8,4-4v-3.1c0-2.2-1.8-4-4-4h-8c-2.2,0-4-1.7-4-3.7c0-2,1.8-3.7,4-3.7h3.1c2.2,0,4-1.8,4-4V5c0-2.2,1.8-4,4-4h10.8"/>
</g>
</svg>
</div>
</div>
<!-- Flower -->
<div class="flower">
<div class="flower-base">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="76px" height="28.6px" viewBox="0 0 76 28.6" enable-background="new 0 0 76 28.6" xml:space="preserve"><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M34.2,2.9c-0.1,0-0.1,0-0.2,0"/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.1891" y1="-25.6308" x2="30.8273" y2="-25.6308" gradientTransform="matrix(0.9999 1.007402e-02 -1.007402e-02 0.9999 18.8223 33.611)"><stop offset="0" style="stop-color:#009B79"/><stop offset="1" style="stop-color:#01747B"/></linearGradient><path fill="url(#SVGID_1_)" d="M39.4,11.4c-4.8,2.4-15.2,3.3-15.2,3.3s3.7-8.6,10.6-11.5s15.2-1,15.2-1S44.2,9,39.4,11.4z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M50.1,2.9c-4.8-2.3-10.6-2.6-15.8-0.1c-5.2,2.4-8.8,7-10.1,12.2c0,0,10-0.2,15.2-3.3C43.8,9,50.1,2.9,50.1,2.9z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" d="M27.2,8.6c1.8,0,11.6-0.5,17.5-7.5"/><polygon fill="#103149" points="45.3,23.8 41.7,24.2 31.7,14.9 45.2,9.4 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="5" y1="22.1036" x2="73" y2="22.1036"><stop offset="0" style="stop-color:#009B79"/><stop offset="1" style="stop-color:#01747B"/></linearGradient><rect x="5" y="20.6" fill="url(#SVGID_2_)" width="68" height="3"/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="2" y1="25.6036" x2="76" y2="25.6036"><stop offset="0" style="stop-color:#009B79"/><stop offset="1" style="stop-color:#01747B"/></linearGradient><rect x="2" y="23.6" fill="url(#SVGID_3_)" width="74" height="4"/><rect x="1" y="23.6" fill="none" stroke="#0C374E" stroke-width="2" stroke-miterlimit="10" width="74" height="4"/><rect x="4" y="20.6" fill="none" stroke="#0C374E" stroke-width="2" stroke-miterlimit="10" width="69" height="3"/><polygon fill="none" stroke="#0C374E" stroke-width="2" stroke-miterlimit="10" points="39.4,12.1 33,15.3 39.4,20.6 44,20.6 45.5,8.8 "/></svg>
</div>
<div class="flower-petal-1">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="42.4px" height="29.2px" viewBox="0 0 42.4 29.2" enable-background="new 0 0 42.4 29.2" xml:space="preserve"><defs></defs><path fill="#CCCA5D" d="M3.4,17.2c-4.1-3.4-3-9.1,0-12.8C6.5,0.6,12,0.1,15.7,3.2c0.3,0.3,2.4,2.7,3.1,6c1.5,5.5,14,12.5,14,12.5l7.1,1.1l-4.8,3.3l-6.7,1.9C28.4,27.9,16.8,30.6,3.4,17.2z"/><path fill="#159679" d="M32.5,24.4c-1.2,0.2-2.4,0.3-3.6,0.3C19.8,24.6,13,23,4.6,13.4c-3.3-2.7-4.6,0.9-0.5,4.3c13.4,13.4,25,10.8,25,10.8l6.7-1.9l4.8-3.3L38,22.9C36.1,23.5,34.3,24,32.5,24.4z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M36.9,25.5C23.6,31.8,8,26.7,1.9,13.7l0,0C-0.2,9.2,1.6,4,6.1,1.9s9.7-0.2,11.8,4.2l0,0c0.4,1.4,0.5,1.9,1.2,3.2c3.2,6.7,9.3,11.1,16,12.4l6.3,1.1C40,23.8,38.5,24.7,36.9,25.5z"/></svg>
</div>
<div class="flower-petal-2">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="42.6px" height="28.8px" viewBox="0 0 42.6 28.8" enable-background="new 0 0 42.6 28.8" xml:space="preserve"><defs></defs><path fill="#C3C151" d="M3.5,17.3C-0.6,14,0.3,8.2,3.3,4.5c3-3.8,8.5-4.4,12.3-1.4C15.9,3.3,18,5.7,18.9,9c1.6,5.5,14.3,12.2,14.3,12.2l7.6,1.4l-5.7,2.2l-6.3,2.8C28.8,27.6,17.2,30.5,3.5,17.3z"/><path fill="#1F9079" d="M32.1,23.4c-5.4,1.2-11,0.3-15.9-2c-2.5-1.2-4.8-2.7-6.8-4.5c-2.2-1.9-4.1-4.6-7-5.4c-0.2,0-0.4-0.1-0.6-0.1c0.6,2.7,1.7,6,3.8,7.8c4.4,3.9,10.6,7.2,16.4,8.2c1.9,0.4,5.2,1,7.1,0.1l6.3-2.8l5.7-2.2c-1-0.2-2-0.4-3-0.5c-1.7-0.3-2.3,0.2-4,0.8C33.4,23.1,32.7,23.3,32.1,23.4z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M37.2,24.9C24,31.5,8.4,26.7,1.9,13.8l0,0c-2.2-4.4-0.4-9.7,4-11.9s9.7-0.4,11.9,4l0,0c0.4,1.4,0.6,1.8,1.2,3.2c3.3,6.6,9.5,10.9,16.3,12l6.3,1C40.3,23.2,38.8,24.1,37.2,24.9z"/></svg>
</div>
<div class="flower-petal-3">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="22.6px" height="43.4px" viewBox="0 0 22.6 43.4" enable-background="new 0 0 22.6 43.4" xml:space="preserve"><defs></defs><path fill="#CCCA5D" d="M20.9,9.5c0-5.3-5.1-8.2-9.9-8.2c-4.8,0-8.7,3.9-8.7,8.7c0,0.4,0.5,3.5,2.6,6.2C8.2,21,5.6,35.1,5.6,35.1l-3.7,6.2l5.6-1.6l5.8-4C13.2,35.7,22.7,28.5,20.9,9.5z"/><path fill="#117D7A" d="M9.2,37c2.7-4.3,2.8-10.6,2.2-15.6c-0.3-2.7-1.1-5.1-2.4-7.5c-0.7-1.3-1.6-2.5-2.6-3.7c-0.3-0.3-3.1-3-3.1-3c-0.4,1-0.7,2.2-0.7,3.4c0,0.4,0.5,3.5,2.6,6.2C8.5,21.5,5,36.6,5,36.6s-4.4,5.2-3.1,5C5.4,41.1,7.7,39.4,9.2,37z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M5.9,40.6c13.3-6.2,19.4-21.4,13.3-34.5l0,0c-2.1-4.4-7.4-6.4-11.8-4.3S1.1,9.2,3.1,13.6l0,0c0.8,1.2,1.1,1.6,1.7,2.9C8,23.3,7.5,30.8,4.2,36.8L1,42.4C2.7,41.9,4.3,41.4,5.9,40.6z"/></svg>
</div>
<div class="flower-petal-4">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="22.6px" height="43.4px" viewBox="0 0 22.6 43.4" enable-background="new 0 0 22.6 43.4" xml:space="preserve"><defs></defs><path fill="#9FB85E" d="M20.9,9.5c0-5.3-5.1-8.2-9.9-8.2c-4.8,0-8.7,3.9-8.7,8.7c0,0.4,0.5,3.5,2.6,6.2C8.2,21,5.6,35.1,5.6,35.1l1.6,3.8l6.1-3.2C13.2,35.7,22.7,28.5,20.9,9.5z"/><path fill="#13867A" d="M9,37c2.7-4.3,2.8-10.6,2.2-15.6c-0.3-2.7-1.1-5.1-2.4-7.5c-0.7-1.3-1.6-2.5-2.6-3.7c-0.3-0.3-3.1-3-3.1-3c-0.4,1-0.7,2.2-0.7,3.4c0,0.4,0.5,3.5,2.6,6.2c3.3,4.7-0.2,19.8-0.2,19.8s-4.4,5.2-3.1,5C5.2,41.1,7.5,39.4,9,37z"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M5.9,40.6c13.3-6.2,19.4-21.4,13.3-34.5l0,0c-2.1-4.4-7.4-6.4-11.8-4.3S1.1,9.2,3.1,13.6l0,0c0.8,1.2,1.1,1.6,1.7,2.9C8,23.3,7.5,30.8,4.2,36.8L1,42.4C2.7,41.9,4.3,41.4,5.9,40.6z"/></svg>
</div>
<div class="flower-inner">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="19.3px" height="31.4px" viewBox="0 0 19.3 31.4" enable-background="new 0 0 19.3 31.4" xml:space="preserve"><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M16.9,29.4C9.8,25.1,4.8,17.7,4,8.8C3.8,6.9,3.8,5,4,3.1"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18.1,29c-2.6-2.7-4.6-5.9-5.8-9.5"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M18,29.8c1-6.2-0.5-12.8-4.5-18.1"/><path fill="none" stroke="#0C374E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M17.7,30.4c-0.1,0-0.1,0-0.2,0"/><g><rect x="1.2" y="0.6" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -0.8025 1.567)" fill="#0C374E" width="3.9" height="3.9"/><rect x="0.1" y="1.8" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -0.8025 1.567)" fill="#0C374E" width="6.1" height="1.7"/></g><g><rect x="10.6" y="8.7" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -3.3145 6.3007)" fill="#0C374E" width="3.9" height="3.9"/><rect x="10" y="9.7" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -3.241 6.3964)" fill="#0C374E" width="5.6" height="1.7"/></g><g><rect x="10.6" y="18.2" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -7.0361 6.8741)" fill="#0C374E" width="2.9" height="2.3"/><rect x="9.9" y="18.2" transform="matrix(0.9063 -0.4226 0.4226 0.9063 -6.9377 6.7986)" fill="#0C374E" width="4" height="1.7"/></g></svg>
</div>
</div>
</div>
<!-- Numbers -->
<div class="global-stats">
<figure class="stat">
<div class="stat-number">
<div class="wow animated fadeIn">
<strong>18</strong>
Speakers
</div>
</div>
<figcaption>People who will be speaking at JSconf</figcaption>
</figure>
<figure class="stat">
<div class="stat-number">
<div class="wow animated fadeIn" data-wow-delay=".5s">
<strong>7</strong>
Countries
</div>
</div>
<figcaption>Our speakers come from all over the globe</figcaption>
</figure>
<figure class="stat">
<div class="stat-number">
<div class="wow animated fadeIn" data-wow-delay="1s">
<strong>660</strong>
Minutes
</div>
</div>
<figcaption>Length of awesome topics to cover</figcaption>
</figure>
<figure class="stat">
<div class="stat-number">
<div class="wow animated fadeIn" data-wow-delay="1.5s">
<strong>50</strong>
Gallons
</div>
</div>
<figcaption>Coffee needed to stay fresh throughout JSconf</figcaption>
</figure>
</div>
</div>
</header>
<a name="speakers"></a>
<a name="agenda"></a>
<a name="calendar"></a>
<!-- Agenda + Speakers -->
<section class="section-calendar">
<div class="container">
<h1>
<div class="agenda-svg wow agenda-svg-animation">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 75.1 84.3" enable-background="new 0 0 75.1 84.3" xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.8048" y1="76.5256" x2="70.5976" y2="7.7327">
<stop offset="0" style="stop-color:#009D7A"/>
<stop offset="0.4107" style="stop-color:#009B7A"/>
<stop offset="0.6145" style="stop-color:#00957A"/>
<stop offset="0.7726" style="stop-color:#008C7B"/>
<stop offset="0.9066" style="stop-color:#01807C"/>
<stop offset="1" style="stop-color:#04757B"/>
</linearGradient>
<rect x="7.5" y="2" fill="url(#SVGID_1_)" stroke="#0C374E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="57.3" height="80.3"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="13.5" x2="11.4" y2="13.5"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="24.9" x2="11.4" y2="24.9"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="36.4" x2="11.4" y2="36.4"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="47.9" x2="11.4" y2="47.9"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="59.3" x2="11.4" y2="59.3"/>
<line fill="none" stroke="#0C374E" stroke-width="7.4313" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.7" y1="70.8" x2="11.4" y2="70.8"/>
<rect class="wow agenda-svg-animation-tab" x="64.9" y="9.6" fill="#F04F30" stroke="#0C374E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2" height="15.3"/>
<rect class="wow agenda-svg-animation-tab2" x="64.9" y="24.9" fill="#3BBCA7" stroke="#0C374E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2" height="15.3"/>
<rect class="wow agenda-svg-animation-tab3" x="64.9" y="40.2" fill="#FFCC06" stroke="#0C374E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2" height="15.3"/>
<rect class="wow agenda-svg-animation-tab4" x="64.9" y="55.5" fill="#008E9C" stroke="#0C374E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="8.2" height="15.3"/>
<polygon opacity="0.2" fill="#4C3F17" points="70.1,68.8 67.1,8.7 67.1,68.8 "/>
<g>
<g>
<path fill="#FFCB06" d="M27.9,38.9c-1.2,0-2.2-1-2.2-2.2V16.4c0-1.2,1-2.2,2.2-2.2h20.4c1.2,0,2.2,1,2.2,2.2v20.4
c0,1.2-1,2.2-2.2,2.2H27.9z"/>
<path fill="#0C374E" d="M48.3,16.2c0.1,0,0.2,0.1,0.2,0.2v20.4c0,0.1-0.1,0.2-0.2,0.2H27.9c-0.1,0-0.2-0.1-0.2-0.2V16.4
c0-0.1,0.1-0.2,0.2-0.2H48.3 M48.3,12.2H27.9c-2.3,0-4.2,1.9-4.2,4.2v20.4c0,2.3,1.9,4.2,4.2,4.2h20.4c2.3,0,4.2-1.9,4.2-4.2
V16.4C52.5,14.1,50.6,12.2,48.3,12.2L48.3,12.2z"/>
</g>
<path fill="#0C374E" d="M46.6,31.9c-0.1-0.9-0.8-1.7-2.5-2.4c-0.6-0.3-1.3-0.5-1.5-1c-0.1-0.3-0.1-0.4,0-0.6
c0.1-0.5,0.8-0.7,1.3-0.6c0.3,0.1,0.6,0.4,0.8,0.8c0.9-0.6,0.9-0.6,1.5-1c-0.2-0.3-0.3-0.5-0.5-0.7c-0.5-0.6-1.2-0.9-2.4-0.9
c-0.2,0-0.4,0.1-0.6,0.1c-0.6,0.1-1.1,0.4-1.4,0.9c-1,1.1-0.7,3,0.5,3.8c1.2,0.9,2.9,1.1,3.1,1.9c0.2,1-0.7,1.3-1.7,1.2
c-0.7-0.1-1.1-0.5-1.5-1.1c-0.8,0.4-0.8,0.4-1.5,0.9c0.2,0.4,0.4,0.6,0.7,0.9c1.5,1.5,5.2,1.4,5.8-0.8
C46.6,33.2,46.8,32.7,46.6,31.9z M39,25.7h-1.9c0,1.6,0,3.3,0,4.9c0,1,0.1,2-0.1,2.3c-0.3,0.6-1,0.5-1.3,0.4
c-0.3-0.2-0.5-0.4-0.7-0.7c-0.1-0.1-0.1-0.2-0.1-0.2c-0.5,0.3-1,0.6-1.5,0.9c0.3,0.5,0.6,1,1.1,1.3c0.7,0.4,1.7,0.6,2.7,0.3
c0.7-0.2,1.2-0.6,1.5-1.2C39.1,33,39,32,39,31C39,29.2,39,27.5,39,25.7z"/>
</g>
</g>
</svg>
</div>
Agenda
</h1>
<ul class="talk-list">
<li class="break wow fadeInUp">
<h5 class="time">8:00 am</h5>
<div class="checkin-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="123.5px" height="72.3px" viewBox="0 0 123.5 72.3" enable-background="new 0 0 123.5 72.3" xml:space="preserve"><path fill="#F2CA30" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M121.5,22.5V2H97.8H25.7H2v20.5l0,0c7.5,0,13.7,6.1,13.7,13.7c0,7.5-6.1,13.7-13.7,13.7v20.5h23.7h72.1h23.7V49.8 c-7.5,0-13.7-6.1-13.7-13.7C107.8,28.6,113.9,22.5,121.5,22.5z"/><g> <path fill="#F1CA30" d="M43.6,56.8c-1.3,0-2.3-1.1-2.3-2.3V18.2c0-1.3,1.1-2.3,2.3-2.3h36.3c1.3,0,2.3,1.1,2.3,2.3v36.3 c0,1.3-1.1,2.3-2.3,2.3H43.6z"/> <path fill="#23394E" d="M79.9,17.8c0.2,0,0.3,0.2,0.3,0.3v36.3c0,0.2-0.2,0.3-0.3,0.3H43.6c-0.2,0-0.3-0.2-0.3-0.3V18.2 c0-0.2,0.2-0.3,0.3-0.3H79.9 M79.9,13.8H43.6c-2.4,0-4.3,1.9-4.3,4.3v36.3c0,2.4,1.9,4.3,4.3,4.3h36.3c2.4,0,4.3-1.9,4.3-4.3V18.2 C84.2,15.8,82.3,13.8,79.9,13.8L79.9,13.8z"/></g><g> <g> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="97.6" y1="2" x2="97.6" y2="4"/> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3.903,9.7574" x1="97.6" y1="13.7" x2="97.6" y2="63.5"/> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="97.6" y1="68.4" x2="97.6" y2="70.3"/> </g></g><g> <g> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="25.8" y1="2" x2="25.8" y2="4"/> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3.903,9.7574" x1="25.8" y1="13.7" x2="25.8" y2="63.5"/> <line fill="none" stroke="#23394E" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" x1="25.8" y1="68.4" x2="25.8" y2="70.3"/> </g></g><g> <g> <circle fill="#23394E" stroke="#23394E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="52.6" cy="28.7" r="2"/> <circle fill="#23394E" stroke="#23394E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="70.8" cy="28.7" r="2"/> </g> <path fill="#23394E" stroke="#23394E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M57.4,39.3c-0.9-0.4-1.9-0.2-2.5,0.6c-0.5,0.7-0.6,1.7-0.1,2.5c1.4,2.1,4,3.5,7,3.5c3,0,5.6-1.4,7-3.5c0.6-0.9,0.4-2-0.2-2.7 c-0.6-0.6-1.6-0.8-2.4-0.4c-1,0.5-2.8,1.3-4.4,1.3C60.2,40.6,58.3,39.8,57.4,39.3z"/></g></svg>
</div>
<div class="subject icon">
<h5 class="single-line">Check in</h5>
</div>
</li>
<li class="talk wow fadeInUp" id="jennifer-dewalt">
<h5 class="time">9:00 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/jennifer-dewalt.jpg" height="96" class="avatar" alt="">
<h5>How I learned to Code by Making 180 websites in 180 days</h5>
<h6>_Jennifer De Walt</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/JenniferDewalt" target="_blank">@JenniferDewalt</a>, Wit.AI</h6>
<p>With no real coding experience, I decided to sit down and teach myself to code by making one website a day, every day, for 180 days. In this session, I'll cover what inspired me to take the path of self directed learning and what challenges I faced along the way. The first websites I made were simple and only used a tiny bit of html and css. By the end I was making dynamic, interactive apps. In this talk I'll present a selection of some of my favorite websites from the project which include games, toys, physics simulations, data visualizations and real time communication apps.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp odd" id="jaydson-gomes">
<h5 class="time">9:25 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/jaydson-gomes.jpg" height="96" class="avatar" alt="">
<h5>ES6 Rocks!</h5>
<h6>_Jaydson Gomes</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/jaydson" target="_blank">@jaydson</a>, ES6rocks.com</h6>
<p>ES6 is the sixth version of the language we love. The ECMAScript sixth version will be released in mid 2015, but all majors browsers are currently implementing the features we’ll have soon. In this talk you will know why ES6 Rocks! Also, you’ll learn how to write your code today with the new set of features and syntax both on node and the browser.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="sebastian-markbage">
<h5 class="time">9:50 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/sebastian-markbage.jpg" height="96" class="avatar" alt="">
<h5>Moving JS from Libraries to Polyfills</h5>
<h6>_Sebastián Markbage</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/sebmarkbage" target="_blank">@sebmarkbage</a>, Facebook</h6>
<p>I’ll explain how React is moving towards a minimal API surface area. Instead of providing many framework features, React is trying to utilize patterns, paradigms and JavaScript language features to accomplish the same tasks that other frameworks have dedicated APIs for. Not all environments have these natively. We need to polyfill new an experimental features. How can we safely do that? Is it better to have a non-standard library?</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="break wow fadeInUp">
<h5 class="time">10:10 am</h5>
<div class="break-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="69.4px" height="60.3px" viewBox="0 0 69.4 60.3" enable-background="new 0 0 69.4 60.3" xml:space="preserve"><path fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M61.5,29.5h-8.9V11h8.9c2.4,0,4.4,2,4.4,4.4v9.7C65.9,27.5,64,29.5,61.5,29.5z"/><path fill="#F2CA30" stroke="#23394E" stroke-width="5.902" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M10.1,3h41.2c1.8,0,3.3,1.5,3.3,3.3v27.3c0,9.5-7.7,17.2-17.2,17.2H24c-9.5,0-17.2-7.7-17.2-17.2V6.2C6.8,4.4,8.3,3,10.1,3z"/><path fill="#23394E" d="M45.1,33.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C45,35,45.3,34.2,45.1,33.1z M34.1,24.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C34.1,29.2,34.1,26.7,34.1,24.1z"/><line fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.5" y1="56.8" x2="57.9" y2="56.8"/><line fill="none" stroke="#F8E196" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.7" y1="14.6" x2="18.7" y2="33.1"/><polygon opacity="0.2" fill="#49401E" points="51.7,14.9 9.8,5.9 51.7,5.9 "/></svg>
</div>
<div class="subject icon break">
<h5 class="single-line">Break</h5>
</div>
</li>
<li class="talk wow fadeInUp odd" id="mr-doob">
<h5 class="time">10:45 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/ricardo-cabello.jpg" height="96" class="avatar" alt="">
<h5>Making 3D Graphics Accessible</h5>
<h6>_Mr Doob (Ricardo Cabello)</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/mrdoob" target="_blank">@mrdoob</a>, three.js</h6>
<p>In this session Ricardo will give some insights on how three.js came to be, some of the challenges from the past and the future and a few projects developed along the way.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="evangelina-ferreira">
<h5 class="time">11:10 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/maria-evangelina-ferreira.jpg" height="96" class="avatar" alt="">
<h5>Parallax 101</h5>
<h6>_María Evangelina Ferreira</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/evaferreira92" target="_blank">@evaferreira92</a>, UTN</h6>
<p>If a click is the decision, scrolling is a resolution. Parallax, moving content along with scroll pace, has become one of the most fashionable design tactics. It has dumped the ʺAbove the Foldʺ idea that people don't scroll by simply encouraging users to do so by entertaining them with movement and a sensation of depth. In this talk, we will go through real-time examples of Parallax animations, its anchors and its performance.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp odd" id="juan-ignacio-dopazo">
<h5 class="time">11:35 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/juan-ignacio-dopazo.jpg" height="96" class="avatar" alt="">
<h5>Internationalize your web apps</h5>
<h6>_Juan Ignacio Dopazo</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/juandopazo" target="_blank">@juandopazo</a>, Yahoo</h6>
<p>Traditionally, rendering of our web applications would be done on the server, where there are lots of established internationalization tools and libraries. However with the rise of single page apps (SPAs), user interfaces are being rendered in the browser using JavaScript. In this talk we'll be introducing FormatJS: a collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings. We'll do a walkthrough of JavaScript's Intl API and some of the core libraries we've developed, as well as a set of integrations for Handlebars, Dust and React. Finally, we'll discuss how these tools can be useful even if your application is only written in one language.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="nicolas-garcia-belmonte">
<h5 class="time">12:00 am</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/nicolas-garcia.jpg" height="96" class="avatar" alt="">
<h5>Visualizing data with JavaScript at Twitter</h5>
<h6>_Nicolás García Belmonte</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/philogb" target="_blank">@philogb</a>, Twitter</h6>
<p>At Twitter, the Visual Insights team has been working with the Media, Comms, Government and Brand Strategy teams on different visualizations for big events that happened around the world. Combining web standards, storytelling, data analysis and advanced graphics techniques we aim to translate into images the way people around the world have reacted on Twitter to an event. For our visualizations the Web is the best delivery platform and we use all graphics standards: 2D Canvas, WebGL, SVG and HTML based on the requirements of each visualization and accounting for factors like: number of elements in the screen, shape complexity, interaction, mobile support, libraries available and more. Through the exposition of some of our work, we will describe the workflow we use to create interactive public-facing visualizations at Twitter. We will go through a pipeline which includes stages of research of novel visualization techniques, design and planning for an event, data gathering and processing, prototyping and publishing visualizations.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="break wow fadeInUp">
<h5 class="time">12:30 pm</h5>
<div class="break-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="79.8px" height="79.9px" viewBox="0 0 79.8 79.9" enable-background="new 0 0 79.8 79.9" xml:space="preserve"><path fill="#F2CA30" stroke="#23394E" stroke-width="5.902" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M72.2,19.5c6.7,7,5.5,14.7,0.9,19.3L38.8,73.1c-4.7,4.7-12.7,5.8-19.2-0.9"/><path fill="#F2CA30" stroke="#23394E" stroke-width="5.902" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M7.7,60.3c-6.7-6.9-5.5-14.7-0.9-19.2L41.1,6.7c4.6-4.6,11.6-5.9,19.3,0.9"/><path fill="#D15034" stroke="#23394E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M10.2,56c-3.8,3.8-3.8,9.9,0,13.7c3.8,3.8,9.9,3.8,13.7,0l45.8-45.8c3.8-3.8,3.8-9.9,0-13.7c-3.8-3.8-9.9-3.8-13.7,0L10.2,56z"/><path fill="none" stroke="#F2CA30" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M65.1,14.8c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6c1.3,1.3,1.3,3.3,0,4.6c-1.3,1.3-3.3,1.3-4.6,0c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6c1.3,1.3,1.3,3.3,0,4.6c-1.3,1.3-3.3,1.3-4.6,0c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6c1.3,1.3,1.3,3.3,0,4.6c-1.3,1.3-3.3,1.3-4.6,0c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6c1.3,1.3,1.3,3.3,0,4.6c-1.3,1.3-3.3,1.3-4.6,0c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6c1.3,1.3,1.3,3.3,0,4.6c-1.3,1.3-3.3,1.3-4.6,0c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.3,3.3,0,4.6"/></svg>
</div>
<div class="subject icon break">
<h5 class="single-line">Lunch</h5>
</div>
</li>
<li class="talk wow fadeInUp odd" id="sara-chipps">
<h5 class="time">1:35 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/sara-chipps.jpg" height="96" class="avatar" alt="">
<h5>From JS to manufacturing, a hardware journey</h5>
<h6>_Sara Chipps</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/SaraJChipps" target="_blank">@SaraJChipps</a>, GirlDevelopIt</h6>
<p>Hardware is fun to play with, but can it become your career? Learn about turning a weekend hobby into a lifetime of learning while building a hardware company from the ground up.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="angel-java-lopez">
<h5 class="time">2:00 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/angel-java-lopez.jpg" height="96" class="avatar" alt="">
<h5>JavaScript and Artificial Intelligence</h5>
<h6>_Ángel "Java" López</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/ajlopez" target="_blank">@ajlopez</a>, Southworks</h6>
<p>Artificial Intelligence is a broad field with a long history of success and failures. We will explore some applications and algorithms, using JavaScript, at the browser and at the server with Node.js. The key topics to visit: using artificial intelligence in board games, genetic algorithms, neural networks, machine learning, deep learning. JavaScript is everywhere, and with the advent of Internet of Things, Big Data, robotics and drones, and distributed computing, there are more applications that applies artificial intelligence ideas.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp odd" id="nikolai-bachiyski">
<h5 class="time">2:25 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/nikolai-bachiyski.jpg" height="96" class="avatar" alt="">
<h5>Else Considered Harmful</h5>
<h6>_Nikolay Bachiyski</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/nikolayb" target="_blank">@nikolayb</a>, Automattic</h6>
<p>The "if else" logic is not entirely intuitive for our minds. We'll explore some alternatives that would lead to the same results but without using the more traditional logic sintax most of us are used to. We'll also see how we can benefit from reducing the complexity of our code in favour of readability, making it say what we really mean instead of having to translate all of our thoughts into a series of "if else" statements.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="break wow fadeInUp">
<h5 class="time">3:00 pm</h5>
<div class="break-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="69.4px" height="60.3px" viewBox="0 0 69.4 60.3" enable-background="new 0 0 69.4 60.3" xml:space="preserve"><path fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M61.5,29.5h-8.9V11h8.9c2.4,0,4.4,2,4.4,4.4v9.7C65.9,27.5,64,29.5,61.5,29.5z"/><path fill="#F2CA30" stroke="#23394E" stroke-width="5.902" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M10.1,3h41.2c1.8,0,3.3,1.5,3.3,3.3v27.3c0,9.5-7.7,17.2-17.2,17.2H24c-9.5,0-17.2-7.7-17.2-17.2V6.2C6.8,4.4,8.3,3,10.1,3z"/><path fill="#23394E" d="M45.1,33.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C45,35,45.3,34.2,45.1,33.1z M34.1,24.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C34.1,29.2,34.1,26.7,34.1,24.1z"/><line fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.5" y1="56.8" x2="57.9" y2="56.8"/><line fill="none" stroke="#F8E196" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.7" y1="14.6" x2="18.7" y2="33.1"/><polygon opacity="0.2" fill="#49401E" points="51.7,14.9 9.8,5.9 51.7,5.9 "/></svg>
</div>
<div class="subject icon break">
<h5 class="single-line">Break</h5>
</div>
</li>
<li class="talk wow fadeInUp" id="alex-sexton">
<h5 class="time">3:35 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/alex-sexton.jpg" height="96" class="avatar" alt="">
<h5>Your Very Own Component Library</h5>
<h6>_Alex Sexton</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/SlexAxton" target="_blank">@SlexAxton</a>, Stripe</h6>
<p>We're all pretty big fans of Bootstrap. It's a component library that helps us turn our ideas into reality faster than we've ever been able to do in the past. Unfortunately, it's kind of bland (on purpose!), and all the sites on the internet are starting to look the same. At Stripe, we wanted the same power of being able to spin up projects quickly, but without using Bootstrap, specifically. So we made "Bootstripe". It's able to be much more opinionated, and allows lots of parallel developers to build consistent user interfaces. I'd love to tell you how to build your own, how to test it, and how to integrate it into your applications.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp odd" id="nathan-rajlich">
<h5 class="time">4:00 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/nathan-rajlich.jpg" height="96" class="avatar" alt="">
<h5>Writing a Webmodule</h5>
<h6>_Nathan Rajlich</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/TooTallNate" target="_blank">@TooTallNate</a>, Node.js</h6>
<p>How to write small, focused modules for use in the web browser, with automated cloud testing.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="jason-chen">
<h5 class="time">4:25 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/jason-chen.jpg" height="96" class="avatar" alt="">
<h5>Building Editors in the Browser</h5>
<h6>_Jason Chen</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/jhchen" target="_blank">@jhchen</a>, Quilljs</h6>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="break wow fadeInUp">
<h5 class="time">4:45 pm</h5>
<div class="break-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="69.4px" height="60.3px" viewBox="0 0 69.4 60.3" enable-background="new 0 0 69.4 60.3" xml:space="preserve"><path fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M61.5,29.5h-8.9V11h8.9c2.4,0,4.4,2,4.4,4.4v9.7C65.9,27.5,64,29.5,61.5,29.5z"/><path fill="#F2CA30" stroke="#23394E" stroke-width="5.902" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M10.1,3h41.2c1.8,0,3.3,1.5,3.3,3.3v27.3c0,9.5-7.7,17.2-17.2,17.2H24c-9.5,0-17.2-7.7-17.2-17.2V6.2C6.8,4.4,8.3,3,10.1,3z"/><path fill="#23394E" d="M45.1,33.1c-0.2-1.3-1.1-2.5-3.7-3.5c-0.9-0.4-1.9-0.7-2.2-1.4c-0.1-0.4-0.1-0.6-0.1-0.9c0.2-0.8,1.1-1,1.9-0.8c0.5,0.2,0.9,0.5,1.2,1.1c1.3-0.8,1.3-0.8,2.2-1.4c-0.3-0.5-0.5-0.7-0.7-1c-0.8-0.9-1.8-1.3-3.5-1.3c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0.2-1.6,0.6-2.1,1.2c-1.4,1.6-1,4.3,0.7,5.5c1.7,1.3,4.1,1.5,4.4,2.7c0.3,1.4-1.1,1.9-2.4,1.7c-1-0.2-1.5-0.7-2.1-1.6c-1.1,0.6-1.1,0.6-2.2,1.3c0.3,0.6,0.5,0.9,1,1.4c2.1,2.2,7.4,2.1,8.4-1.2C45,35,45.3,34.2,45.1,33.1z M34.1,24.1l-2.7,0c0,2.4,0,4.7,0,7.1c0,1.5,0.1,2.9-0.2,3.3c-0.4,0.8-1.4,0.7-1.9,0.6c-0.5-0.2-0.7-0.6-1-1.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.7,0.5-1.5,0.9-2.2,1.4c0.4,0.8,0.9,1.4,1.6,1.9c1,0.6,2.5,0.8,3.9,0.5c1-0.3,1.8-0.9,2.2-1.7c0.6-1.2,0.5-2.5,0.5-4.1C34.1,29.2,34.1,26.7,34.1,24.1z"/><line fill="none" stroke="#23394E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3.5" y1="56.8" x2="57.9" y2="56.8"/><line fill="none" stroke="#F8E196" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.7" y1="14.6" x2="18.7" y2="33.1"/><polygon opacity="0.2" fill="#49401E" points="51.7,14.9 9.8,5.9 51.7,5.9 "/></svg>
</div>
<div class="subject icon break">
<h5 class="single-line">Break</h5>
</div>
</li>
<li class="talk wow fadeInUp odd" id="julian-duque">
<h5 class="time">5:20 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/julian-duque.jpg" height="96" class="avatar" alt="">
<h5>JavaScript Robotics: A NodeBots show</h5>
<h6>_Julian Duque</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/julian_duque" target="_blank">@julian_duque</a>, NodeSource</h6>
<p>Have you ever heard about NodeBots? In this talk (or show) you are going to learn about what a NodeBot is and how it's possible to do some electronics and robotics magic using JavaScript, from basics projects like controlling a LED to more advanced ones like a biped robot or crazy musical instruments like a theremin. Besides the cool things you can build in NodeBots the most awesome part of it is the community, you'll see what we are doing from the community point of view and how we are achieving social impact bringing more people from all ages to programming and electronics, specially in Latin america, through the NodeBots community.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp" id="alvaro-videla">
<h5 class="time">5:45 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/alvaro-videla.jpg" height="96" class="avatar" alt="">
<h5>Building a Distributed Data Ingestion System with RabbitMQ</h5>
<h6>_Álvaro Videla</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/old_sound" target="_blank">@old_sound</a>, RabbitMQ</h6>
<p>Your company has servers distributed around the world and you need to process data in a centralised location. The data is produced by applications using different technology stacks and comes from various sources, from web servers to sensors. How could you solve this problem? Enter RabbitMQ. In this talk we are going to show how to build a system that can ingest data produced at separate geo located areas (think AWS and it's many regions) and replicate it to a central cluster where it can be further processed and analysed. We will present an example of how to build a system like this one by using RabbitMQ Federation to replicate data across AWS Regions and RabbitMQ support for many protocols to produce/consume data. To help with scalability we are going to show an interesting way to implement sharded queues with RabbitMQ by using the Consistent Hash Exchange. If you want to learn what else has RabbitMQ to offer beyond simple messaging and queueing, then this is the talk for you.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp odd" id="tomasz-janczuk">
<h5 class="time">6:10 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/tomasz-janczuk.jpg" height="96" class="avatar" alt="">
<h5>Sandboxing Node.js with CoreOS and Docker</h5>
<h6>_Tomasz Janczuk</h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/tjanczuk" target="_blank">@tjanczuk</a>, Auth0</h6>
<p>You are writing a cloud application that executes custom code on behalf of your users. You need to protect one user's data from another's, and you must ensure fair access to computing resources among your users, without imposing undue constraints on their code. In other words, you must build a sandbox for executing custom code. In this talk I will demonstrate a design for such a sandbox that we have created at Auth0. You will learn how we are using modern container technologies based on CoreOS and Docker to enable customers to run custom Node.js and C# code (via Edge.js) in a way that is safe, fair, and fast.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp highlight" id="andreas-gal">
<h5 class="time">6:30 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/andreas-gal.jpg" height="96" class="avatar" alt="">
<h5>j2me.js - a multi-threaded Java VM in JavaScript</h5>
<h6>_Andreas Gal <span class="pill">Keynote speaker</span></h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/andreasgal" target="_blank">@andreasgal</a>, CTO @ Mozilla</h6>
<p>j2me.js is a Java VM written in pure JavaScript that is geared towards modern Web-enabled mobile devices such as Firefox OS. Its designed to run Java/MIDP games and apps in an HTML5 environment, enabling old feature phone content to live on in the modern smartphone world. My talk will in focus in particular on mapping the more complex language features of the Java VM onto JavaScript and HTML5, including multithreading and synchronous I/O.</p>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="talk wow fadeInUp highlight odd" id="brendan-eich">
<h5 class="time">7:15 pm</h5>
<div class="subject">
<div class="description">
<img src="static/images/speakers/brendan-eich.jpg" height="96" class="avatar" alt="">
<h5>The future of Javascript</h5>
<h6>_Brendan Eich <span class="pill">Keynote speaker</span></h6>
<span class="more">+</span>
<div class="details">
<h6><a href="https://twitter.com/BrendanEich" target="_blank">@BrendanEich</a>, Creator of Javascript</h6>
<div class="actions">
<a href="" class="button md-close"></a>
</div>
</div>
</div>
</div>
</li>
<li class="break wow fadeInUp">
<h5 class="time">> 8:00 pm</h5>
<div class="party-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="72.8px" height="86.3px" viewBox="0 0 72.8 86.3" enable-background="new 0 0 72.8 86.3" xml:space="preserve"><g><g><path fill="#F1D000" d="M49,71.4c-2.8,0-5.1-2.3-5.1-5.1V41c0-2.8,2.3-5.1,5.1-5.1h12.2c5.3,0,9.6,4.3,9.6,9.6v16.3c0,5.3-4.3,9.6-9.6,9.6H49z M60.6,61.2V46.1h-6.5v15.1H60.6z"/><path fill="#08374A" d="M61.2,37.9c4.2,0,7.6,3.4,7.6,7.6v16.3c0,4.2-3.4,7.6-7.6,7.6H49c-1.7,0-3.1-1.4-3.1-3.1V41c0-1.7,1.4-3.1,3.1-3.1H61.2 M52.1,63.2h9.1c0.8,0,1.4-0.6,1.4-1.4V45.6c0-0.8-0.6-1.4-1.4-1.4h-9.1V63.2 M61.2,33.9H49c-3.9,0-7.1,3.2-7.1,7.1v25.3c0,3.9,3.2,7.1,7.1,7.1h12.2c6.4,0,11.6-5.2,11.6-11.6V45.6C72.8,39.2,67.6,33.9,61.2,33.9L61.2,33.9z M56.1,48.1h2.5v11.1h-2.5V48.1L56.1,48.1z"/></g></g><path fill="#F1D000" stroke="#08374A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M45.7,84.3H16.1c-4.5,0-8.2-3.7-8.2-8.2V28h45.9v48.1C53.9,80.7,50.2,84.3,45.7,84.3z"/><g><line fill="none" stroke="#F9E89A" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="18.1" y1="29.7" x2="18.1" y2="60.4"/><line fill="none" stroke="#F9E89A" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="30.9" y1="29.7" x2="30.9" y2="60.4"/><line fill="none" stroke="#F9E89A" stroke-width="7.4079" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="43.7" y1="29.7" x2="43.7" y2="60.4"/></g><polygon opacity="0.2" fill="#4E440C" points="9.4,38.3 53.9,30.5 9.4,30.5 "/><polygon opacity="0.2" fill="#4E440C" points="58.8,45.2 56,34.7 56,45.2 "/><polygon opacity="0.2" fill="#4E440C" points="58.8,71.7 56,61.2 56,71.7 "/><line fill="none" stroke="#08374A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="3" y1="28" x2="58.8" y2="28"/><g><path fill="#FFFFFF" d="M47.1,59.7c-2.5,0-4.5-2-4.5-4.5v-1.1c0-1.6,0.9-3,2.2-3.8c-1.3-0.8-2.2-2.2-2.2-3.8c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1v-1.5c-0.5,1.9-2.3,3.2-4.3,3.2c-2.5,0-4.5-2-4.5-4.5c0,0,0-16.4,0-16.4h-26c-1.1,0-2-0.9-2-2v-4.7c0-5.2,4.2-9.5,9.5-9.5c0.4,0,0.7,0,1.1,0.1c0.9-5.1,5.4-9,10.8-9c4.3,0,8.1,2.5,9.9,6.2C37.9,8.1,38.7,8,39.5,8c4.7,0,8.8,2.9,10.3,7.3c3.7,1.8,6.2,5.7,6.2,9.9c0,1.1-0.9,2-2,2h-2.5v19.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,1.6-0.9,3-2.2,3.8c1.3,0.8,2.2,2.2,2.2,3.8v1.1C51.5,57.7,49.5,59.7,47.1,59.7z"/><path fill="#08374A" d="M27.2,4c4.2,0,7.7,2.9,8.7,6.8c1.1-0.5,2.4-0.8,3.7-0.8c4.2,0,7.7,2.9,8.7,6.7c3.4,1.3,5.8,4.5,5.8,8.4h-4.5v21.1h0c0,0.1,0,0.2,0,0.3c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5c0-0.1,0-0.2,0-0.3h0v-6.3l0-0.9c-0.1-0.9-0.9-1.6-1.9-1.6s-1.8,0.7-1.9,1.6l0,0.9v3.4h0c0,0,0,0.1,0,0.1c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5c0,0,0-0.1,0-0.1h0V25.1H21.1H9.5H7.8v-4.7c0-4.1,3.3-7.5,7.5-7.5c1.1,0,2.1,0.2,3,0.6c0-0.2,0-0.4,0-0.6C18.2,8,22.2,4,27.2,4 M47.1,51.7c1.4,0,2.5,1.1,2.5,2.5c0,0.2,0,0.9,0,1.1c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5c0-0.2,0-0.9,0-1.1C44.6,52.8,45.7,51.7,47.1,51.7 M27.2,0c-5.7,0-10.6,3.8-12.3,9c-6.1,0.2-11,5.3-11,11.5v4.7c0,2.2,1.8,4,4,4h1.6h11.6h10.8v14.3c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,3.6,2.9,6.5,6.5,6.5c1,0,2-0.2,2.9-0.7c0.2,0.4,0.4,0.7,0.6,1.1c-0.8,1.1-1.3,2.4-1.3,3.8v1.1c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5v-1.1c0-1.4-0.5-2.8-1.3-3.8c0.8-1.1,1.3-2.4,1.3-3.8c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1V29.1H54c2.2,0,4-1.8,4-4c0-4.7-2.6-9-6.6-11.3C49.4,9.1,44.8,6,39.5,6c-0.5,0-0.9,0-1.4,0.1C35.8,2.4,31.7,0,27.2,0L27.2,0z"/></g></svg>
</div>
<div class="subject icon party">
<h5 class="single-line">Party</h5>
</div>
</div>
</li>
</ul>
</div>
</section>
<a name="venue"></a>
<section class="section-place">
<div class="place-grid">
<div class="place-cell-data">
<h1>The Venue</h1>
<address class="vcard" itemprop="location">
<div class="adr" itemscope="itemscope" itemtype="http://schema.org/PostalAddress">
<p><strong itemprop="name">Auditorio Bs As</strong></p>
<p>Buenos Aires Design</p>
<p class="street-address" itemprop="streetAddress">Av. Pueyrredon 2501 <a href="https://www.google.com.ar/maps/place/Av+Pueyrred%C3%B3n+2501,+Buenos+Aires,+Ciudad+Aut%C3%B3noma+de+Buenos+Aires/@-34.5855404,-58.3932758,17z/data=!3m1!4b1!4m2!3m1!1s0x95bccaa18fa55699:0x7746d21fe65b54d5" target="_blank">View on Google Maps</a></p>
<meta itemprop="addressLocality" content="Ciudad de Buenos Aires, Argentina"/>
<meta itemprop="telephone" content=""/>
<meta itemprop="url" content="https://www.google.com.ar/maps/place/Av+Pueyrred%C3%B3n+2501,+Buenos+Aires,+Ciudad+Aut%C3%B3noma+de+Buenos+Aires/@-34.5855533,-58.3932661,17z/data=!3m1!4b1!4m2!3m1!1s0x95bccaa18fa55699:0x7746d21fe65b54d5"/>
</div>
</address>
</div>
<div class="place-cell-map">
<div class="map-holder" id="map-holder"></div>
</div>
<div class="place-cell-photo">
</div>