-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1261 lines (1010 loc) · 34.7 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>LezWatch.TV Show Scoring Explained</title>
<meta name="description" content="A visual presentation explaining the LezWatch.TV show scoring system and how show scores are generated.">
<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/lezwatch.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">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section data-background="img/lwtv-hero-background.jpg">
<h1>LezWatch.TV Show Scoring</h1>
<h3>Show scoring and how scores are generated explained</h3>
<aside class="notes">
The notes are working.
</aside>
</section>
<section>
<h1>Show Scores</h1>
<p>
A mathematically generated score from 0-100 to identify shows that are ‘better’ for queer audiences than others.
</p>
<aside class="notes">
</aside>
</section>
<section>
<h2>Show Scores</h2>
<p>
<img src="img/one-mississippi.png" class="plain" alt="One Mississippi">
</p>
<aside class="notes">
For example, One Mississippi: a show written by an out queer woman, about an out queer woman, starring an out queer woman where nobody dies, has a score of 84.66.
</aside>
</section>
<section>
<h2><em>One Mississippi</em></h2>
<div class="huge"><i class="fas fa-thumbs-up"></i></div>
<aside class="notes">
With a score that high, you can feel confident going in the show will have decent representation and wont leave you feeling queerness was disrespected after watching it.
</aside>
</section>
<section>
<h1>How are Scores Generated?</h1>
<aside class="notes">
But how do we create these scores and what are they based on?
</aside>
</section>
<section>
<h2>Four subject areas</h2>
<aside class="notes">
Scores are broken down into 4 subject areas
</aside>
</section>
<section class="pie">
<h3>Four subject areas</h3>
<img src="img/subject1.png" alt="Ratings" class="plain">
<aside class="notes">
Ratings
</aside>
</section>
<section class="pie" data-transition="none">
<h3>Four subject areas</h3>
<img src="img/subject2.png" alt="Character Survival Rate" class="plain">
<aside class="notes">
Character Survival Rate
</aside>
</section>
<section class="pie" data-transition="none">
<h3>Four subject areas</h3>
<img src="img/subject3.png" alt="Character Scores" class="plain">
<aside class="notes">
Character Scores
</aside>
</section>
<section class="pie" data-transition="none">
<h3>Four subject areas</h3>
<img src="img/subject4.png" alt="Show Tropes" class="plain">
<aside class="notes">
Show Tropes
</aside>
</section>
<section>
<h3>Each can earn 0 - 100 points</h3>
<ul class="ul-left subjects">
<li class="fragment"><img src="img/subject-ratings.png" alt="Ratings" class="max-200h plain valign"> 0 - 100 points</li>
<li class="fragment"><img src="img/subject-survival.png" alt="Character Survival Rate" class="max-200h plain valign"> 0 - 100 points</li>
<li class="fragment"><img src="img/subject-cliches.png" alt="Character Scores" class="max-200h plain valign"> 0 - 100 points</li>
<li class="fragment"><img src="img/subject-tropes.png" alt="Show Tropes" class="max-200h plain valign"> 0 - 100 points</li>
</ul>
<aside class="notes">
Each subject area can earn up to 100 points.
</aside>
</section>
<section>
<h3>Example with points</h3>
<ul class="ul-left subjects">
<li><img src="img/subject-ratings.png" alt="Ratings" class="max-200h plain valign"> 50 points</li>
<li><img src="img/subject-survival.png" alt="Character Survival Rate" class="max-200h plain valign"> 60 points</li>
<li><img src="img/subject-cliches.png" alt="Character Scores" class="max-200h plain valign"> 70 points</li>
<li><img src="img/subject-tropes.png" alt="Show Tropes" class="max-200h plain valign"> 80 points</li>
</ul>
<aside class="notes">
Let's have an example using points. Ratings has 50, Survival has 60, Cliche's has 70 and Tropes is 80.
</aside>
</section>
<section>
<h3>Add up the points</h3>
<ul class="ul-left subjects">
<li><img src="img/subject-ratings.png" alt="Ratings" class="max-200h plain valign"> 50 points</li>
<li><img src="img/subject-survival.png" alt="Character Survival Rate" class="max-200h plain valign"> 60 points</li>
<li><img src="img/subject-cliches.png" alt="Character Scores" class="max-200h plain valign"> 70 points</li>
<li><img src="img/subject-tropes.png" alt="Show Tropes" class="max-200h plain valign"> 80 points</li>
</ul>
<h4 class="mt2 fragment grow">
Total number of points: <span class="pink">260</span>
</h4>
<aside class="notes">
If you add them up you get 260 total points
</aside>
</section>
<section>
<h3>Divide the total number by 4</h3>
<ul class="ul-left subjects">
<li><img src="img/subject-ratings.png" alt="Ratings" class="max-200h plain valign"> 50 points</li>
<li><img src="img/subject-survival.png" alt="Character Survival Rate" class="max-200h plain valign"> 60 points</li>
<li><img src="img/subject-cliches.png" alt="Character Scores" class="max-200h plain valign"> 70 points</li>
<li><img src="img/subject-tropes.png" alt="Show Tropes" class="max-200h plain valign"> 80 points</li>
</ul>
<h4 class="mt2 fragment grow">
260 ÷ 4 = <span class="pink">65</span>
</h4>
<aside class="notes">
We then divide that number by 4 to get the final score.
</aside>
</section>
<section>
<h3>Final Score</h3>
<ul class="ul-left subjects">
<li><img src="img/subject-ratings.png" alt="Ratings" class="max-200h plain valign"> 50 points</li>
<li><img src="img/subject-survival.png" alt="Character Survival Rate" class="max-200h plain valign"> 60 points</li>
<li><img src="img/subject-cliches.png" alt="Character Scores" class="max-200h plain valign"> 70 points</li>
<li><img src="img/subject-tropes.png" alt="Show Tropes" class="max-200h plain valign"> 80 points</li>
</ul>
<h4 class="mt2 fragment grow">
The Final Score is <span class="pink">65</span>
</h4>
<aside class="notes">
The final score for this example is 65. That is the overview of how scores are generated.
</aside>
</section>
<section>
<h2>How Points are Earned</h2>
<p>
<img src="img/thefour.png" alt="Ratings" class="plain">
</p>
<aside class="notes">
Let's take a deeper look at each one of the 4 subject areas to see how points are earned
</aside>
</section>
<section>
<h1 class="purple">Ratings</h1>
<div class="huge purple"><i class="fas fa-smile"></i></div>
<aside class="notes">
We're going to take a look at the complicated math that goes into calculating the ratings score.
</aside>
</section>
<section>
<h2 class="purple">Ratings <i class="fas fa-smile purple"></i></h2>
<ul class="ul-left inline-30">
<li class="fragment align-center">Heart Ratings<br>
<img src="img/ratings-block.png" alt="Heart ratings" class="plain max-300h">
</li>
<li class="fragment align-center">Worth Watching<br>
<img src="img/worthit-block.png" alt="Worth Watching" class="plain">
<p class="fragment">
Stars<br>
<img src="img/star-block.png" alt="Stars" class="plain">
</p>
</li>
<li class="fragment align-center">Trigger Warnings<br>
<img src="img/trigger-block.png" alt="Trigger Warnings" class="plain">
<p class="fragment">
Show we Love<br>
<img src="img/love-block.png" alt="Show we Love" class="plain">
</p>
</li>
</ul>
<aside class="notes">
These are all of the sections of a show page that falls under the "Ratings" category. This is the 100% subjective part of show ratings.
</aside>
</section>
<section>
<h2>Heart Ratings</h2>
<ul class="ul-left inline-30">
<li class="align-center">Heart Ratings<br>
<img src="img/ratings-block.png" alt="Heart ratings" class="plain max-300h">
</li>
<li class="width64 pt2">
<p class="pl3">
<i class="fas fa-heart red"></i> = 1 point
</p>
<ul class="ulstacked mt2">
<li>Realness 0 - 5 Points</li>
<li>Quality 0 - 5 Points</li>
<li>Screentime 0 - 5 Points</li>
</ul>
</li>
</ul>
<aside class="notes">
Each heart under Realness, Quality and Screentime earns a point.
</aside>
</section>
<section data-transition="none">
<h2>Heart Ratings</h2>
<ul class="ul-left inline-30">
<li class="align-center">Heart Ratings<br>
<img src="img/ratings-block.png" alt="Heart ratings" class="plain max-300h">
</li>
<li class="width64 pt2">
<p class="pl3">
<i class="fas fa-heart red"></i> = 1 point
</p>
<ul class="ulstacked mt2">
<li>Realness 4 Points</li>
<li>Quality 4 Points</li>
<li>Screentime 5 Points</li>
</ul>
<p class="pl3">
= 13 Points
</p>
</li>
</ul>
<aside class="notes">
The points are added together to get a total. In this example it is 13.
</aside>
</section>
<section data-transition="none">
<h2>Heart Ratings</h2>
<ul class="ul-left inline-30">
<li class="align-center">Heart Ratings<br>
<img src="img/ratings-block.png" alt="Heart ratings" class="plain max-300h">
</li>
<li class="width64 pt2 align-center">
<p>
The sum of <i class="fas fa-heart red"></i> points are<br>
multiplied by 3.
</p>
<p class="fragment mt2">
13 x 3 = 39
</p>
<h3 class="pink fragment">39 Total Points</h3>
</li>
</ul>
<aside class="notes">
That total is multiplied by 3 to get the final point count. In this example that's 13 times 3 which equals 39. Making the total points for heart ratings is 39.
</aside>
</section>
<section>
<h2>Is it Worth Watching?</h2>
<ul class="ul-left inline-30">
<li class="align-center">Worth Watching<br>
<img src="img/worthit-block.png" alt="Worth Watching" class="plain">
</li>
<li class="width64 pt2 align-center">
<ul class="ulstacked mt2">
<li class="fragment">
<img src="img/yes.png" alt="Yes" class="plain valign"> = 10 Points
</li>
<li class="fragment">
<img src="img/meh.png" alt="Meh" class="plain valign"> = 5 Points
</li>
<li class="fragment">
<img src="img/no.png" alt="No" class="plain valign"> = -10 Points
</li>
</ul>
</li>
</ul>
<aside class="notes">
This is where we give a show of thumbs up, thumbs down or "meh" in regards to it being worth watching or not. The points are straight forward.
</aside>
</section>
<section>
<h2>Stars</h2>
<ul class="ul-left inline-30">
<li class="align-center">Stars<br>
<img src="img/star-block.png" alt="Stars" class="plain">
</li>
<li class="width64 pt2 align-center">
<ul class="ulstacked mt2">
<li class="fragment gold">
Gold <i class="fas fa-star gold"></i> = 20 Points
</li>
<li class="fragment pt2 silver">
Silver <i class="fas fa-star silver"></i> = 10 Points
</li>
<li class="fragment pt2 bronze">
Bronze <i class="fas fa-star bronze"></i> = 5 Points
</li>
</ul>
</li>
</ul>
<aside class="notes">
The star ratings are simple as well. (Read outloud)
</aside>
</section>
<section>
<h2>Trigger Warnings</h2>
<ul class="ul-left inline-30">
<li class="align-center">Trigger Warnings<br>
<img src="img/trigger-block.png" alt="Trigger Warnings" class="plain">
</li>
<li class="width64 pt2 align-center">
<ul class="ulstacked mt2">
<li class="fragment pt2 yellow2">
<i class="fas fa-hand-paper yellow2"></i> Low -5 Points
</li>
<li class="fragment pt2 orange">
<i class="fas fa-hand-paper orange"></i> Medium -10 Points
</li>
<li class="fragment pt2 red">
<i class="fas fa-hand-paper red"></i> High -15 Points
</li>
</ul>
</li>
</ul>
<aside class="notes">
Trigger warning lose points.
</aside>
</section>
<section>
<h2>Show We Love</h2>
<ul class="ul-left inline-30">
<li class="align-center">Show we Love<br>
<img src="img/love-block.png" alt="Show we Love" class="plain">
</li>
<li class="width64 pt2 align-center fragment grow">
<h1>
<i class="fas fa-heart pink"></i>
</h1>
<h3>
+40 Points!
</h3>
</li>
</ul>
<aside class="notes">
If we love a show it gets 40 points!
</aside>
</section>
<section>
<h1 class="blue">Character Survival Rate</h1>
<div class="huge blue"><i class="fas fa-skull"></i></div>
<aside class="notes">
The number of queers a show kills off affects their score.
</aside>
</section>
<section>
<h2 class="blue">Character Survival Rate <i class="fas fa-skull"></i></h2>
<p>
0 - 100 points based on the percentage of living queer characters.
</p>
<aside class="notes">
This one is pretty straight forward.
</aside>
</section>
<section>
<h2><em>Person of Interest</em></h2>
<p>
There are 4 queer characters listed for this show; 1 is dead.
</p>
<p>
<img src="img/poi1.jpg" alt="Root" class="plain">
<img src="img/poi2.jpg" alt="Shaw" class="plain">
<img src="img/poi3.jpg" alt="Amy" class="plain">
<img src="img/poi4.jpg" alt="Madeleine" class="plain">
</p>
<h3 class="fragment">
75% of queer characters alive = <span class="pink">75 Points</span>
</h3>
<aside class="notes">
I wont say who is dead, because spoiler alert! 3 out of 4 living characters equals 75% which gives the show 75 points for Character Survival Rate.
</aside>
</section>
<section>
<h1 class="yellow">Character Scores</h1>
<div class="huge yellow"><i class="fas fa-user-tag"></i></div>
<aside class="notes">
There's a lot of complicated math that goes into the Character scores.
</aside>
</section>
<section>
<h2 class="yellow">Character Scores <i class="fas fa-user-tag"></i></h2>
<p>
What factors into the character score?
</p>
<p class="fragment">
<img src="img/nia.png" alt="Nia Nal" class="plain">
</p>
<aside class="notes">
A single character can have many attributes that contribute to the overall character score of a show. Let's look at one of my favorites, Nia Nal from Supergirl.
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-role.png" alt="Nia Nal's role" class="plain">
</li>
<li>
<p class="pink bold">Role:</p>
<p>
Are they a Regular, Recurring or Guest Character?
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-cliches.png" alt="Nia Nal's Clichés" class="plain">
</li>
<li>
<p class="pink bold">Clichés:</p>
<p>
Do they have <span class="pink">zero</span> clichés?
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-actor.png" alt="Nia Nal's Actor" class="plain">
</li>
<li>
<p class="pink bold">Queer Representation:</p>
<p>
Is the queer character being played by an out queer actor?
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-actor.png" alt="Nia Nal's Alive" class="plain">
</li>
<li>
<p class="pink bold">Transgender Representation:</p>
<p>
If the character is transgender, are they being played by an out transgender actor?
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-alive.png" alt="Nia Nal's Alive" class="plain">
</li>
<li>
<p class="pink bold">Death:</p>
<p>
Are they alive or dead?
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>What factors into the character score?</h3>
<ul class="ul-left inline-30">
<li class="width64 align-center">
<img src="img/nia-show.png" alt="Nia Nal's Show" class="plain">
</li>
<li>
<p class="pink bold">Show Type:</p>
<p>
Is the show the character is on a series, webseries or movie?
</p>
</li>
</ul>
<aside class="notes">
Scores are graded on a curve depending on if the show the character is on is one 2-hour movie, vs. a multi-episode, multi-season series.
</aside>
</section>
<section>
<h3>Calculating the character score</h3>
<p class="fragment">
<em>Anyone But Me</em><br>
<img src="img/abmcharacters.png" alt="Anyone But Me Characters" class="plain">
</p>
<aside class="notes">
Now that we have collected all of a show's character info, how do we calculate the overall score?<br>
Let's use Anyone But Me as an example.
</aside>
</section>
<section>
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Roles:</p>
<ul class="ulstacked mt2 smaller">
<li class="fragment align-center">
Number of Regular Characters x 5
</li>
<li class="fragment align-center">
+<br>
Number of Recurring Characters x 2
</li>
<li class="fragment align-center">
+<br>
Number of Guest Characters
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Roles:</p>
<ul class="ulstacked mt2 smaller">
<li class="align-center">
Regular Characters: 2 x 5 = <span class="pink">10</span>
</li>
<li class="align-center">
+<br>
Recurring Characters: 2 x 2 = <span class="pink">4</span>
</li>
<li class="align-center">
+<br>
Guest Characters: <span class="pink">1</span>
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Roles:</p>
<ul class="ulstacked mt2">
<li class="align-center">
10 + 4 + 1
</li>
<li class="align-center">
= 15
</li>
<li class="align-center fragment grow pt2">
<h3 class="pink">Total Role Score: 15</h3>
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section>
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Clichés / Representation:</p>
<ul class="ulstacked mt2 smaller">
<li class="fragment align-center">
Characters with zero clichés x 5
</li>
<li class="fragment align-center">
+<br>
Characters played by out queer actors x 10
</li>
<li class="fragment align-center">
+<br>
Transgender Characters played by out transgender actors x 10
</li>
<li class="fragment align-center">
+<br>
Transgender Characters played by cis actors x -5
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Clichés / Representation:</p>
<ul class="ulstacked mt2 smaller">
<li class="align-center">
Zero clichés: <span class="pink">0</span>
</li>
<li class="align-center">
+<br>
Queer actors: 2 x 10 = <span class="pink">20</span>
</li>
<li class="align-center">
+<br>
Transgender actors: NA
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Clichés / Representation:</p>
<ul class="ulstacked mt2">
<li class="align-center">
0 + 20
</li>
<li class="align-center">
= 20
</li>
<li class="align-center fragment grow pt2">
<h3 class="pink">Cliché / Representation Score: 20</h3>
</li>
</ul>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section>
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Death:</p>
<p class="fragment smaller">
A show loses 3 points for every dead queer character.
</p>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>Calculating the character score</h3>
<ul class="ul-left inline-30">
<li>
<img src="img/abm.png" alt="Anyone But Me Characters" class="plain">
</li>
<li class="width64 align-center">
<p class="pink bold">Death:</p>
<p>
No one is dead
</p>
<h2>
<i class="fas fa-smile-beam"></i>
</h2>
<h3 class="pink align-center fragment grow pt2">Death Score: 0</h3>
</li>
</ul>
<aside class="notes">
</aside>
</section>
<section>
<h3>The character score formula</h3>
<p>
<img src="img/abmcharacters.png" alt="Anyone But Me Characters" class="plain max-200h">
</p>
<p>Role Score + Cliché/Representation Score - Death Score</p>
<h3> </h3>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>The character score formula</h3>
<p>
<img src="img/abmcharacters.png" alt="Anyone But Me Characters" class="plain max-200h">
</p>
<p>15 + 20 - 0 = <span class="pink bold">35</span></p>
<h3 class="pink align-center fragment grow pt2">Character Score: 35</h3>
<aside class="notes">
But, wait there's one more thing.
</aside>
</section>
<section>
<h3>The show type curve</h3>
<p>
A show's overall character score is adjusted based on the type of show it is
</p>
<ul>
<li>Made for TV Movies: <span class="pink">Character Score</span> ÷ <span class="pink">2</span></li>
<li>Mini Series: <span class="pink">Character Score</span> ÷ <span class="pink">1.5</span></li>
<li>Web Series: <span class="pink">Character Score</span> ÷ <span class="pink">1.25</span></li>
</ul>
<aside class="notes">
</aside>
</section>
<section data-transition="none">
<h3>The show type curve</h3>
<p>
<img src="img/abmcharacters.png" alt="Anyone But Me Characters" class="plain max-200h">
</p>
<p>
Web Series: Character Score ÷ 1.25
</p>
<p>
35 ÷ 1.25
</p>
<h2 class="pink align-center fragment grow pt2">Final Character Score: 28</h2>
<aside class="notes">
</aside>
</section>
<section>
<h1 class="green">Show Tropes</h1>
<div class="huge green"><i class="fas fa-popcorn"></i></div>
<aside class="notes">
</aside>
</section>
<section>
<h2 class="green">Show Tropes <i class="fas fa-popcorn"></i></h2>
<p>
What factors into the show trope score score?
</p>
<p class="fragment">
First we put our tropes into categories.
</p>
<aside class="notes">
</aside>
</section>
<section>
<h3>Trope Categories</h2>
<ul class="ul-left inline-30">
<li class="fragment"><span class="pink bold">None <i class="fas fa-empty-set"></i></span>
<p class="smaller">
Zero Tropes
</p>
</li>
<li class="fragment"><span class="pink bold">Good <i class="fas fa-smile-beam"></i></span>
<p class="smaller">
Happy Ending, <br>
Everyone’s Queer