reveal-ck 3.9.2 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +5 -5
  2. data/features/step_definitions/serve_steps.rb +1 -1
  3. data/files/reveal-ck/templates/index.html/body.html.erb +0 -2
  4. data/files/reveal-ck/templates/index.html/head.html.erb +6 -6
  5. data/files/reveal-ck/templates/index.html/index.html.erb +2 -2
  6. data/files/reveal-ck/templates/index.html/script.js.erb +4 -6
  7. data/files/reveal.js/LICENSE +1 -1
  8. data/files/reveal.js/README.md +268 -82
  9. data/files/reveal.js/bower.json +1 -4
  10. data/files/reveal.js/css/reset.css +30 -0
  11. data/files/reveal.js/css/reveal.css +114 -99
  12. data/files/reveal.js/css/reveal.scss +108 -95
  13. data/files/reveal.js/css/theme/README.md +1 -1
  14. data/files/reveal.js/css/theme/beige.css +1 -1
  15. data/files/reveal.js/css/theme/black.css +4 -4
  16. data/files/reveal.js/css/theme/blood.css +1 -1
  17. data/files/reveal.js/css/theme/league.css +1 -1
  18. data/files/reveal.js/css/theme/moon.css +1 -1
  19. data/files/reveal.js/css/theme/night.css +1 -1
  20. data/files/reveal.js/css/theme/serif.css +1 -1
  21. data/files/reveal.js/css/theme/simple.css +1 -1
  22. data/files/reveal.js/css/theme/sky.css +1 -1
  23. data/files/reveal.js/css/theme/solarized.css +1 -1
  24. data/files/reveal.js/css/theme/source/black.scss +1 -1
  25. data/files/reveal.js/css/theme/template/settings.scss +3 -1
  26. data/files/reveal.js/css/theme/template/theme.scss +3 -3
  27. data/files/reveal.js/css/theme/white.css +1 -1
  28. data/files/reveal.js/demo.html +35 -26
  29. data/files/reveal.js/{Gruntfile.js → gruntfile.js} +21 -25
  30. data/files/reveal.js/index.html +5 -4
  31. data/files/reveal.js/js/reveal.js +961 -347
  32. data/files/reveal.js/lib/css/monokai.css +71 -0
  33. data/files/reveal.js/lib/js/promise.js +2 -0
  34. data/files/reveal.js/package-lock.json +5703 -0
  35. data/files/reveal.js/package.json +13 -12
  36. data/files/reveal.js/plugin/highlight/highlight.js +247 -21
  37. data/files/reveal.js/plugin/markdown/example.html +1 -3
  38. data/files/reveal.js/plugin/markdown/markdown.js +107 -73
  39. data/files/reveal.js/plugin/markdown/marked.js +3 -3
  40. data/files/reveal.js/plugin/math/math.js +51 -26
  41. data/files/reveal.js/plugin/notes/notes.html +138 -76
  42. data/files/reveal.js/plugin/notes/notes.js +46 -15
  43. data/files/reveal.js/plugin/search/search.js +1 -1
  44. data/files/reveal.js/plugin/zoom-js/zoom.js +22 -17
  45. data/files/reveal.js/test/assets/external-script-a.js +1 -0
  46. data/files/reveal.js/test/assets/external-script-b.js +1 -0
  47. data/files/reveal.js/test/assets/external-script-c.js +1 -0
  48. data/files/reveal.js/test/assets/external-script-d.js +1 -0
  49. data/files/reveal.js/test/examples/assets/beeping.txt +2 -0
  50. data/files/reveal.js/test/examples/assets/beeping.wav +0 -0
  51. data/files/reveal.js/test/examples/embedded-media.html +5 -1
  52. data/files/reveal.js/test/examples/math.html +23 -3
  53. data/files/reveal.js/test/examples/slide-backgrounds.html +0 -1
  54. data/files/reveal.js/test/examples/slide-transitions.html +0 -1
  55. data/files/reveal.js/test/test-dependencies-async.html +78 -0
  56. data/files/reveal.js/test/test-dependencies.html +54 -0
  57. data/files/reveal.js/test/test-grid-navigation.html +74 -0
  58. data/files/reveal.js/test/test-iframe-backgrounds.html +104 -0
  59. data/files/reveal.js/test/test-iframes.html +108 -0
  60. data/files/reveal.js/test/test-markdown-element-attributes.html +1 -3
  61. data/files/reveal.js/test/test-markdown-external.html +5 -4
  62. data/files/reveal.js/test/test-markdown-options.html +0 -1
  63. data/files/reveal.js/test/test-markdown-slide-attributes.html +0 -1
  64. data/files/reveal.js/test/test-markdown.html +0 -1
  65. data/files/reveal.js/test/test-pdf.html +1 -2
  66. data/files/reveal.js/test/test-plugins.html +105 -0
  67. data/files/reveal.js/test/test-state.html +139 -0
  68. data/files/reveal.js/test/test.html +3 -4
  69. data/files/reveal.js/test/test.js +21 -0
  70. data/lib/reveal-ck/builders/create_index_html.rb +0 -1
  71. data/lib/reveal-ck/builders/index_html.rb +2 -4
  72. data/lib/reveal-ck/commands/listen_to_reload_browser.rb +4 -1
  73. data/lib/reveal-ck/commands/serve.rb +2 -2
  74. data/lib/reveal-ck/commands/start_web_server.rb +1 -1
  75. data/lib/reveal-ck/commands/thread_waker.rb +1 -1
  76. data/lib/reveal-ck/config.rb +1 -1
  77. data/lib/reveal-ck/version.rb +1 -1
  78. data/spec/lib/reveal-ck/builders/index_html_spec.rb +1 -11
  79. data/spec/lib/reveal-ck/commands/thread_waker_spec.rb +2 -0
  80. metadata +94 -80
  81. data/files/reveal.js/lib/js/classList.js +0 -2
  82. data/files/reveal.js/lib/js/head.min.js +0 -6
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reveal.js",
3
- "version": "3.7.0",
3
+ "version": "3.9.2",
4
4
  "main": [
5
5
  "js/reveal.js",
6
6
  "css/reveal.css"
@@ -11,9 +11,6 @@
11
11
  "authors": [
12
12
  "Hakim El Hattab <hakim.elhattab@gmail.com>"
13
13
  ],
14
- "dependencies": {
15
- "headjs": "~1.0.3"
16
- },
17
14
  "repository": {
18
15
  "type": "git",
19
16
  "url": "git://github.com/hakimel/reveal.js.git"
@@ -0,0 +1,30 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v4.0 | 20180602
3
+ License: none (public domain)
4
+ */
5
+
6
+ html, body, div, span, applet, object, iframe,
7
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8
+ a, abbr, acronym, address, big, cite, code,
9
+ del, dfn, em, img, ins, kbd, q, s, samp,
10
+ small, strike, strong, sub, sup, tt, var,
11
+ b, u, i, center,
12
+ dl, dt, dd, ol, ul, li,
13
+ fieldset, form, label, legend,
14
+ table, caption, tbody, tfoot, thead, tr, th, td,
15
+ article, aside, canvas, details, embed,
16
+ figure, figcaption, footer, header, hgroup,
17
+ main, menu, nav, output, ruby, section, summary,
18
+ time, mark, audio, video {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ font-size: 100%;
23
+ font: inherit;
24
+ vertical-align: baseline;
25
+ }
26
+ /* HTML5 display-role reset for older browsers */
27
+ article, aside, details, figcaption, figure,
28
+ footer, header, hgroup, main, menu, nav, section {
29
+ display: block;
30
+ }
@@ -3,47 +3,24 @@
3
3
  * http://revealjs.com
4
4
  * MIT licensed
5
5
  *
6
- * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
6
+ * Copyright (C) 2020 Hakim El Hattab, http://hakim.se
7
7
  */
8
- /*********************************************
9
- * RESET STYLES
10
- *********************************************/
11
- html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13
- .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14
- .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15
- .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16
- .reveal b, .reveal u, .reveal center,
17
- .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18
- .reveal fieldset, .reveal form, .reveal label, .reveal legend,
19
- .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20
- .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21
- .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22
- .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23
- .reveal time, .reveal mark, .reveal audio, .reveal video {
24
- margin: 0;
25
- padding: 0;
26
- border: 0;
27
- font-size: 100%;
28
- font: inherit;
29
- vertical-align: baseline; }
30
-
31
- .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32
- .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
33
- display: block; }
34
-
35
8
  /*********************************************
36
9
  * GLOBAL STYLES
37
10
  *********************************************/
38
- html,
39
- body {
11
+ html {
40
12
  width: 100%;
41
13
  height: 100%;
14
+ height: 100vh;
15
+ height: calc( var(--vh, 1vh) * 100);
42
16
  overflow: hidden; }
43
17
 
44
18
  body {
19
+ height: 100%;
20
+ overflow: hidden;
45
21
  position: relative;
46
22
  line-height: 1;
23
+ margin: 0;
47
24
  background-color: #fff;
48
25
  color: #000; }
49
26
 
@@ -100,29 +77,29 @@ body {
100
77
  text-decoration: line-through; }
101
78
 
102
79
  .reveal .slides section .fragment.fade-up {
103
- -webkit-transform: translate(0, 20%);
104
- transform: translate(0, 20%); }
80
+ -webkit-transform: translate(0, 40px);
81
+ transform: translate(0, 40px); }
105
82
  .reveal .slides section .fragment.fade-up.visible {
106
83
  -webkit-transform: translate(0, 0);
107
84
  transform: translate(0, 0); }
108
85
 
109
86
  .reveal .slides section .fragment.fade-down {
110
- -webkit-transform: translate(0, -20%);
111
- transform: translate(0, -20%); }
87
+ -webkit-transform: translate(0, -40px);
88
+ transform: translate(0, -40px); }
112
89
  .reveal .slides section .fragment.fade-down.visible {
113
90
  -webkit-transform: translate(0, 0);
114
91
  transform: translate(0, 0); }
115
92
 
116
93
  .reveal .slides section .fragment.fade-right {
117
- -webkit-transform: translate(-20%, 0);
118
- transform: translate(-20%, 0); }
94
+ -webkit-transform: translate(-40px, 0);
95
+ transform: translate(-40px, 0); }
119
96
  .reveal .slides section .fragment.fade-right.visible {
120
97
  -webkit-transform: translate(0, 0);
121
98
  transform: translate(0, 0); }
122
99
 
123
100
  .reveal .slides section .fragment.fade-left {
124
- -webkit-transform: translate(20%, 0);
125
- transform: translate(20%, 0); }
101
+ -webkit-transform: translate(40px, 0);
102
+ transform: translate(40px, 0); }
126
103
  .reveal .slides section .fragment.fade-left.visible {
127
104
  -webkit-transform: translate(0, 0);
128
105
  transform: translate(0, 0); }
@@ -250,7 +227,7 @@ body {
250
227
  bottom: 12px;
251
228
  right: 12px;
252
229
  left: auto;
253
- z-index: 1;
230
+ z-index: 11;
254
231
  color: #000;
255
232
  pointer-events: none;
256
233
  font-size: 10px; }
@@ -272,7 +249,7 @@ body {
272
249
  visibility: hidden;
273
250
  opacity: 0;
274
251
  -webkit-appearance: none;
275
- -webkit-tap-highlight-color: transparent; }
252
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
276
253
  .reveal .controls .controls-arrow:before,
277
254
  .reveal .controls .controls-arrow:after {
278
255
  content: '';
@@ -335,7 +312,8 @@ body {
335
312
  transform: rotate(90deg); }
336
313
  .reveal .controls .navigate-down {
337
314
  right: 3.2em;
338
- bottom: 0;
315
+ bottom: -1.4em;
316
+ padding-bottom: 1.4em;
339
317
  -webkit-transform: translateY(10px);
340
318
  transform: translateY(10px); }
341
319
  .reveal .controls .navigate-down .controls-arrow {
@@ -366,10 +344,16 @@ body {
366
344
  .reveal .controls .enabled.fragmented:hover {
367
345
  opacity: 1; }
368
346
 
347
+ .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-up,
348
+ .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-down {
349
+ display: none; }
350
+
351
+ .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-left,
369
352
  .reveal:not(.has-vertical-slides) .controls .navigate-left {
370
353
  bottom: 1.4em;
371
354
  right: 5.5em; }
372
355
 
356
+ .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-right,
373
357
  .reveal:not(.has-vertical-slides) .controls .navigate-right {
374
358
  bottom: 1.4em;
375
359
  right: 0.5em; }
@@ -412,18 +396,18 @@ body {
412
396
  right: auto; }
413
397
  .reveal .controls[data-controls-layout="edges"] .navigate-left {
414
398
  top: 50%;
415
- left: 8px;
399
+ left: 0.8em;
416
400
  margin-top: -1.8em; }
417
401
  .reveal .controls[data-controls-layout="edges"] .navigate-right {
418
402
  top: 50%;
419
- right: 8px;
403
+ right: 0.8em;
420
404
  margin-top: -1.8em; }
421
405
  .reveal .controls[data-controls-layout="edges"] .navigate-up {
422
- top: 8px;
406
+ top: 0.8em;
423
407
  left: 50%;
424
408
  margin-left: -1.8em; }
425
409
  .reveal .controls[data-controls-layout="edges"] .navigate-down {
426
- bottom: 8px;
410
+ bottom: -0.3em;
427
411
  left: 50%;
428
412
  margin-left: -1.8em; } }
429
413
 
@@ -486,12 +470,8 @@ body {
486
470
  width: 100%;
487
471
  height: 100%;
488
472
  overflow: hidden;
489
- -ms-touch-action: none;
490
- touch-action: none; }
491
-
492
- @media only screen and (orientation: landscape) {
493
- .reveal.ua-iphone {
494
- position: fixed; } }
473
+ -ms-touch-action: pinch-zoom;
474
+ touch-action: pinch-zoom; }
495
475
 
496
476
  .reveal .slides {
497
477
  position: absolute;
@@ -512,7 +492,8 @@ body {
512
492
  perspective-origin: 50% 40%; }
513
493
 
514
494
  .reveal .slides > section {
515
- -ms-perspective: 600px; }
495
+ -webkit-perspective: 600px;
496
+ perspective: 600px; }
516
497
 
517
498
  .reveal .slides > section,
518
499
  .reveal .slides > section > section {
@@ -544,7 +525,8 @@ body {
544
525
  .reveal .slides > section.stack {
545
526
  padding-top: 0;
546
527
  padding-bottom: 0;
547
- pointer-events: none; }
528
+ pointer-events: none;
529
+ height: 100%; }
548
530
 
549
531
  .reveal .slides > section.present,
550
532
  .reveal .slides > section > section.present {
@@ -761,14 +743,14 @@ body {
761
743
  .reveal .slides > section > section[data-transition=zoom].past,
762
744
  .reveal .slides > section > section[data-transition~=zoom-out].past,
763
745
  .reveal.zoom .slides > section > section:not([data-transition]).past {
764
- -webkit-transform: translate(0, -150%);
765
- transform: translate(0, -150%); }
746
+ -webkit-transform: scale(16);
747
+ transform: scale(16); }
766
748
 
767
749
  .reveal .slides > section > section[data-transition=zoom].future,
768
750
  .reveal .slides > section > section[data-transition~=zoom-in].future,
769
751
  .reveal.zoom .slides > section > section:not([data-transition]).future {
770
- -webkit-transform: translate(0, 150%);
771
- transform: translate(0, 150%); }
752
+ -webkit-transform: scale(0.2);
753
+ transform: scale(0.2); }
772
754
 
773
755
  /*********************************************
774
756
  * CUBE TRANSITION
@@ -989,34 +971,35 @@ body {
989
971
  .no-transforms {
990
972
  overflow-y: auto; }
991
973
 
974
+ .no-transforms .reveal {
975
+ overflow: visible; }
976
+
992
977
  .no-transforms .reveal .slides {
993
978
  position: relative;
994
979
  width: 80%;
995
- height: auto !important;
980
+ max-width: 1280px;
981
+ height: auto;
996
982
  top: 0;
997
- left: 50%;
998
- margin: 0;
983
+ margin: 0 auto;
999
984
  text-align: center; }
1000
985
 
1001
986
  .no-transforms .reveal .controls,
1002
987
  .no-transforms .reveal .progress {
1003
- display: none !important; }
988
+ display: none; }
1004
989
 
1005
990
  .no-transforms .reveal .slides section {
1006
- display: block !important;
1007
- opacity: 1 !important;
1008
- position: relative !important;
991
+ display: block;
992
+ opacity: 1;
993
+ position: relative;
1009
994
  height: auto;
1010
995
  min-height: 0;
1011
996
  top: 0;
1012
- left: -50%;
997
+ left: 0;
998
+ margin: 10vh 0;
1013
999
  margin: 70px 0;
1014
1000
  -webkit-transform: none;
1015
1001
  transform: none; }
1016
1002
 
1017
- .no-transforms .reveal .slides section section {
1018
- left: 0; }
1019
-
1020
1003
  .reveal .no-transition,
1021
1004
  .reveal .no-transition * {
1022
1005
  transition: none !important; }
@@ -1041,7 +1024,7 @@ body {
1041
1024
  opacity: 0;
1042
1025
  visibility: hidden;
1043
1026
  overflow: hidden;
1044
- background-color: transparent;
1027
+ background-color: rgba(0, 0, 0, 0);
1045
1028
  transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
1046
1029
 
1047
1030
  .reveal .slide-background-content {
@@ -1294,9 +1277,9 @@ body {
1294
1277
  transition-duration: 1200ms; }
1295
1278
 
1296
1279
  /*********************************************
1297
- * LINK PREVIEW OVERLAY
1280
+ * OVERLAY FOR LINK PREVIEWS AND HELP
1298
1281
  *********************************************/
1299
- .reveal .overlay {
1282
+ .reveal > .overlay {
1300
1283
  position: absolute;
1301
1284
  top: 0;
1302
1285
  left: 0;
@@ -1308,11 +1291,11 @@ body {
1308
1291
  visibility: hidden;
1309
1292
  transition: all 0.3s ease; }
1310
1293
 
1311
- .reveal .overlay.visible {
1294
+ .reveal > .overlay.visible {
1312
1295
  opacity: 1;
1313
1296
  visibility: visible; }
1314
1297
 
1315
- .reveal .overlay .spinner {
1298
+ .reveal > .overlay .spinner {
1316
1299
  position: absolute;
1317
1300
  display: block;
1318
1301
  top: 50%;
@@ -1326,7 +1309,7 @@ body {
1326
1309
  opacity: 0.6;
1327
1310
  transition: all 0.3s ease; }
1328
1311
 
1329
- .reveal .overlay header {
1312
+ .reveal > .overlay header {
1330
1313
  position: absolute;
1331
1314
  left: 0;
1332
1315
  top: 0;
@@ -1335,7 +1318,7 @@ body {
1335
1318
  z-index: 2;
1336
1319
  border-bottom: 1px solid #222; }
1337
1320
 
1338
- .reveal .overlay header a {
1321
+ .reveal > .overlay header a {
1339
1322
  display: inline-block;
1340
1323
  width: 40px;
1341
1324
  height: 40px;
@@ -1345,10 +1328,10 @@ body {
1345
1328
  opacity: 0.6;
1346
1329
  box-sizing: border-box; }
1347
1330
 
1348
- .reveal .overlay header a:hover {
1331
+ .reveal > .overlay header a:hover {
1349
1332
  opacity: 1; }
1350
1333
 
1351
- .reveal .overlay header a .icon {
1334
+ .reveal > .overlay header a .icon {
1352
1335
  display: inline-block;
1353
1336
  width: 20px;
1354
1337
  height: 20px;
@@ -1356,13 +1339,13 @@ body {
1356
1339
  background-size: 100%;
1357
1340
  background-repeat: no-repeat; }
1358
1341
 
1359
- .reveal .overlay header a.close .icon {
1342
+ .reveal > .overlay header a.close .icon {
1360
1343
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1361
1344
 
1362
- .reveal .overlay header a.external .icon {
1345
+ .reveal > .overlay header a.external .icon {
1363
1346
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1364
1347
 
1365
- .reveal .overlay .viewport {
1348
+ .reveal > .overlay .viewport {
1366
1349
  position: absolute;
1367
1350
  display: -webkit-box;
1368
1351
  display: -ms-flexbox;
@@ -1372,7 +1355,7 @@ body {
1372
1355
  bottom: 0;
1373
1356
  left: 0; }
1374
1357
 
1375
- .reveal .overlay.overlay-preview .viewport iframe {
1358
+ .reveal > .overlay.overlay-preview .viewport iframe {
1376
1359
  width: 100%;
1377
1360
  height: 100%;
1378
1361
  max-width: 100%;
@@ -1382,11 +1365,11 @@ body {
1382
1365
  visibility: hidden;
1383
1366
  transition: all 0.3s ease; }
1384
1367
 
1385
- .reveal .overlay.overlay-preview.loaded .viewport iframe {
1368
+ .reveal > .overlay.overlay-preview.loaded .viewport iframe {
1386
1369
  opacity: 1;
1387
1370
  visibility: visible; }
1388
1371
 
1389
- .reveal .overlay.overlay-preview.loaded .viewport-inner {
1372
+ .reveal > .overlay.overlay-preview.loaded .viewport-inner {
1390
1373
  position: absolute;
1391
1374
  z-index: -1;
1392
1375
  left: 0;
@@ -1395,46 +1378,46 @@ body {
1395
1378
  text-align: center;
1396
1379
  letter-spacing: normal; }
1397
1380
 
1398
- .reveal .overlay.overlay-preview .x-frame-error {
1381
+ .reveal > .overlay.overlay-preview .x-frame-error {
1399
1382
  opacity: 0;
1400
1383
  transition: opacity 0.3s ease 0.3s; }
1401
1384
 
1402
- .reveal .overlay.overlay-preview.loaded .x-frame-error {
1385
+ .reveal > .overlay.overlay-preview.loaded .x-frame-error {
1403
1386
  opacity: 1; }
1404
1387
 
1405
- .reveal .overlay.overlay-preview.loaded .spinner {
1388
+ .reveal > .overlay.overlay-preview.loaded .spinner {
1406
1389
  opacity: 0;
1407
1390
  visibility: hidden;
1408
1391
  -webkit-transform: scale(0.2);
1409
1392
  transform: scale(0.2); }
1410
1393
 
1411
- .reveal .overlay.overlay-help .viewport {
1394
+ .reveal > .overlay.overlay-help .viewport {
1412
1395
  overflow: auto;
1413
1396
  color: #fff; }
1414
1397
 
1415
- .reveal .overlay.overlay-help .viewport .viewport-inner {
1398
+ .reveal > .overlay.overlay-help .viewport .viewport-inner {
1416
1399
  width: 600px;
1417
1400
  margin: auto;
1418
1401
  padding: 20px 20px 80px 20px;
1419
1402
  text-align: center;
1420
1403
  letter-spacing: normal; }
1421
1404
 
1422
- .reveal .overlay.overlay-help .viewport .viewport-inner .title {
1405
+ .reveal > .overlay.overlay-help .viewport .viewport-inner .title {
1423
1406
  font-size: 20px; }
1424
1407
 
1425
- .reveal .overlay.overlay-help .viewport .viewport-inner table {
1408
+ .reveal > .overlay.overlay-help .viewport .viewport-inner table {
1426
1409
  border: 1px solid #fff;
1427
1410
  border-collapse: collapse;
1428
1411
  font-size: 16px; }
1429
1412
 
1430
- .reveal .overlay.overlay-help .viewport .viewport-inner table th,
1431
- .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1413
+ .reveal > .overlay.overlay-help .viewport .viewport-inner table th,
1414
+ .reveal > .overlay.overlay-help .viewport .viewport-inner table td {
1432
1415
  width: 200px;
1433
1416
  padding: 14px;
1434
1417
  border: 1px solid #fff;
1435
1418
  vertical-align: middle; }
1436
1419
 
1437
- .reveal .overlay.overlay-help .viewport .viewport-inner table th {
1420
+ .reveal > .overlay.overlay-help .viewport .viewport-inner table th {
1438
1421
  padding-top: 20px;
1439
1422
  padding-bottom: 20px; }
1440
1423
 
@@ -1448,12 +1431,39 @@ body {
1448
1431
  z-index: 30;
1449
1432
  cursor: pointer;
1450
1433
  transition: all 400ms ease;
1451
- -webkit-tap-highlight-color: transparent; }
1434
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
1452
1435
 
1453
1436
  .reveal.overview .playback {
1454
1437
  opacity: 0;
1455
1438
  visibility: hidden; }
1456
1439
 
1440
+ /*********************************************
1441
+ * CODE HIGHLGIHTING
1442
+ *********************************************/
1443
+ .reveal .hljs table {
1444
+ margin: initial; }
1445
+
1446
+ .reveal .hljs-ln-code,
1447
+ .reveal .hljs-ln-numbers {
1448
+ padding: 0;
1449
+ border: 0; }
1450
+
1451
+ .reveal .hljs-ln-numbers {
1452
+ opacity: 0.6;
1453
+ padding-right: 0.75em;
1454
+ text-align: right;
1455
+ vertical-align: top; }
1456
+
1457
+ .reveal .hljs.has-highlights tr:not(.highlight-line) {
1458
+ opacity: 0.4; }
1459
+
1460
+ .reveal .hljs:not(:first-child).fragment {
1461
+ position: absolute;
1462
+ top: 0;
1463
+ left: 0;
1464
+ width: 100%;
1465
+ box-sizing: border-box; }
1466
+
1457
1467
  /*********************************************
1458
1468
  * ROLLING LINKS
1459
1469
  *********************************************/
@@ -1512,7 +1522,7 @@ body {
1512
1522
  .reveal .speaker-notes {
1513
1523
  display: none;
1514
1524
  position: absolute;
1515
- width: 25vw;
1525
+ width: 33.3333333333%;
1516
1526
  height: 100%;
1517
1527
  top: 0;
1518
1528
  left: 100%;
@@ -1540,7 +1550,7 @@ body {
1540
1550
  opacity: 0.5; }
1541
1551
 
1542
1552
  .reveal.show-notes {
1543
- max-width: 75vw;
1553
+ max-width: 75%;
1544
1554
  overflow: visible; }
1545
1555
 
1546
1556
  .reveal.show-notes .speaker-notes {
@@ -1555,19 +1565,24 @@ body {
1555
1565
  border-left: 0;
1556
1566
  max-width: none;
1557
1567
  max-height: 70%;
1568
+ max-height: 70vh;
1558
1569
  overflow: visible; }
1559
1570
  .reveal.show-notes .speaker-notes {
1560
1571
  top: 100%;
1561
1572
  left: 0;
1562
1573
  width: 100%;
1563
- height: 42.8571428571%; } }
1574
+ height: 42.8571428571%;
1575
+ height: 30vh;
1576
+ border: 0; } }
1564
1577
 
1565
1578
  @media screen and (max-width: 600px) {
1566
1579
  .reveal.show-notes {
1567
- max-height: 60%; }
1580
+ max-height: 60%;
1581
+ max-height: 60vh; }
1568
1582
  .reveal.show-notes .speaker-notes {
1569
1583
  top: 100%;
1570
- height: 66.6666666667%; }
1584
+ height: 66.6666666667%;
1585
+ height: 40vh; }
1571
1586
  .reveal .speaker-notes {
1572
1587
  font-size: 14px; } }
1573
1588