-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
1578 lines (1510 loc) · 89.3 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>
<head>
<title>GORUCO 2017</title>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="/images/favicon.png" rel="icon" type="image/png" />
<script src="https://use.typekit.net/eah0gcq.js"></script>
<script>try{Typekit.load({ async: false });}catch(e){}</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-97511443-1', 'auto');
ga('send', 'pageview');
</script>
<link href="/stylesheets/site.css" rel="stylesheet" />
</head>
<body class="index">
<section class="overlay-menu fixed top-0 left-0 right-0 bottom-0 w-100 h-100 flex items-center justify-center">
<ul class="list pl0">
<li class="mb3"><a data-scroll href="#schedule" class="link dim f2 fw5 white ">Schedule</a></li>
<li class="mb3"><a data-scroll href="#speakers" class="link dim f2 fw5 white ">Speakers</a></li>
<li class="mb3"><a data-scroll href="#sponsors" class="link dim f2 fw5 white ">Sponsors</a></li>
<li class="mb3"><a data-scroll href="#scholarship-sponsors" class="link dim f2 fw5 white ">Scholarship Sponsors</a></li>
<li class="mb3"><a data-scroll href="#location" class="link dim f2 fw5 white ">Location</a></li>
<li class="mb3"><a data-scroll href="#background" class="link dim f2 fw5 white ">Background</a></li>
<li class="mb3"><a data-scroll href="#organizers" class="link dim f2 fw5 white ">Organizers</a></li>
<a class="f5 fw6 pointer link dim ph3 pv2 ba bw1 b--dark-pink bg-dark-pink tc white db mt4" target="_blank" href="http://bit.ly/stream-goruco2017">Live Stream</a>
</ul>
</section>
<section class="vh-80 bg-goruco-purple flex items-end hero overflow-y-hidden ph4 ph5-l">
<svg class="scattered-rubies" 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 1226.4 987.8" style="enable-background:new 0 0 1226.4 987.8;" xml:space="preserve">
<path class="scattered-ruby" data-rellax-speed="1" d="M249.9,305.5L361.1,60.6L238.6,5l-178,66.9L5,194.4L249.9,305.5z"/>
<path class="scattered-ruby" data-rellax-speed="3" d="M452.7,771.5l267.2-91.2l-45.6-133.6l-179.2-88l-133.6,45.6L452.7,771.5z"/>
<path class="scattered-ruby" data-rellax-speed="7" d="M756.8,283.5l92.4-131.2l-65.6-46.2l-111.8,19.4l-46.2,65.6L756.8,283.5z"/>
<path class="scattered-ruby" data-rellax-speed="3" d="M1029.7,965.4l73.8-180.6l-90.3-36.9L886,801.3l-36.9,90.3L1029.7,965.4z"/>
<path class="scattered-ruby" data-rellax-speed="1" d="M1039.8,596.3l181.6-137.2l-68.6-90.8l-159.4-22.2l-90.8,68.6L1039.8,596.3z"/>
<path class="scattered-ruby" data-rellax-speed="3" d="M184.4,982.8L304.9,877L252,816.7l-113.2-7.4l-60.3,52.9L184.4,982.8z"/>
</svg>
<div class="mw-100">
<div class="w-100 mw8-l dib pt3 pb2 pb2-l">
<h1 class="white f2 f1-ns ma0 bt bw2 b--white dib pt3" style="max-width: 839px;">GORUCO is a one day, single track, polyglot conference in New York City</h1>
<h2 class="white fw5">Saturday, June 24th 2017</h2>
</div>
<div class="flex-l items-center pb4">
<a class="f5 fw6 pointer link dim ph3 pv2 ba bw1 b--dark-pink bg-dark-pink tc white db mb3 mb0-l mr3-l w-25-l" target="_blank" href="http://bit.ly/stream-goruco2017">Live Stream</a>
<a class="f5 fw6 pointer link db dim ph3 pv2 ba bw1 b--white bg-transparent tc white" target="_blank" href="sponsor-prospectus-2017.pdf">Sponsor Prospectus</a>
</div>
<nav class="top-navigation" data-gumshoe-header>
<div class="flex mobile-menu items-center justify-between dn-l pv3">
<h2 class="ma0 white">GORUCO</h2>
<button type="button" class="white fw6 button-reset bg-transparent bn flex items-center" id="triggerOverlayMenu">
<img src="/images/hamburger.svg" class="h1 mr1" alt="Hamburger" />
<span class="menu-title f6">Menu</span>
</button>
</div>
<div class="flex items-center justify-between">
<ul class="list pl0 dn db-l" data-gumshoe>
<li class="dib mr2"><a data-scroll href="#schedule" class="f4 b db pr3 pb1 no-underline white">Schedule</a></li>
<li class="dib mr2"><a data-scroll href="#speakers" class="f4 b db pr3 pb1 no-underline white">Speakers</a></li>
<li class="dib mr2"><a data-scroll href="#sponsors" class="f4 b db pr3 pb1 no-underline white">Sponsors</a></li>
<li class="dib mr2"><a data-scroll href="#scholarship-sponsors" class="f4 b db pr3 pb1 no-underline white">Scholarship Sponsors</a></li>
<li class="dib mr2"><a data-scroll href="#location" class="f4 b db pr3 pb1 no-underline white">Location</a></li>
<li class="dib mr2"><a data-scroll href="#background" class="f4 b db pr3 pb1 no-underline white">Background</a></li>
<li class="dib mr2"><a data-scroll href="#organizers" class="f4 b db pr3 pb1 no-underline white">Organizers</a></li>
</ul>
<div>
<a class="f5 fw6 pointer link dim ph3 pv2 ba bw1 b--dark-pink bg-dark-pink tc white ticket-btn dn db-l" target="_blank" href="http://bit.ly/stream-goruco2017">Live Stream</a>
</div>
</div>
</nav>
</div>
</section>
<section class="pa3 pa5-l pb4-l" id="about">
<div class="mb2">
<h3 class="f4 f2-ns ma0 bt bw2 b--black pt3 dib">About</h3>
<p class="f3-l lh-copy measure-wide-l">
We’re rebuilding GORUCO as a polyglot conference that emphasizes and embodies the best of Ruby’s practices, values, and community. This is an opportunity to extend Ruby’s reach, to pull more people into Ruby’s orbit who share our values, and to keep Ruby alive even as its community members use a much broader set of tools and languages.
</p>
</div>
</section>
<section class="pa3 pa5-l relative mb4 mb0-l" id="schedule">
<div class="mb4 mb5-l">
<h3 class="f3 f2-ns ma0 bt bw2 b--black pt3 dib">Schedule</h3>
</div>
<div class="morning-sessions relative">
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">9:00 AM — 10:00 AM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">Registration</h4>
<p class="f4 ma0">
Doors open, get your conference badge and some breakfast
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">10:00 AM — 10:30 AM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">The Rubyist's Illustrated Rust Adventure Survival Guide</h4>
<p class="f4 ma0">
<a href="#modal-4" class="open-speaker-modal link dark-pink f6 db">
Liz Baillie
</a>
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">10:35 AM — 11:05 AM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">Optimizing for API consumers with GraphQL</h4>
<p class="f4 ma0">
<a href="#modal-8" class="open-speaker-modal link dark-pink f6 db">
Brooks Swinnerton
</a>
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">11:20 AM — 11:30 AM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">Trust & Teams</h4>
<p class="f4 ma0">
<a href="#modal-7" class="open-speaker-modal link dark-pink f6 db">
Rebecca Miller-Webster
</a>
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">11:35 AM — 11:45 AM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">Object Oriented Thinking with Elixir and OTP</h4>
<p class="f4 ma0">
<a href="#modal-3" class="open-speaker-modal link dark-pink f6 db">
Ryan Findley
</a>
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">11:50 AM — 12:00 PM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">Developer Productivity Engineering</h4>
<p class="f4 ma0">
<a href="#modal-9" class="open-speaker-modal link dark-pink f6 db">
Panayiotis Thomakos
</a>
</p>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="mb3 w-100 w-25-l pv0-l mb0-l">
<h4 class="f4 ma0 fw5 dark-gray">12:05 PM — 12:35 PM</h4>
</div>
<div class="w-100 w-75-l pl4-l pb3 pb4-l ml2-l timeline-right relative">
<h4 class="f3 mt0 mb2">SQL to NoSQL to NewSQL and the rise of polyglot persistence</h4>
<p class="f4 ma0">
<a href="#modal-1" class="open-speaker-modal link dark-pink f6 db">
Paul Dix
</a>
</p>
</div>
</div>
</div>
<div class="w-100 w-50-l center pb4 mb2 mb0-l lunch relative bb b--black-10 bn-l tc-l mt4 mt0-l pt4-l pb5-l">
<div class="bg-white dib-l ph5-l ba-l bw2-l b--black pv3-l bg-lunch relative">
<div class="z-2">
<h4 class="f3 mt0 mb2">Lunch</h4>
<p class="f4 ma0">12:35 PM - 2:00 PM</p>
</div>
</div>
</div>
<div class="afternoon-sessions relative">
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Difficult Conversations</h4>
<p class="f4 ma0">
<a href="#modal-5" class="open-speaker-modal link dark-pink f6 db">
Adam Cuppy
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">2:10 PM — 2:40 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">What I Learned to Love About Ruby When I Switched to Python</h4>
<p class="f4 ma0">
<a href="#modal-0" class="open-speaker-modal link dark-pink f6 db">
Lauren Ellsworth
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">2:50 PM — 3:20 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Front-End Sadness to Happiness: The React on Rails Story</h4>
<p class="f4 ma0">
<a href="#modal-12" class="open-speaker-modal link dark-pink f6 db">
Justin Gordon
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">3:35 PM — 4:05 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Shaving my head made me a better programmer</h4>
<p class="f4 ma0">
<a href="#modal-2" class="open-speaker-modal link dark-pink f6 db">
Alex Qin
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">4:10 PM — 4:20 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Beyond OSS</h4>
<p class="f4 ma0">
<a href="#modal-6" class="open-speaker-modal link dark-pink f6 db">
Verónica López
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">4:25 PM — 4:35 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Scars: On handling adversity</h4>
<p class="f4 ma0">
<a href="#modal-10" class="open-speaker-modal link dark-pink f6 db">
Ross Kaffenberger
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">4:40 PM — 4:50 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">How to load 1m lines of Ruby in 5s</h4>
<p class="f4 ma0">
<a href="#modal-13" class="open-speaker-modal link dark-pink f6 db">
Andrew Metcalf
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">5:15 PM — 5:45 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">Type. Context.</h4>
<p class="f4 ma0">
<a href="#modal-11" class="open-speaker-modal link dark-pink f6 db">
Sam Phippen
</a>
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">5:50 PM — 6:20 PM</h4>
</div>
</div>
<div class="flex-ns flex-column flex-row-l w-100 event relative bb bn-l b--black-10 pt3 pt0-l">
<div class="w-100 w-75-l pr4-l pl0-l pb3 pb4-l timeline-left relative mr2-l tr-l order-1 order-0-l">
<h4 class="f3 mt0 mb2">After Party!</h4>
<p class="f4 ma0">
</p>
</div>
<div class="mb3 w-100 w-25-l mb0-l tr-l order-0 order-1-l">
<h4 class="f4 ma0 fw5 dark-gray">6:30 PM — 8:30 PM</h4>
</div>
</div>
</div>
</div>
</section>
<section class="pa3 pa5-l" id="speakers">
<div class="mb3">
<h3 class="f4 f2-ns ma0 bt bw2 b--black pt3 dib">Speakers</h3>
</div>
<div class="flex flex-wrap nl2 nr2">
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/lauren-ellsworth.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Lauren Ellsworth</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@redyaffle">@redyaffle</a>
</h2>
<h3 class="mt1 mb1 fw5">What I Learned to Love About Ruby When I Switched to Python</h3>
<p class="f5 lh-copy ma0 mb2">
When I switched from a Ruby based company to a Python based company, thi...
</p>
<a href="#modal-0" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-0" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/lauren-ellsworth.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Lauren Ellsworth</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@redyaffle">@redyaffle</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">What I Learned to Love About Ruby When I Switched to Python</h3>
<p class="measure lh-copy ma0">When I switched from a Ruby based company to a Python based company, things I had taken for granted in my Ruby life were suddenly sorely missed, and the transition to a language with only one way to do the same thing created quite a few bumps in the road. This talks draws parallels between Ruby and Python, spotlighting which brought the most developer happiness, what I miss and love about Ruby, and what Ruby can learn from Python. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Lauren Ellsworth is a Senior Software Engineer at Flatiron Health, a company working to accelerate cancer research and improve cancer care. In her years of development, Lauren has contributed to a half dozen analytics platforms, software that aids in facial recognition of lions, and foster care case management software, among other projects. Currently, Lauren is scaling engineering on-boarding at Flatiron Health, while developing agile and secure services on the Developer Infrastructure team.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/paul-dix.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Paul Dix</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@pauldix">@pauldix</a>
</h2>
<h3 class="mt1 mb1 fw5">SQL to NoSQL to NewSQL and the rise of polyglot persistence</h3>
<p class="f5 lh-copy ma0 mb2">
The last ten years have brought many new developments in databases. Prev...
</p>
<a href="#modal-1" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-1" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/paul-dix.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Paul Dix</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@pauldix">@pauldix</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">SQL to NoSQL to NewSQL and the rise of polyglot persistence</h3>
<p class="measure lh-copy ma0">The last ten years have brought many new developments in databases. Previously developers had SQL as the dominant and nearly only paradigm for databases. Then in the mid-aughts the rise of NoSQL databases like MongoDB, Redis, Cassandra, HBase and others brought new paradigms and options to developers. Over the last few years there seems to have been a swing back to NewSQL or scalable databases that support the SQL standard. In this talk we'll look at some of the new database models like document, data structure, time series, and key/value. I'll look at use cases where these different models end up being a better fit for their problem domains than SQL, the previous one true language to rule them all. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Paul Dix is cofounder and CTO of InfluxData, the company behind InfluxDB, the open source time series database. He has helped build software for startups, large companies and organizations like Microsoft, Google, McAfee, Thomson Reuters, and Air Force Space Command. He is the series editor for Addison Wesley's Data & Analytics book and video series. In 2010 Paul wrote the book Service Oriented Design with Ruby and Rails for Addison Wesley's Professional Ruby series.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/alex-qin.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Alex Qin</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@alexqin">@alexqin</a>
</h2>
<h3 class="mt1 mb1 fw5">Shaving my head made me a better programmer</h3>
<p class="f5 lh-copy ma0 mb2">
How do perceptions and stereotypes affect those in software and on engin...
</p>
<a href="#modal-2" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-2" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/alex-qin.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Alex Qin</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@alexqin">@alexqin</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Shaving my head made me a better programmer</h3>
<p class="measure lh-copy ma0">How do perceptions and stereotypes affect those in software and on engineering teams? This talk tells the true story of how I hacked my appearance, by shaving my head, to change the way I was perceived as a programmer. This talk also serves as a primer on unconscious bias and stereotype threat, and their effects on individuals and teams. I will provide actionable advice on how to make engineering teams more inclusive, more diverse, and thusly more productive, successful, and attractive to potential hires. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Alex Qin is a Brooklyn based software engineer and educator. She cares deeply about access to computer science education, and about leveraging technology to create positive social change. She works at Skillshare, where she leads the Web Engineering Team and co-organizes Codeshare, an inclusive and intimate gathering for those interested in the intersection of code, creativity, and art. She is also the founder and lead teacher of the Code Cooperative, an open source educational program in which former inmates learn to code as a means to creating social change.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/ryan-findley.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Ryan Findley</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@neomindryan">@neomindryan</a>
</h2>
<h3 class="mt1 mb1 fw5">Object Oriented Thinking with Elixir and OTP</h3>
<p class="f5 lh-copy ma0 mb2">
Processes in Erlang / Elixir resemble objects in many ways. Some even ar...
</p>
<a href="#modal-3" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-3" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/ryan-findley.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Ryan Findley</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@neomindryan">@neomindryan</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Object Oriented Thinking with Elixir and OTP</h3>
<p class="measure lh-copy ma0">Processes in Erlang / Elixir resemble objects in many ways. Some even argue that Erlang processes and the Actor Model are a purer form of object-orientation. The Elixir community has a large contingent of Rubyists that have extended many of the core values (and joys) of Ruby into the world of Elixir. This talk exposes some of the reasons why while providing a starting point for further learning </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Ryan Findley, a professional software developer of over 15 years, builds and looks after custom software solutions. Ryan founded Neomind Labs in 2002. Neomind Labs, a Philadelphia-based, privately owned company, specializes in software stewardship with a focus on Ruby, Rails, and JavaScript. Neomind has built and maintained software systems for a variety of US clients that serve a global audience of customers, including academic and medical institutions, Fortune 500 companies, startups, and non-profits.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/liz-baillie.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Liz Baillie</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@_lbaillie">@_lbaillie</a>
</h2>
<h3 class="mt1 mb1 fw5">The Rubyist's Illustrated Rust Adventure Survival Guide</h3>
<p class="f5 lh-copy ma0 mb2">
Programming is an adventure, often more harrowing than it has to be. If ...
</p>
<a href="#modal-4" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-4" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/liz-baillie.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Liz Baillie</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@_lbaillie">@_lbaillie</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">The Rubyist's Illustrated Rust Adventure Survival Guide</h3>
<p class="measure lh-copy ma0">Programming is an adventure, often more harrowing than it has to be. If you're more used to higher-level languages like Ruby or JavaScript, learning a lower-level language like Rust can feel like an impossible journey that leaves you wishing for a well-written and heavily illustrated field guide. Good news! I have already gone down this road and am now prepared to share my adventure with you. Luckily, I was able to capture much of the flora and fauna of Rustlandia with my primitive pictorial devices (paper and pen). </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Liz is currently wrangling the JavaScripts and herding the Rubies as an engineer at Tilde. Previously, she spent many years drawing comic books to a limited but enthusiastic audience. She is just getting started at contributing to open source projects and is already addicted. Please send help (don't actually send help).</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/adam-cuppy.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Adam Cuppy</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@AdamCuppy">@AdamCuppy</a>
</h2>
<h3 class="mt1 mb1 fw5">Difficult Conversations</h3>
<p class="f5 lh-copy ma0 mb2">
It’s never easy to have a tough conversations, and they never go away. T...
</p>
<a href="#modal-5" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-5" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/adam-cuppy.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Adam Cuppy</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@AdamCuppy">@AdamCuppy</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Difficult Conversations</h3>
<p class="measure lh-copy ma0">It’s never easy to have a tough conversations, and they never go away. Therefore, I see a better way to live with them, and I want everyone to hear it: empower yourself to understand why we do what we do so you can effect change. Understanding creates empathy. Empathy reduces (not eliminates) conflict. This talk is a practical course on the triad of human psychology: language, physiology and focus. I’ll walk through simple strategies that lower stress, create empathy and manage emotions. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Master of Smile Generation. Ambassador of Company Culture. Tech Entreprenur. Speaker/Educator. One-time Professional Actor @osfashland. Husband. Chief Zealous Officer @CodingZeal</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/veronica-lopez.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Verónica López</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@maria_fibonacci">@maria_fibonacci</a>
</h2>
<h3 class="mt1 mb1 fw5">Beyond OSS</h3>
<p class="f5 lh-copy ma0 mb2">
As software engineers, we're constantly encouraged to contribute to Open...
</p>
<a href="#modal-6" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-6" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/veronica-lopez.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Verónica López</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@maria_fibonacci">@maria_fibonacci</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Beyond OSS</h3>
<p class="measure lh-copy ma0">As software engineers, we're constantly encouraged to contribute to Open Source as a means of learning and giving back to our communities. However, this vision can alienate newcomers from different backgrounds. To fight this back, in this talk I'll explain why this happens, and I will share different ideas that can lead us to foster real diversity in our communities and workplaces. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">I'm a former physicist turned computer scientist who currently finds joy working with distributed systems with Go, and trying to make physics and computer science converge. Proud Mexican and tea junkie.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/rebecca-miller-webster.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Rebecca Miller-Webster</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@rmillerwebster">@rmillerwebster</a>
</h2>
<h3 class="mt1 mb1 fw5">Trust & Teams</h3>
<p class="f5 lh-copy ma0 mb2">
Trust is at the core of whether we are happy at work or not. Trust is at...
</p>
<a href="#modal-7" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-7" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/rebecca-miller-webster.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Rebecca Miller-Webster</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@rmillerwebster">@rmillerwebster</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Trust & Teams</h3>
<p class="measure lh-copy ma0">Trust is at the core of whether we are happy at work or not. Trust is at the core of whether we like who we work with. Trust is at the core of whether people perceive us to be good at our jobs. But what is trust? How do you know when it's missing? And how do you fix it when it's gone. Let's discuss the elements of trust and the patterns of behavior the make or break trust </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Rebecca Miller-Webster is a software engineer, conference organizer, and educator. She is the founder of Write/Speak/Code and Practice Lead at DevMynd. Rebecca has been developing software professionally for over a dozen years, previously organized GORUCO, and was the founding teacher at Dev Bootcamp NYC. Rebecca's hobbies include drinking Cherry Coke Zero, cuddling pugs, and wearing all the colors.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/brooks-swinnerton.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Brooks Swinnerton</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@bswinnerton">@bswinnerton</a>
</h2>
<h3 class="mt1 mb1 fw5">Optimizing for API consumers with GraphQL</h3>
<p class="f5 lh-copy ma0 mb2">
GraphQL is an exciting new query language that's transforming the way we...
</p>
<a href="#modal-8" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-8" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/brooks-swinnerton.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Brooks Swinnerton</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@bswinnerton">@bswinnerton</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Optimizing for API consumers with GraphQL</h3>
<p class="measure lh-copy ma0">GraphQL is an exciting new query language that's transforming the way we think about APIs. Used in production by Facebook, GitHub, and Shopify, it challenges RESTful API design by empowering consumers to query for exactly the information they need. In this talk, I will give an introduction to the query language, how GitHub uses it internally with Ruby and Rails, and the lessons they learned launching their GraphQL API externally.</p> </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Brooks Swinnerton is a Brooklyn based Platform Engineer at GitHub where he works on their REST API, webhooks and GraphQL API.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/panayiotis-thomakos.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Panayiotis Thomakos</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@panthomakos">@panthomakos</a>
</h2>
<h3 class="mt1 mb1 fw5">Developer Productivity Engineering</h3>
<p class="f5 lh-copy ma0 mb2">
Ruby is often praised for being a happy language. For highly motivated d...
</p>
<a href="#modal-9" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-9" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/panayiotis-thomakos.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Panayiotis Thomakos</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@panthomakos">@panthomakos</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Developer Productivity Engineering</h3>
<p class="measure lh-copy ma0">Ruby is often praised for being a happy language. For highly motivated developers, a large part of happiness is tied to being productive. How can we extend the productivity gains we experience from writing Ruby to an entire engineering organization? At Strava we are experimenting with a framework we call Developer Productivity Engineering (DPE). DPE applies the principles of Site Reliability Engineering, developed by Google, to improving productivity through automation for both individual engineers and engineering organizations. This talk is a detailed view of the DPE framework and our experience with it so far. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Pan Thomakos is a productivity engineer at Strava, where he has been working with Ruby for the past 8 years. He spends most of his time automating manual tasks and developing ways to improve engineering processes. Among his other projects, Pan created Strava's deployment script and continuous integration and build services. He is originally from Greece and spends his free time running, cooking, and wrestling with his kids.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/ross-kaffenberger.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Ross Kaffenberger</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@rossta">@rossta</a>
</h2>
<h3 class="mt1 mb1 fw5">Scars: On handling adversity</h3>
<p class="f5 lh-copy ma0 mb2">
As much as we'd like our programming careers to be filled with great suc...
</p>
<a href="#modal-10" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-10" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/ross-kaffenberger.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Ross Kaffenberger</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@rossta">@rossta</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Scars: On handling adversity</h3>
<p class="measure lh-copy ma0">As much as we'd like our programming careers to be filled with great success, it's more than likely we'll encounter setbacks along the way. We may have to deal with impossible clients or projects, imposter syndrome, confusion, self-doubt, and maybe much worse. Perhaps there's a bright side to failure. Let's take a close look at our scars and examine how they can help make us stronger. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Notably, I emcee'd the end-of-year talent show at Jackson Middle School in Houston, TX during my second year of Teach for America. Since then I moved to New York and discovered programming, among other things. I'm now learning how to be a dad to my baby boy, Jasper.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/sam-phippen.png);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Sam Phippen</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@samphippen">@samphippen</a>
</h2>
<h3 class="mt1 mb1 fw5">Type. Context.</h3>
<p class="f5 lh-copy ma0 mb2">
Every language has at least one big idea behind it. In Ruby we cherish t...
</p>
<a href="#modal-11" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-11" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/sam-phippen.png);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Sam Phippen</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@samphippen">@samphippen</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Type. Context.</h3>
<p class="measure lh-copy ma0">Every language has at least one big idea behind it. In Ruby we cherish the powers of abstraction in the language and the conventions of Rails. Experienced Ruby programmers lean on these ideas without a thought. Imagine my surprise when I changed jobs, stopped programming Ruby full time, and those ideas were nowhere around. This talk is the antidote to the 'x language is cool talk'; It's a talk where you'll learn about the ideas behind a couple of current hot languages. You'll learn how new languages change the way you program. We'll find some gaps in Ruby and bring some neat stuff back. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Sam Phippen is a swashbuckling hacker, from London UK. He lives in New York City now, working for DigitalOcean. He's a member of the RSpec core team. He's ✨ Your Pal Sam ✨. He's sad that he can't hug every cat.</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/justin-gordon.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Justin Gordon</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@railsonmaui">@railsonmaui</a>
</h2>
<h3 class="mt1 mb1 fw5">Front-End Sadness to Happiness: The React on Rails Story</h3>
<p class="f5 lh-copy ma0 mb2">
Standard Rails development made me happy like no other programming parad...
</p>
<a href="#modal-12" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-12" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/justin-gordon.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Justin Gordon</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@railsonmaui">@railsonmaui</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">Front-End Sadness to Happiness: The React on Rails Story</h3>
<p class="measure lh-copy ma0">Standard Rails development made me happy like no other programming paradigm in my career. Simple front-end development with standard Rails and a sprinkling of jQuery was 'OK' Then, in 2014, I had to build a front-end that dynamically updated like a desktop app. I knew there had to be something better, and I went down the rabbit hole of integrating React with Rails using Webpack. Come find out how my obsessive pursuit of “developer happiness” for the Rails front-end eventually drove me to start the React on Rails gem, the most popular integration of Rails with React using Webpack. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Aloha! Inspired by the Ruby on Rails Community, Justin began blogging on http://www.railsonmaui.com. A burning desire to bring happiness to Rails front-end development led to the open source project React on Rails. Besides open source, he’s the founder and CEO of http://www.shakacode.com and https://www.friendsandguests.com. Justin has a bachelor’s degree from Harvard and an MBA from UC Berkeley. Free Time: Surfing and other sports in Hawaii!</p>
</div>
</div>
</div>
<article class="w-100 w-50-m w-25-ns pa2 mb4">
<div class="aspect-ratio aspect-ratio--16x9 mb4">
<div class="aspect-ratio--object cover bg-center" style="background-image:url(images/speakers/andrew-metcalf.jpg);"></div>
</div>
<h3 class="f3-ns mb1 black-90">Andrew Metcalf</h3>
<h2 class="f6 fw4 mt0 mb3">
<a class="link dark-pink fw5" target="_blank" href="http://twitter.com/@agmetcalf">@agmetcalf</a>
</h2>
<h3 class="mt1 mb1 fw5">How to load 1m lines of Ruby in 5s</h3>
<p class="f5 lh-copy ma0 mb2">
Applications written in Ruby, Python and several other popular dynamic l...
</p>
<a href="#modal-13" class="open-speaker-modal link dark-pink f6 db">Read More</a>
</article>
<div id="modal-13" class="dn">
<a class="close-speaker-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="bg-scattered-rubies h5 flex flex-column items-center justify-center">
<div class="w4 h4 mb3">
<div class="aspect-ratio aspect-ratio--1x1">
<div class="aspect-ratio--object cover bg-center br-100" style="background-image:url(images/speakers/andrew-metcalf.jpg);"></div>
</div>
</div>
<h1 class="f3 f2-l ma0 white">Andrew Metcalf</h1>
<a class="link dark-pink fw5 db mt2" target="_blank" href="http://twitter.com/@agmetcalf">@agmetcalf</a>
<h2 class="f6 fw5 mt2 mb0 ttu tracked white"> </h2>
</div>
<div class="pa3 pa4-l modal-body">
<div class="mb3">
<h3 class="f5 b mt0 mb2">How to load 1m lines of Ruby in 5s</h3>
<p class="measure lh-copy ma0">Applications written in Ruby, Python and several other popular dynamic languages become very slow to boot as they grow to millions of lines of code. Waiting to reload code in development becomes a major frustration and drain on productivity. This talk will discuss how we reduced the time to boot a service at Stripe from 35s to 5s by statically analyzing dependencies in our codebase to drive an autoloader. </p>
</div>
<div>
<h3 class="f5 b mt0 mb2">Biography</h3>
<p class="measure lh-copy ma0">Andrew Metcalf is an engineer at Stripe, where he works on making large Ruby codebases fast, safe, and predictable to work with.</p>
</div>
</div>
</div>
</div>
</section>
<section class="pa4 pa4-m pa5-l relative overflow-hidden bg-scattered-rubies-dark" id="sponsors">
<div class="mb4">
<h3 class="f4 f2-ns ma0 bt bw2 b--black pt3 dib">Sponsors</h3>
</div>
<div class="mw8-l center tc">
<div class="mb4">
<h4 class="f3 mt0 mb3 fw5">Gold</h4>
<div class="flex flex-wrap">
<div class="w-100 w-50-l">
<a href="#sponsor-modal-Plated" class="open-sponsor-modal">
<figure class="ma0 bg-white ba b--black-10 pa4">
<div class="aspect-ratio aspect-ratio--16x9">
<div class="aspect-ratio--object contain bg-center" style="background-image: url(images/sponsors/plated.png);"></div>
</div>
</figure>
</a>
<div id="sponsor-modal-Plated" class="modal-hider">
<a class="close-sponsor-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="pa3 pa4-l bg-white measure-wide">
<img class="w4 db center mb4" src="images/sponsors/plated.png" alt="">
<div class="lh-copy">
<a class="link dark-pink db" href="https://www.plated.com/" target="_blank">https://www.plated.com/</a>
<p class="f5 mt1 mb0">Plated is changing the way America eats and reconnecting people to their food, one plate at a time.</p>
</div>
</div>
</div>
</div>
<div class="w-100 w-50-l">
<a href="#sponsor-modal-Stride" class="open-sponsor-modal">
<figure class="ma0 bg-white ba b--black-10 pa4">
<div class="aspect-ratio aspect-ratio--16x9">
<div class="aspect-ratio--object contain bg-center" style="background-image: url(images/sponsors/stride.png);"></div>
</div>
</figure>
</a>
<div id="sponsor-modal-Stride" class="modal-hider">
<a class="close-sponsor-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="pa3 pa4-l bg-white measure-wide">
<img class="w4 db center mb4" src="images/sponsors/stride.png" alt="">
<div class="lh-copy">
<a class="link dark-pink db" href="http://www.stridenyc.com/" target="_blank">http://www.stridenyc.com/</a>
<p class="f5 mt1 mb0">Stride is an Agile software development consultancy in New York City. We co-locate with engineering teams in New York (like Plated, Paddle8, Gust, Sailthru, XO Group, Intent Media) to help you up your game and get stuff done. Think of us as Agile SWAT teams. We leverage the skills of your entire team and help you improve code quality and your Agile process in perpetuity. Whether you seek process refinement help (TDD, refactoring, microservices, estimates, continuous delivery, and more) or need to get high quality code out the door to launch your MVP, Stride is here to help.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mb4">
<h4 class="f3 mt0 mb3 fw5">Silver</h4>
<div class="flex flex-wrap nl3-l nr3-l">
<div class="w-100 w-third-l mb3 mb4-l ph3-l">
<a href="#sponsor-modal-Codecademy" class="open-sponsor-modal">
<figure class="ma0 bg-white ba b--black-10 pa4">
<div class="aspect-ratio aspect-ratio--16x9">
<div class="aspect-ratio--object contain bg-center" style="background-image: url(images/sponsors/codecademy.svg);"></div>
</div>
</figure>
</a>
<div id="sponsor-modal-Codecademy" class="modal-hider">
<a class="close-sponsor-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="pa3 pa4-l bg-white measure-wide">
<img class="w4 db center mb4" src="images/sponsors/codecademy.svg" alt="">
<div class="lh-copy">
<a class="link dark-pink db" href="https://www.codecademy.com/" target="_blank">https://www.codecademy.com/</a>
<p class="f5 mt1 mb0">Codecademy is an online learning platform that has taught 30 million users worldwide how to code. Our engineering team is small and agile, and our stack includes Ruby, Rails, and React. Our mission is to make technical education accessible to everyone.</p>
</div>
</div>
</div>
</div>
<div class="w-100 w-third-l mb3 mb4-l ph3-l">
<a href="#sponsor-modal-Healthify" class="open-sponsor-modal">
<figure class="ma0 bg-white ba b--black-10 pa4">
<div class="aspect-ratio aspect-ratio--16x9">
<div class="aspect-ratio--object contain bg-center" style="background-image: url(images/sponsors/healthify.png);"></div>
</div>
</figure>
</a>
<div id="sponsor-modal-Healthify" class="modal-hider">
<a class="close-sponsor-modal bg-transparent absolute top-0 right-0 ma2 w2">
<svg fill="#222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 24 24" x="0px" y="0px"><path d="M20.827 4.357l-0.707-0.707-8.131 8.132-8.132-8.132-0.707 0.707 8.132 8.132-8.132 8.132 0.707 0.707 8.132-8.132 8.131 8.132 0.707-0.707-8.131-8.132z"/></svg>
</a>
<div class="pa3 pa4-l bg-white measure-wide">
<img class="w4 db center mb4" src="images/sponsors/healthify.png" alt="">
<div class="lh-copy">
<a class="link dark-pink db" href="https://www.healthify.us/" target="_blank">https://www.healthify.us/</a>
<p class="f5 mt1 mb0">Healthify’s mission is to build a world where no one’s health is hindered by their need. To achieve this, we develop SaaS products that empower social workers to connect vulnerability patients to food pantries, homeless shelters, and other social services.</p>
</div>
</div>
</div>
</div>
<div class="w-100 w-third-l mb3 mb4-l ph3-l">
<a href="#sponsor-modal-Betterment" class="open-sponsor-modal">
<figure class="ma0 bg-white ba b--black-10 pa4">
<div class="aspect-ratio aspect-ratio--16x9">
<div class="aspect-ratio--object contain bg-center" style="background-image: url(images/sponsors/betterment.png);"></div>
</div>