-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1087 lines (908 loc) · 43.8 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="en">
<head>
<meta charset="utf-8">
<title>WordCamp Philly Keynote</title>
<meta name="description" content="The slidedeck for the WordCamp Philly 2018 Keynote.">
<meta name="author" content="Tracy Levesque">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/wcphilly.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
<!-- FontAwesome -->
<script defer src="js/all.min.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>LOVE</h1>
<h1><span class="pink">INDEPENDENCE</span></h1>
<h1>FIRSTS</h1>
<aside class="notes">
The notes are working.
</aside>
</section>
<section data-background="img/love-park.jpg">
<h1 class="huge"><span class="pink">LOVE</span></h1>
<aside class="notes">
I moved to Philadelphia in 1988 and I love this city with all of my heart.
</aside>
</section>
<section>
<h1 class="align-left">1682</h1>
<h2 class="align-left fragment fade-up">Philadelphia was <span class="pink">founded</span></h2>
<aside class="notes">
Philadelphia was founded in 1682 by William Penn.
</aside>
</section>
<section>
<h2 class="align-left"><span class="pink">Phil</span>adelphia</h2>
<h2 class="align-left fragment fade-up"><span class="pink">Philia:</span> Love, Friendship or Affection</h2>
<h2 class="align-left fragment fade-up"><span class="pink">Adelphos:</span> Brotherly or Sisterly</h2>
<aside class="notes">
The name "Philadelphia" itself contains one of the ancient Greek words for love <br>
[Say the words]
</aside>
</section>
<section>
<img src="img/With_love_philly.jpg" alt="" class="plain">
<aside class="notes">
Philadelphia has a long and pretty decent relationship with love.
</aside>
</section>
<section>
<h1 class="align-left">1780</h1>
<h2 class="align-left fragment fade-up">The first state to <span class="pink">repeal</span> its anti-interracial marriage law</h2>
<aside class="notes">
In 1780 Pennsylvania was the first state to repeal its anti-interracial marriage law
</aside>
</section>
<section>
<img src="img/pa.png" alt="">
<aside class="notes">
187 years before Loving v. Virgina made interracial marriage legal nationwide.
</aside>
</section>
<section>
<h1 class="align-left">1965</h1>
<h2 class="align-left fragment fade-up">John F. Kennedy <span class="pink">Plaza</span></h2>
<aside class="notes">
In 1965 Philadelphia opened John F. Kennedy Plaza, but we all know it as...
</aside>
</section>
<section data-background="img/love-park2.jpg">
<aside class="notes">
Love Park.
</aside>
</section>
<section>
<h1>"A Love Letter For You"</h1>
<aside class="notes">
In 2009 West Philly native Steve Powers’ created an art installation called "A Love Letter For You."
</aside>
</section>
<section data-background="img/LL-Everafter.jpg">
<aside class="notes">
5. it is series of 50 rooftop murals from 45th to 63rd Streets along Market. You can see all the murals while riding the El.
</aside>
</section>
<section data-background="img/LL-Forever.jpg">
<aside class="notes">
4. it is series of 50 rooftop murals from 45th to 63rd Streets along Market. You can see all the murals while riding the El.
</aside>
</section>
<section data-background="img/LL-hold.jpg">
<aside class="notes">
3. it is series of 50 rooftop murals from 45th to 63rd Streets along Market. You can see all the murals while riding the El.
</aside>
</section>
<section data-background="img/LL-If-you.jpg">
<aside class="notes">
2. it is series of 50 rooftop murals from 45th to 63rd Streets along Market. You can see all the murals while riding the El.
</aside>
</section>
<section data-background="img/LL-imissyou.jpg">
<aside class="notes">
1. it is series of 50 rooftop murals from 45th to 63rd Streets along Market. You can see all the murals while riding the El.
</aside>
</section>
<section data-background="img/love-train.jpg">
<aside class="notes">
SEPTA even had a Valentine's Day Love Train for a number of years that would tour the murals and people would hold their weddings on the train.
</aside>
</section>
<section>
<h1 class="align-left">October 11, 2018</h1>
<h2 class="align-left fragment fade-up">30th Anniversary of <span class="pink">National Coming Day</span></h2>
<aside class="notes">
Just a couple weeks ago In celebration of 30th National Coming Day.
</aside>
</section>
<section data-background="img/Out-in-love.jpg">
<aside class="notes">
The Mayor's Office of LGBTQ Affairs held an "Out in Love" wedding event at City Hall! This event is extra special because of another famous Philadelphian.
</aside>
</section>
<section data-background="img/edie-windsor.jpg">
<aside class="notes">
Activist Edie Windsor.
</aside>
</section>
<section>
<h1 class="align-left">1929</h1>
<h2 class="align-left fragment fade-up">Edie Windsor was born in <span class="pink">Philadelphia</span></h2>
<aside class="notes">
Edie was born in 1929 and she grew up in Philadelphia and attended Philly public schools. She graduated from Temple University in 1950 and later
</aside>
</section>
<section data-background="img/edie-ibm.jpg">
<aside class="notes">
she worked at IBM for 16 years starting off as a mainframe programmer and leaving with the highest level technical position at IBM, Senior Systems Programmer.
</aside>
</section>
<section data-background="img/edie-thea.jpg">
<aside class="notes">
In 1965 Edie began a relationship with psychologist Thea Spyer.
</aside>
</section>
<section data-background="img/edie-thea3.jpg">
<aside class="notes">
In 1977 Thea was diagnosed with progressive multiple sclerosis. In 2002 she suffered a heart attack and in 2007 doctors told Thea she had only a year left to live.
</aside>
</section>
<section data-background="img/edie-thea2.jpg">
<aside class="notes">
Then after 42 years together, they got legally married in Canada<br>
After Thea died in 2009, Edie was required to pay over $350K in taxes after inheriting Thea's estate which she wouldn't have to if their marriage was legally recognized.
</aside>
</section>
<section data-background="img/edie.jpg">
<aside class="notes">
She filed a lawsuit that went all the way to the Supreme court, and in 2013, because of Edie's tenacity, the Supreme Court found the Defense of Marriage Act unconstitutional and same-sex marriage became legal across the US.
</aside>
</section>
<section data-background="img/edie-w-way.jpg">
<aside class="notes">
In 2017 Edie died at the age of 88. And just a few weeks ago, Philly renamed the block of 13th Street between Walnut and Locust "Edie Windsor Way"
</aside>
</section>
<section data-background="img/edie-pride.jpg">
<aside class="notes">
This brave, Philadelphia lady changed millions of lives, including mine, with the power of love.
</aside>
</section>
<section data-background="img/independence-hall.jpg">
<h1 class="huge"><span class="pink">INDEPENDENCE</span></h1>
<aside class="notes">
Philadelphia is not all about love, we have an independent spirit as well.
</aside>
</section>
<section data-background-color="#000000">
<p>
<img src="img/no-one-likes-us.png" class="plain" alt="">
</p>
<aside class="notes">
We don't always get along with others, but sometimes a tasks calls for independence.
</aside>
</section>
<section data-background-video="video/philly-special.mp4" data-background-color="#000000">
<aside class="notes">
Even if people tell you not to, sometimes we need to take risks and approach a challenge with a strategy that is independent of what is considered safe. When we take big risks sometimes we can attain great rewards.
</aside>
</section>
<section>
<h1>September 24, 2018</h1>
<aside class="notes">
On September 24, 2018 Philadelphia took what may have been one of its biggest risks in Philly history.
</aside>
</section>
<section data-background-video="video/gritty.mp4" data-background-color="#000000">
<aside class="notes">
Watch the video
</aside>
</section>
<section data-background="img/gritty1.jpg">
<aside class="notes">
The Philadelphia Flyers unveiled Gritty, it's new official mascot.
</aside>
</section>
<section data-background="img/gritty1-1.jpg" data-transition="none">
<aside class="notes">
And the backlash was swift and brutal.
</aside>
</section>
<section data-background="img/gritty1-2.jpg" data-transition="none">
<aside class="notes">
There was a GoFundMe launched to euthanize Gritty
</aside>
</section>
<section data-background="img/gritty1-3.jpg" data-transition="none">
<aside class="notes">
There was a GoFundMe launched to euthanize Gritty
</aside>
</section>
<section data-background="img/gritty1-4.jpg" data-transition="none">
<aside class="notes">
National TV shows were making fun of Gritty
</aside>
</section>
<section data-background="img/gritty1-5.jpg" data-transition="none">
<aside class="notes">
National TV shows were making fun of Gritty
</aside>
</section>
<section data-background="img/gritty1-6.jpg" data-transition="none">
<aside class="notes">
John Oliver went on a long rant trashing Gritty.
</aside>
</section>
<section data-background="img/gritty1-7.jpg" data-transition="none">
<aside class="notes">
John Oliver went on a long rant trashing Gritty.
</aside>
</section>
<section data-background="img/gritty1-8.jpg" data-transition="none">
<aside class="notes">
Twitter complained about Philly getting it wrong....again
</aside>
</section>
<section data-background="img/gritty1-9.jpg" data-transition="none">
<aside class="notes">
Twitter complained about Philly getting it wrong....again
</aside>
</section>
<section data-background="img/gritty1-10.jpg" data-transition="none">
<aside class="notes">
Twitter complained about Philly getting it wrong....again.<br>
And then inevitably...
</aside>
</section>
<section data-background="img/gritty-meme-1.png" data-transition="none">
<aside class="notes">
the Memes started rolling in.
</aside>
</section>
<section data-background="img/gritty-meme-2.png" data-transition="none">
<aside class="notes">
</aside>
</section>
<section data-background="img/gritty-meme-3.png" data-transition="none">
<aside class="notes">
</aside>
</section>
<section data-background="img/gritty.jpg">
<aside class="notes">
Had the Flyers made a huge mistake? Should they have listened to the criticisms and revise the new mascot to be less scary?<br>
But, then something else happened.
</aside>
</section>
<section data-background="img/gritty-1.jpg" data-transition="none">
<aside class="notes">
People started to understand Gritty.
</aside>
</section>
<section data-background="img/gritty-2.jpg" data-transition="none">
<aside class="notes">
People started to understand Gritty.
</aside>
</section>
<section data-background="img/gritty-3.jpg" data-transition="none">
<aside class="notes">
Gritty got a beer named after them - which is a very Philly thing to do.
</aside>
</section>
<section data-background="img/gritty-4.jpg" data-transition="none">
<aside class="notes">
Gritty got a beer named after them - which is a very Philly thing to do.
</aside>
</section>
<section data-background="img/gritty-5.jpg" data-transition="none">
<aside class="notes">
A couple had a Gritty wedding cake for their wedding. Gritty went from frighting Muppet show reject to Lovable Monster.
</aside>
</section>
<section data-background="img/gritty-6.jpg" data-transition="none">
<aside class="notes">
A couple had a Gritty wedding cake for their wedding. Gritty went from frighting Muppet show reject to Lovable Monster.
</aside>
</section>
<section data-background="img/gritty-7.jpg" data-transition="none">
<aside class="notes">
A couple had a Gritty wedding cake for their wedding. Gritty went from frighting Muppet show reject to Lovable Monster.
</section>
<section>
<h1>#TeamGritty</h1>
<aside class="notes">
Suddenly Philly was #TeamGritty
</aside>
</section>
<section data-background="img/team-gritty1.jpg" data-transition="none">
<aside class="notes">
Restaurants started making Gritty-themed food items like cupcakes.
</aside>
</section>
<section data-background="img/team-gritty2.jpg" data-transition="none">
<aside class="notes">
People were dressing their kids up as Gritty. And we had the inevitable...
</aside>
</section>
<section data-background="img/team-gritty3.jpg" data-transition="none">
<aside class="notes">
Gritty tattoo.
</aside>
</section>
<section data-background="img/gritty2.jpg">
<aside class="notes">
The Flyers nailed it. Gritty captured the independent, bold thinking of Philadelphia. They took a risk, powered through the backlash and were rewarded with a big success.<br>
Right now, the WordPress community is going through its own Gritty moment.
</aside>
</section>
<section>
<img src="img/Gutenberg-logo.png" alt="" class="plain">
<aside class="notes">
Gutenberg
</aside>
</section>
<section>
<video data-autoplay src="video/classic.mp4"></video>
<aside class="notes">
Since WordPress version 2.0, TinyMCE has been the default WordPress editor. That was 13 years ago. It's one big editor with a visual and text mode and some formatting buttons to help insert HTML tags around content without needing to know any code.
</aside>
</section>
<section>
<video data-autoplay src="video/gutenberg.mp4"></video>
<aside class="notes">
For those of you not familiar with Gutenberg, it is a new, block style editor coming to WP 5 along with completely redesigned post & page editing screens. Gutenberg has been over 2 years in the making & will be released as early as November 19. Instead of 1 big editor, each piece of content is placed in a block with its own unique settings.
</aside>
</section>
<section>
<p>
<img src="img/gutenberg.jpg" class="no-border" alt="">
<img src="img/open-mouth-emoji.png" style="max-width: 260px; margin-left: 20px;" class="plain" alt="">
</p>
<aside class="notes">
Change is hard, but sometimes you have to make a dramatic change to evolve.
</aside>
</section>
<section data-background="img/tracyandmika.jpg">
<aside class="notes">
This is me and my friend Mika. You may know her from her talks at WordCamps all over the world or from her involvement with the WordPress Plugin Directory.
</aside>
</section>
<section data-background="img/lwtv-hero-background.jpg">
<h1>LezWatch.TV</h1>
<h3>The Greatest Database of Queer Female, Non-Binary, & Transgender TV</h3>
<aside class="notes">
Her and I built and run a site called LezWatch.TV which is a database of Queer Female, Non-Binary, & Transgender TV characters and their shows. Right now our database has over 3,000 characters and 1,000 shows.
</aside>
</section>
<section>
<div class="huge">We <span class="pink"><i class="fas fa-heart"></i></span> <i class="fas fa-tv-retro"></i></div>
<aside class="notes">
We both love television and in addition to keeping the database, we also write about TV for the site.
</aside>
</section>
<section>
<h2>The Queerest Things I Watched Last Week</h2>
<aside class="notes">
One year ago, in this very building, at this very event, I came up with the idea to start a weekly column where I would recap all the shows I watched the previous week with LGBT content. And on Monday...
</aside>
</section>
<section data-background="img/qtotw.png">
<h1 class="pink">One year of blogging weekly</h1>
<aside class="notes">
I will publish my 52nd post marking one year of writing weekly. I have built countless websites, but I have never before written regularly for one.
</aside>
</section>
<section>
<p>
<img src="img/gutenberg.jpg" class="no-border" alt="">
</p>
<aside class="notes">
Last August Mika installed the Gutenberg plugin on the site and I, a person who has never even used the Visual editor tab to write content, decided to start using it for my weekly post.<br>
I will be honest with you, I quickly went from
</aside>
</section>
<section>
<p>
<span class="huge" style="margin-right: 20px;"><i class="far fa-surprise"></i></span> <span class="huge fragment"><i class="far fa-angry pink"></i></span>
</p>
<aside class="notes">
this to this. It was not an easy transition. There was anger & cursing. Whenever my wife, Mia, heard me yelling at my laptop, she knew I was working on my post in Gutenberg.<br>
I have always formatted my content with HTML, but therein lies the problem.
</aside>
</section>
<section>
<p>
<span class="huge"><i class="far fa-meh"></i></span>
</p>
<aside class="notes">
I believe I am doing a good job by building well-crafted web tools for people to use, by focusing on code and back-end efficiency, but I was not doing enough to experience managing a site from a user's perspective. Our users never see our beautiful code, they only experience the admin interface day after day as they manage the content on their sites.
</aside>
</section>
<section>
<p>
<span class="huge"><i class="far fa-smile"></i></span>
</p>
<aside class="notes">
As the weeks passed, I got used to Gutenberg and the block editor itself got better with every release. I absolutely fell in love with the redesigned editing screen in general
and realized it improved my writing workflow. Mika also made us some custom blocks for things like listcicles, spoiler warnings and other often used unique content for the site.
</aside>
</section>
<section>
<p>
<span class="huge"><i class="far fa-smile-beam"></i></span>
</p>
<aside class="notes">
Those custom blocks made the code behind our content better, because to get things to look correctly in a giant TinyMCE editor you have to make some hacky html. Even though at this point I was on board with Gutenberg, it was something else really convinced me it was the right direction for WordPress.
</aside>
</section>
<section>
<p>
<img src="img/class.jpg" class="plain" alt="">
</p>
<aside class="notes">
I have been teaching WordPress classes for six years. I really love it and I benefit from it as well because it exposes me to the...
</aside>
</section>
<section>
<p>
<span class="huge">NUX</span>
</p>
<h2>
New User Experience
</h2>
<aside class="notes">
[Say out loud]<br>
I have had the privilege of seeing groups of people brand new to WordPress experience the classic and Gutenberg editors and they overwhelmingly prefer using blocks. I've never met a new user who prefers the classic editor.
</aside>
</section>
<section>
<p>
<img src="img/gutenberg.jpg" class="no-border" alt="">
<img src="img/thumbs-up.png" style="max-width: 260px; margin-left: 20px;" class="plain" alt="">
</p>
<aside class="notes">
There will be bumps in the road, but now I'm a fan and I'm excited to see a Gutenberg future.
</aside>
</section>
<section data-background="img/pafa.jpg">
<h1 class="huge"><span class="pink">FIRSTS</span></h1>
<aside class="notes">
Philly has a lot of firsts: The First Library, The first public protest against slavery, the first hospital...
</aside>
</section>
<section data-background="img/pafa.jpg">
<aside class="notes">
And this picture was taken inside the Pennsylvania Academy of the Fine Arts which is the first and oldest art museum in the United States.
</aside>
</section>
<section>
<h1 class="align-left">1946</h1>
<h2 class="align-left fragment fade-up"><span class="pink">ENIAC</span> The world’s first electronic digital computer</h2>
<aside class="notes">
In 1946, at the University of Pennsylvania -><br>
ENIAC -- The Electronic Numerical Integrator And Computer was unveiled to the public.
</aside>
</section>
<section data-background="img/eniac.jpg">
<aside class="notes">
The 1st programmers for ENIAC were a group of 6 women chosen from 200 women employed as "Computers" at the UPENN Moore School of Electrical Engineering. The job of Computer was to produce mathematical formulas w/ mechanical calculators needed for engineering studies & projects. <br>
Their names are....
</aside>
</section>
<section class="eniac-women">
<p class="bosses align-center">
<img src="img/Betty-Holberton.png" class="plain" alt="">
<img src="img/Frances-Spence.png" class="plain fragment" alt="">
<img src="img/Jean-Bartik.png" class="plain fragment" alt="">
<img src="img/Kay-Antonelli.png" class="plain fragment" alt="">
<img src="img/Marlyn-Meltzer.png" class="plain fragment" alt="">
<img src="img/Ruth-Teitelbaum.png" class="plain fragment" alt="">
</p>
<aside class="notes">
[Read the names outloud]<br>
By the way, Frances, Kay, Betty and Marlyn were all Philadelphians
<br><br>
There were no programming languages or guides at the time, so they had to figure it out.
</aside>
</section>
<section data-background-video="video/eniac.mp4" data-background-color="#000000">
<aside class="notes">
Watch the video
</aside>
</section>
<section data-background="img/eniac3.jpg">
<aside class="notes">
They got to know the machine so well, they could troubleshoot bugs faster than the engineers who built the hardware. The women programmed ENIAC to perform complex sequences of operations including loops, branches and subroutines.
</aside>
</section>
<section data-background="img/Mauchly-Eckert.jpg">
<aside class="notes">
John Mauchly and Presper Eckert were the inventors of ENIAC and they planned a public unveiling of the previously top-secret machine to happen on February 15, 1946. At the event, they wanted to do a live demo of a missile trajectory calculation and they needed to women's help to pull it off.
</aside>
</section>
<section data-background="img/eniac2.jpg">
<aside class="notes">
Two weeks before the event, the women were asked if they could program ENIAC to do this in time and they stepped up to the challenge.
</aside>
</section>
<section data-background="img/eniac4.jpg">
<aside class="notes">
They worked non-stop for those two weeks and at the demonstration, ENIAC was able to generate a set of missile trajectory calculations in 15 seconds that would have taken humans several weeks to complete.
</aside>
</section>
<section>
<p>
<img src="img/eniac-nyt.jpg" class="plain" alt="">
</p>
<aside class="notes">
The event was a huge success. The unveiling of ENIAC made the front page of the New York Times. People were calling it a "Giant Brain." That night at Penn's Houston Hall, they held a big celebratory dinner, but the ENIAC programmers weren't even invited. And following the event the people who got credit for ENIAC's success were these two.
</aside>
</section>
<section data-background="img/Mauchly-Eckert.jpg">
<aside class="notes">
Now a days we see programmers as the people who make the magic happen, but back then it was considered clerical task...the real stars were the folks who designed and built the hardware.
</aside>
</section>
<section>
<blockquote>
<i class="fas fa-quote-left"></i> We felt as if we had been playing parts in a fascinating movie that suddenly took a bad turn, in which we had worked like dogs for two weeks to produce something really spectacular and then were written out of the script. <i class="fas fa-quote-right"></i><br>
-Jean Bartik
</blockquote>
<aside class="notes">
The programmers were erased from the story for decades. Historians mistakenly identified the women in the photos as “refrigerator ladies” meaning models who were only in the photos to make the product look good.<br>
</aside>
</section>
<section data-background="img/eniac-women.jpg">
<aside class="notes">
The women were never publicly recognized for their work with ENIAC until the 1980s and most of them did not receive recognition for the work in their lifetimes.<br>
What are the residual effects of erasing the team of women who were the programmers for the world's first electronic digital computer from history?
</aside>
</section>
<section>
<h2>
Though women now represent 47% of the workforce, only 20% of tech jobs are held by women.
</h2>
<aside class="notes">
The percentage of women in tech is low. Also, women are twice as likely then men to quit their jobs and leave the tech industry. And the numbers get worse when you look at women of color in tech.
</aside>
</section>
<section>
<p>
<img src="img/developers.png" class="plain" alt="">
</p>
<aside class="notes">
When you don't see yourself represented in an industry you don't know it's a career you can have even if there is no correlation between the ability to perform well in tech and who you are.
</aside>
</section>
<section>
<p>
<img src="img/2018-Simple-GDI-Logo_Peach.png" class="plain" alt="">
</p>
<h2>
Girl Develop It
</h2>
<aside class="notes">
This is why I have been teaching with Girl Develop It for the past six years. Girl Develop It provides affordable programs for women to learn web and software development through in-person classes.
</aside>
</section>
<section>
<p>
<img src="img/gdiphilly.jpg" class="plain" alt="">
</p>
<aside class="notes">
The Girl Develop It Philly chapter is one of the most active, and has helped launch tech careers for dozens of women who were not involved with tech before participating in GDI. Also, GDI Philly is responsible for creating another first...
</aside>
</section>
<section data-background="img/gdi.jpg">
<aside class="notes">
The first web development program held in a women's prison. We developed the curriculum for and teach a series of classes at the Baylor Women's Correctional Institution in Delaware from Intro to Web concepts, HTML and CSS and WordPress. And by the way...
</aside>
</section>
<section>
<p>
<img src="img/gutenberg.jpg" class="no-border" alt="">
<img src="img/thumbs-up.png" style="max-width: 260px; margin-left: 20px;" class="plain" alt="">
</p>
<aside class="notes">
The students there prefer Gutenberg, as well.
</aside>
</section>
<section data-background="img/challenge.jpg">
<aside class="notes">
Now, I want to issue a challenge to you all. Some things you can try to do in the next 12 months to help make the WordPress community better. I offer you to take...
</aside>
</section>
<section>
<h2>Take the</h2>
<h2>LOVE / INDEPENDENCE / FIRSTS</h2>
<h1>Challenge</h1>
<aside class="notes">
The Philadelphia LOVE / INDEPENDENCE / FIRSTS Challenge.
</aside>
</section>
<section>
<h1>Operate from a place of </h1>
<h2 class="fragment fade-up"><strike>fear</strike> <span class="pink">FUN!</span></h2>
<aside class="notes">
Fear keeps us from moving forward. When we want to be proactive but then do nothing because we're afraid of what people may think, that keeps the status quo which is worse than trying. There is no such thing as perfection, we all make mistakes.
</aside>
</section>
<section>
<h1 class="huge"><span class="pink"><i class="fas fa-grin-alt"></i></span></h1>
<aside class="notes">
Getting out of your comfort zone, meeting people unlike you and making new friends is fun. Taking risks can be beneficial and life enriching.
</aside>
</section>
<section>
<h1>Get out of your bubble</h1>
<h2 class="fragment fade-up">Make your next 20 Twitter followers <span class="pink">people not like you</span>.</h2>
<aside class="notes">
Here's a place to start.
</aside>
</section>
<section>
<h2>National organizations</h2>
<p>
<a href="http://www.code2040.org/" target="_blank" class="fragment"><img src="img/code2040.png" class="plain" alt=""></a>
<a href="http://lesbianswhotech.org/" target="_blank" class="fragment"><img src="img/lwt-logo-tag.png" class="plain" alt=""></a>
<a href="http://www.hackthehood.org/" target="_blank" class="fragment"><img src="img/hack-the-hood.png" class="plain" alt=""></a>
<a href="http://girlswhocode.com/" target="_blank" class="fragment"><img src="img/Girls-Who-Code.png" class="plain" alt=""></a>
<a href="http://www.allstarcode.org/" target="_blank" class="fragment"><img src="img/all-star-code.png" class="plain" alt=""></a>
<a href="https://www.girldevelopit.com/" target="_blank" class="fragment"><img src="img/gdi.png" class="plain" alt=""></a>
<a href="http://www.hiddengeniusproject.org/" target="_blank" class="fragment"><img src="img/HGP_logo-orig_white.png" class="plain" alt=""></a>
<a href="http://www.blackgirlscode.com/" target="_blank" class="fragment"><img src="img/black-girls-code.png" class="plain" alt=""></a>
<a href="http://pi515ia.wix.com/pi515" target="_blank" class="fragment"><img src="img/pi-515.png" class="plain" alt=""></a>
<a href="http://www.techjourney.org/" target="_blank" class="fragment"><img src="img/tech-journey.png" class="plain" alt=""></a>
</p>
<aside class="notes">
These are 10 National organizations teaching people who are underrepresented in tech to code. Follow their Executive Directors and tune in to the conversations they're having.
</aside>
</section>
<section>
<h1>Like and listen</h1>
<h2 class="fragment fade-up">Show support <span class="pink">without inserting yourself into the conversation</span>.</h2>
<aside class="notes">
We could all stand to listen more and talk less. When someone who is not like you, gives you a view of their life from their perspective, it is a gift.
</aside>
</section>
<section>
<h1 class="huge"><i class="fas fa-thumbs-up"></i> <span class="pink"><i class="fas fa-heart"></i></span> <i class="fas fa-retweet"></i> </h1>
<aside class="notes">
Take it in and if it moves you, show your support with a retweet or the like button.
</aside>
</section>
<section>
<h1>Be the minority in the room</h1>
<h2 class="fragment fade-up">Go to a networking event where <span class="pink">everyone isn't like you</span>.</h2>
<aside class="notes">
Even if you are used to being the only person like you in the room, you can find an event with folks that are new to you. You can go to an open captioned movie. Or attend a presentation or performance of a person with a different background than you.
</aside>
</section>
<section>
<h2>Diverse Networking Groups</h2>
<p class="bosses">
<img src="img/group1.png" class="plain fragment" alt="">
<img src="img/group2.png" class="plain fragment" alt="">
<img src="img/group3.png" class="plain fragment" alt="">
<img src="img/group4.png" class="plain fragment" alt="">
</p>
<aside class="notes">
In Philly we have multiple diverse tech groups. Meetup.com is a great resource to find groups in your area.
Go to their networking events or public events. Groups want their events to be well attended. Don't let the fear of not being welcome prevent you from expanding your network. Liam went to a Lesbians Who Tech event and he had a great time.
</aside>
</section>
<section>
<h2>Diverse Chambers of Commerce</h2>
<p class="bosses">
<img src="img/aacc-logo.png" class="plain fragment" alt="">
<img src="img/gphcoc.jpeg" class="plain fragment" alt="">
<img src="img/AACCGP-logo.png" class="plain fragment" alt="">
<img src="img/IBA_logo.png" class="plain fragment" alt="">
</p>
<aside class="notes">
In Philadelphia we have an assortment of diverse chambers of commerce & membership is open to allies. People go to chamber events because they want to meet folks they can do business w/. & all of these organizations have sponsorship opportunities to help the diverse business community & get involved in these networks. Make sincere, real connections with people.
</aside>
</section>
<section>
<h1>Meet diverse technologists</h1>
<h2 class="fragment fade-up">TA a <span class="pink">Girl Develop It class</span>.</h2>
<aside class="notes">
Multiple times I've heard, "I would hire women if there were any." Women and non-binary folks make up 51% of the population, just because someone doesn't know any women in tech it doesn't mean they don't exist.
</aside>
</section>
<section data-background="img/class2.jpg">
<aside class="notes">
Anyone can volunteer to TA for a Girl Develop It class regardless of their gender orientation. It's fun, rewarding and you will be exposed to a wealth of amazingly talented people.
</aside>
</section>
<section>
<h1>Avoid default pronouns</h1>
<h2 class="fragment fade-up">Don't only use "he" <span class="pink">when referring to hypothetical people</span>.</h2>
<aside class="notes">
</aside>
</section>
<section>
<h2>Programmer ≠ He</h2>
<aside class="notes">
I've been to countless presentations, been in conversations and read posts where speaker or writer refer to hypothetical, fictitious programmers, developers, hires & clients as he, him & guys.
</aside>
</section>
<section>
<h2>When referring to hypothetical people, use gender neutral pronouns or switch back and forth equally</h2>
<aside class="notes">
Outloud then<br /><br />
Simple to do, and it help change this default association of people in tech equaling "he."
<br /><br />
Non cis-male folks will notice you are doing it and it telegraphs a value of an inclusive culture.
</aside>
</section>
<section>
<h1>Reflect reality</h1>
<h2 class="fragment fade-up"><span class="pink">Don't accept homogeneity</span> as normal.</h2>
<aside class="notes">
</aside>
</section>
<section data-background="img/shonda-rhimes.jpg">
<aside class="notes">
This is one of my heroes Shonda Rhimes. She is an award winning creator of many television shows like Grey's Anatomy, Private Practice, Scandal, How to Get Away with Murder, Station 19 and many others. Shonda is a very successful woman with a net worth of over 120 million dollars. What has been one of her keys to success?
</aside>
</section>
<section>
<h1>Diversity</h1>
<aside class="notes">
In addition to being entertaining and addictive, Shonda's programs are also incredibly diverse and appeal to the widest audience possible. Almost everyone will see a person from their demographic reflected back to them as a character on her shows.
</aside>
</section>
<section data-background="img/shonda.jpg">
<div class="left">
</div>
<div class="right">
<blockquote>
<i class="fas fa-quote-left"></i> I really hate the word 'diversity.' <i class="fas fa-quote-right"></i>
</blockquote>
</div>
<aside class="notes">
Ironically SR doesn't like the word Diversity.
<br /><br />
She says
</aside>
</section>
<section data-background="img/shonda.jpg">
<div class="left">
</div>
<div class="right">
<blockquote>
<i class="fas fa-quote-left"></i> I have a different word: <strong>normalizing</strong>. I am making TV look like the world looks. Women, people of color, LGBTQ people equal way more than 50 percent of the population. Which means it ain't out of the ordinary. <i class="fas fa-quote-right"></i>
</blockquote>
</div>
<aside class="notes">
Outloud
</aside>
</section>
<section>
<h2>Diversity for <strike>diversity's</strike> <span class="pink">normalizing's</span> sake</h2>
<aside class="notes">
"Diversity for diversity's sake" implies you're assembling an artificial group of people just for the look of diversity. Instead of "Diversity for diversity's sake," it should be Diversity for Normalizing's sake. Reality is diverse. Homogeneity is a world like the Smurfs and that is not real.
</aside>
</section>
<section>
<p>
<img src="img/philly-stats.jpg" class="no-border" alt="">
</p>
<aside class="notes">
If you look at Philadelphia statistics, the reality is we are no where near a homogeneous city. When you have the opportunity to normalize, do it.
</aside>
</section>
<section>
<h2>Normalize:</h2>
<ul class="horizontal-list">
<li class="fragment">Slidedecks</li>
<li class="fragment">Examples</li>
<li class="fragment">Hypothetical people</li>
<li class="fragment">Photos</li>
<li class="fragment">Panels</li>
<li class="fragment">Speakers</li>
</ul>
<aside class="notes">
Some example situations are... [read]<br><br>
If you are ever in the position putting together one of these things make sure the people involved reflect the reality we live in.<br>
And if you're ever invited to a panel where everyone looks just like you, say something. The organizers may not realize they have a homogeneous panel.
</aside>
</section>
<section>
<h1>Consciously Unbias</h1>
<h2 class="fragment fade-up">We all have unconscious bias, <span class="pink">work to challenge it</span>.</h2>
<aside class="notes">
Research proves all of us grow up leaning bias. It's okay and not something to spend time feeling bad about, but instead, spend time consciously working on it.
</aside>
</section>
<section>
<h2>Applicants with "white-sounding" names were 50 percent more likely to get called for an interview.</h2>
<aside class="notes">
Professors from the U of Chicago sent fictitious resumes to 1,300 help-wanted ads Boston Globe & Chicago Tribune. Success of each resume = Callbacks for interviews. The resumes were identical except for the names white / aa. Applicants with "white-sounding" names were 50% more likely to get called for an interview.