asciidoctor-revealjs 3.1.0 → 4.1.0.rc4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (89) hide show
  1. checksums.yaml +4 -4
  2. data/README.adoc +328 -55
  3. data/Rakefile +30 -7
  4. data/asciidoctor-revealjs.gemspec +5 -3
  5. data/examples/a11y-dark.css +99 -0
  6. data/examples/autoslide.adoc +22 -0
  7. data/examples/custom-layout.adoc +10 -0
  8. data/examples/data-attributes.adoc +245 -0
  9. data/examples/docinfo-footer-revealjs.html +10 -0
  10. data/examples/docinfo-revealjs.html +7 -0
  11. data/examples/font-awesome-specific-version.adoc +11 -0
  12. data/examples/font-awesome.adoc +18 -3
  13. data/examples/font-awesome.css +3 -0
  14. data/examples/footnotes.adoc +46 -0
  15. data/examples/fragments.adoc +44 -0
  16. data/examples/fragments.css +18 -0
  17. data/examples/grid-layout-3x2.adoc +50 -0
  18. data/examples/grid-layout-docinfo-revealjs.html +11 -0
  19. data/examples/grid-layout.adoc +194 -0
  20. data/examples/history-hash.adoc +19 -0
  21. data/examples/history-regression-tests.adoc +0 -5
  22. data/examples/history.adoc +4 -4
  23. data/examples/images/asciidoctor-logo.svg +102 -0
  24. data/examples/images/cute-cat-1.jpg +0 -0
  25. data/examples/images/cute-cat-2.jpg +0 -0
  26. data/examples/images/cute-cat-3.jpg +0 -0
  27. data/examples/images/flock-of-seagulls_daniel-simion.mp3 +0 -0
  28. data/examples/issue-grid-layout-images.adoc +25 -0
  29. data/examples/level-sectnums.adoc +24 -0
  30. data/examples/links-preview.adoc +32 -0
  31. data/examples/links.adoc +39 -0
  32. data/examples/mathjax-cdn.adoc +21 -0
  33. data/examples/mathjax.adoc +20 -0
  34. data/examples/release-4.0.adoc +192 -0
  35. data/examples/release-4.0.css +23 -0
  36. data/examples/release-4.1.adoc +133 -0
  37. data/examples/release-4.1.css +50 -0
  38. data/examples/revealjs-custom-theme.adoc +10 -0
  39. data/examples/source-coderay.adoc +15 -0
  40. data/examples/source-emphasis.adoc +128 -0
  41. data/examples/source-highlightjs-html.adoc +1 -1
  42. data/examples/source-highlightjs-languages.adoc +27 -0
  43. data/examples/source-highlightjs.adoc +85 -2
  44. data/examples/source-pygments.adoc +12 -0
  45. data/examples/source-rouge-docinfo.html +8 -0
  46. data/examples/source-rouge.adoc +18 -0
  47. data/examples/steps.adoc +87 -0
  48. data/examples/text-alignments.adoc +44 -0
  49. data/examples/video.adoc +30 -8
  50. data/examples/with-docinfo-shared.adoc +13 -0
  51. data/lib/asciidoctor-revealjs/converter.rb +1053 -770
  52. data/lib/asciidoctor-revealjs/highlightjs.rb +333 -2
  53. data/lib/asciidoctor-revealjs/version.rb +1 -1
  54. data/templates/admonition.html.slim +1 -1
  55. data/templates/asciidoctor-compatibility.css +390 -0
  56. data/templates/audio.html.slim +1 -1
  57. data/templates/colist.html.slim +1 -1
  58. data/templates/dlist.html.slim +3 -3
  59. data/templates/document.html.slim +76 -60
  60. data/templates/example.html.slim +1 -1
  61. data/templates/helpers.rb +170 -5
  62. data/templates/image.html.slim +3 -3
  63. data/templates/inline_anchor.html.slim +6 -4
  64. data/templates/inline_button.html.slim +2 -1
  65. data/templates/inline_footnote.html.slim +11 -4
  66. data/templates/inline_image.html.slim +5 -8
  67. data/templates/inline_kbd.html.slim +3 -2
  68. data/templates/inline_menu.html.slim +4 -3
  69. data/templates/inline_quoted.html.slim +13 -21
  70. data/templates/listing.html.slim +15 -10
  71. data/templates/literal.html.slim +1 -1
  72. data/templates/olist.html.slim +2 -2
  73. data/templates/open.html.slim +3 -3
  74. data/templates/paragraph.html.slim +1 -1
  75. data/templates/quote.html.slim +1 -1
  76. data/templates/section.html.slim +51 -43
  77. data/templates/sidebar.html.slim +1 -1
  78. data/templates/stem.html.slim +1 -1
  79. data/templates/stretch_nested_elements.js.slim +65 -0
  80. data/templates/table.html.slim +3 -2
  81. data/templates/title_slide.html.slim +28 -0
  82. data/templates/ulist.html.slim +3 -3
  83. data/templates/verse.html.slim +1 -1
  84. data/templates/video.html.slim +14 -8
  85. metadata +79 -16
  86. data/CHANGELOG.adoc +0 -456
  87. data/HACKING.adoc +0 -404
  88. data/examples/revealjs-features.adoc +0 -23
  89. data/templates/asciidoctor_revealjs.css.slim +0 -59
@@ -0,0 +1,10 @@
1
+ <script src="https://platform.twitter.com/widgets.js"></script>
2
+ <script>
3
+ twttr.widgets.createTweet(
4
+ '1214773648776744962',
5
+ document.getElementById('tweet'),
6
+ {
7
+ theme: 'white'
8
+ }
9
+ );
10
+ </script>
@@ -0,0 +1,7 @@
1
+ <meta name="generator" content="Asciidoctor reveal.js">
2
+ <style>
3
+ #tweet {
4
+ display: flex;
5
+ justify-content: center;
6
+ }
7
+ </style>
@@ -0,0 +1,11 @@
1
+ // .font-awesome-specific-version
2
+ // Testing font-awesome icons
3
+ // :include: //head//link[@rel="stylesheet"] | //div[@class="slides"]
4
+ // :header_footer:
5
+ = Font Awesome Tests
6
+ :icons: font
7
+ :font-awesome-version: 5.14.0
8
+
9
+ == Updated in Version 5.14.0
10
+
11
+ icon:rust[2x,set=fab]
@@ -4,6 +4,7 @@
4
4
  // :header_footer:
5
5
  = Font Awesome Tests
6
6
  :icons: font
7
+ :customcss: font-awesome.css
7
8
 
8
9
  == !
9
10
 
@@ -15,14 +16,28 @@ icon:heart[size=5x]
15
16
 
16
17
  == !
17
18
 
18
- // TODO
19
- [red]
19
+ [.red]
20
20
  icon:heart[size=5x]
21
21
 
22
22
  == !
23
23
 
24
- icon:stackpath[size=5x]
24
+ icon:stackpath[size=5x,set=fab]
25
25
 
26
26
  == !
27
27
 
28
28
  icon:twitter[size=5x]
29
+
30
+ == Added in 5.15.0
31
+
32
+ icon:vest[size=2x]
33
+
34
+ == Sets
35
+
36
+ .Brand
37
+ icon:creative-commons[size=2x,set=fab]
38
+
39
+ .Regular
40
+ icon:address-book[size=2x,set=far]
41
+
42
+ .Solid
43
+ icon:address-book[size=2x,set=fas]
@@ -0,0 +1,3 @@
1
+ div.red > p > span.icon {
2
+ color: red;
3
+ }
@@ -0,0 +1,46 @@
1
+ // .footnotes
2
+ // :include: //div[@class="slides"]
3
+ // :header_footer:
4
+ = Presentation
5
+ Author Name
6
+ :revealjs_theme: simple
7
+ :revealjs_transition: none
8
+ :revealjs_hash: true
9
+
10
+ == Introductionfootnote:[A footnote on introduction?!]
11
+
12
+ This is some text.footnote:[An example footnote.]
13
+
14
+ == Footnotesfootnote:[A footnote on footnotes?!]footnote:[Another one!]
15
+
16
+ A statement.footnote:[Some text.]
17
+
18
+ == Press Release
19
+
20
+ A statement.footnote:[Clarification about this statement.]
21
+
22
+ A bold statement!footnote:disclaimer[Opinions are my own.]
23
+
24
+ == Externalized Footnotes
25
+
26
+ :fn-hail-and-rainbow: footnote:[The double hail-and-rainbow level makes my toes tingle.]
27
+ :fn-disclaimer: footnote:disclaimer[Opinions are my own.]
28
+
29
+ The hail-and-rainbow protocol can be initiated at five levels:
30
+ double, tertiary, supernumerary, supermassive, and apocalyptic party.{fn-hail-and-rainbow}
31
+ A bold statement!{fn-disclaimer}
32
+ Another outrageous statement.{fn-disclaimer}
33
+
34
+ === Nestedfootnote:[A footnote on nested?!]
35
+
36
+ A statement.footnote:[No need to explain.]
37
+
38
+ A statement.footnote:[Might need some clarification...]
39
+
40
+ === Another One
41
+
42
+ A statement.footnote:[Do you even...?]
43
+
44
+ == Next Topic
45
+
46
+ A statement.footnote:[Still here?]
@@ -0,0 +1,44 @@
1
+ // .revealjs-features
2
+ // This example tests some of reveal.js' fragments features
3
+ // :include: //body/script | //div[@class="slides"]
4
+ // :header_footer:
5
+ = Fragments
6
+ :revealjs_history: true
7
+ :revealjs_fragmentInURL: true
8
+ :customcss: fragments.css
9
+
10
+ == Fragments
11
+
12
+ [%step]
13
+ * Fragments
14
+ * Are a reveal.js feature
15
+ * Very familiar to Powerpoint users
16
+
17
+ == Fragments in URL
18
+
19
+ [%step]
20
+ * With reveal.js 3.6
21
+ * Fragments
22
+ * Can now be displayed in URLs
23
+
24
+ == Using data-fragment
25
+
26
+ [%step]
27
+ * You can now
28
+ * Do
29
+ * Fancy
30
+ * CSS Things
31
+ * With Fragments
32
+ * See `fragments.css`
33
+
34
+ == Fragments on paragraphs
35
+
36
+ [%step]
37
+ This is step one!
38
+
39
+ [%step]
40
+ --
41
+ This is step two:
42
+
43
+ $ echo 'hello world'
44
+ --
@@ -0,0 +1,18 @@
1
+ @import 'https://fonts.googleapis.com/css?family=Baloo+Bhai';
2
+
3
+ section[data-fragment="2"] p {
4
+ font-family: 'Baloo Bhai', cursive;
5
+ }
6
+
7
+ section[data-fragment="3"] p {
8
+ color: black;
9
+ flex: 1;
10
+ font-size: 2em;
11
+ line-height: 1.2;
12
+ text-decoration: none;
13
+ background-image: linear-gradient(to right, yellow 0, yellow 100%);
14
+ background-position: 0 -0.1em;
15
+ background-size: 100% 100%;
16
+ background-repeat: no-repeat;
17
+ transition: background .5s;
18
+ }
@@ -0,0 +1,50 @@
1
+ :revealjs_transition: none
2
+ :icons: font
3
+ :revealjs_theme: white
4
+ :revealjs_slideNumber: true
5
+ :revealjs_center: false
6
+ //:customcss: customcss.css
7
+ :revealjs_width: 1680
8
+ :revealjs_height: 1050
9
+ :revealjs_hash: true
10
+
11
+ [.columns.wrap]
12
+ == Different Colors
13
+
14
+ [.column.is-one-third]
15
+ [.fragment]
16
+ .Title
17
+ --
18
+ .Blue
19
+ image::https://upload.wikimedia.org/wikipedia/commons/f/ff/Solid_blue.svg[width=40%]
20
+ --
21
+ [.column.is-one-third]
22
+ [.fragment]
23
+ --
24
+ .Solid green but with longer caption
25
+ image::https://upload.wikimedia.org/wikipedia/commons/2/29/Solid_green.svg[width=40%]
26
+ --
27
+ [.column.is-one-third]
28
+ [.fragment]
29
+ --
30
+ .Solid red
31
+ image::https://upload.wikimedia.org/wikipedia/commons/2/25/Red.svg[width=40%]
32
+ --
33
+ [.column.is-one-third]
34
+ [.fragment]
35
+ --
36
+ .Solid blue
37
+ image::https://upload.wikimedia.org/wikipedia/commons/f/ff/Solid_blue.svg[width=40%]
38
+ --
39
+ [.column.is-one-third]
40
+ [.fragment]
41
+ --
42
+ .Blue
43
+ image::https://upload.wikimedia.org/wikipedia/commons/f/ff/Solid_blue.svg[width=40%]
44
+ --
45
+ [.column.is-one-third]
46
+ [.fragment]
47
+ --
48
+ .Solid green but with longer caption
49
+ image::https://upload.wikimedia.org/wikipedia/commons/2/29/Solid_green.svg[width=40%]
50
+ --
@@ -0,0 +1,11 @@
1
+ <style>
2
+ .slide-background.is-half.left.sunrise > .slide-background-content::before {
3
+ position: absolute;
4
+ content: "";
5
+ height: 100%;
6
+ width: 50%;
7
+ top: 0;
8
+ left: 0;
9
+ background: linear-gradient(61deg, #f070a8 0%, #cdb171 100%)
10
+ }
11
+ </style>
@@ -0,0 +1,194 @@
1
+ // .grid-layout
2
+ // Testing our columns roles
3
+ // :include: //div[@class="slides"]
4
+ // :header_footer:
5
+ = Grid Layout
6
+ :docinfo: private
7
+ :source-highlighter: highlight.js
8
+ :highlightjs-languages: clojure,scala
9
+ :revealjs_hash: true
10
+
11
+ [.columns]
12
+ == 2 columns
13
+
14
+ [.column]
15
+ --
16
+ * **Edgar Allen Poe**
17
+ * Sheri S. Tepper
18
+ * Bill Bryson
19
+ --
20
+
21
+ [.column]
22
+ --
23
+ Edgar Allan Poe (/poʊ/; born Edgar Poe; January 19, 1809 – October 7, 1849) was an American writer, editor, and literary critic.
24
+ --
25
+
26
+ [.columns.wrap]
27
+ == Multi-columns with wrap
28
+
29
+ [.column]
30
+ --
31
+ .Kotlin
32
+ [source,kotlin]
33
+ ----
34
+ fun main() {
35
+ println("Hello, World!")
36
+ }
37
+ ----
38
+ --
39
+
40
+ [.column]
41
+ --
42
+ .Clojure
43
+ [source,clojure]
44
+ ----
45
+ (defn -main [& args]
46
+ (println "Hello, World!"))
47
+ ----
48
+ --
49
+
50
+ [.column]
51
+ --
52
+ .Scala
53
+ [source,scala]
54
+ ----
55
+ object HelloWorld {
56
+ def main(args: Array[String]): Unit = {
57
+ println("Hello, world!")
58
+ }
59
+ }
60
+ ----
61
+ --
62
+
63
+ [.columns]
64
+ == Columns with size
65
+
66
+ [.column.is-one-third]
67
+ --
68
+ * **Kotlin**
69
+ * Java
70
+ * Scala
71
+ --
72
+
73
+ [.column]
74
+ --
75
+ Programming language for Android, mobile cross-platform
76
+ and web development, server-side, native,
77
+ and data science. Open source forever Github.
78
+ --
79
+
80
+ [.columns]
81
+ == 3 columns
82
+
83
+ [.column]
84
+ * Java
85
+ * **Kotlin**
86
+
87
+ [.column]
88
+ * Node
89
+ * **Deno**
90
+
91
+ [.column]
92
+ * Ruby
93
+ * **Crystal**
94
+
95
+
96
+ [.columns.is-half.sunrise.left]
97
+ == !
98
+
99
+ [.column.is-half]
100
+ * Java
101
+ * **Kotlin**
102
+
103
+ [.column.is-half]
104
+ * Ruby
105
+ * **Crystal**
106
+
107
+ == Languages
108
+
109
+ We will go over languages
110
+
111
+ [.columns]
112
+ === Kotlin
113
+
114
+ [.column]
115
+ [source,kotlin]
116
+ ----
117
+ fun main() {
118
+ println("Hello, World!")
119
+ }
120
+ ----
121
+
122
+ [.column]
123
+ --
124
+ * Nice and compact
125
+ * Works well on Android
126
+ --
127
+
128
+ [.columns]
129
+ === Clojure
130
+
131
+ [.column]
132
+ [source,clojure]
133
+ ----
134
+ (defn -main [& args]
135
+ (println "Hello, World!"))
136
+ ----
137
+
138
+ [.column]
139
+ --
140
+ * Lisp-like
141
+ * Few simple concepts
142
+ --
143
+
144
+ [.columns.is-vcentered]
145
+ == Vertically Centered Columns
146
+
147
+ [.column]
148
+ * Java
149
+ * **Kotlin**
150
+
151
+ [.column]
152
+ * Node
153
+ * **Deno**
154
+
155
+ [.column.is-half]
156
+ --
157
+ .Source
158
+ [source,asciidoc]
159
+ ....
160
+ [.columns.is-vcentered]
161
+ == Vertically Aligned Columns
162
+
163
+ [.column]
164
+ * Java
165
+ * **Kotlin**
166
+
167
+ [.column]
168
+ * Node
169
+ * **Deno**
170
+
171
+ [.column.is-half]
172
+ [...]
173
+ ....
174
+ --
175
+
176
+ [.columns]
177
+ == Column Text Alignment
178
+
179
+ [.column.has-text-left]
180
+ --
181
+ Something Short
182
+
183
+ Something So Long That We Need It Aligned
184
+ --
185
+
186
+ [.column.has-text-justified]
187
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
188
+
189
+ [.column.has-text-right]
190
+ --
191
+ Something Short
192
+
193
+ Something So Long That We Need It Aligned
194
+ --