reveal-ck 3.9.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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