asciidoctor-revealjs 3.1.0 → 4.1.0.rc4

data/examples/history-hash.adoc

@@ -0,0 +1,19 @@
+// .hash
+// Enables reveal.js hash feature which is good to reload in-progress slides and doesn't push to browser history.
+// :include: //body/script | //div[@class="slides"]
+// :header_footer:
+= No History
+:backend: revealjs
+:revealjs_hash: true
+
+== First slide
+
+This Deck
+
+== Second slide
+
+You can reload anytime
+
+== Third slide
+
+Yet browser history is not spammed

data/examples/history-regression-tests.adoc

@@ -42,8 +42,3 @@
 == hello こんにちは
 
 == hello 你好
-
-[id=xss" onClick="javascript:alert('xss-ed')]
-== hello XSS
-
-security?

data/examples/history.adoc

@@ -1,5 +1,5 @@
 // .history
-// Enables Reveal.JS' browser history feature
+// Enables reveal.js' browser history feature
 // :include: //body/script | //div[@class="slides"]
 // :header_footer:
 = History
@@ -8,12 +8,12 @@
 
 == First slide
 
-Uno
+This
 
 == Second slide
 
-Dos
+Pushes
 
 == Third slide
 
-Tres
+To Browser History Stack

data/examples/images/asciidoctor-logo.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="105.83333mm"
+   height="105.83333mm"
+   viewBox="0 0 105.83333 105.83333"
+   version="1.1"
+   id="svg3751"
+   inkscape:export-filename="/tmp/asciidoctor-logo-fill-color.png"
+   inkscape:export-xdpi="240"
+   inkscape:export-ydpi="240"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <title
+     id="title4527">Asciidoctor</title>
+  <defs
+     id="defs3745" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.6245048"
+     inkscape:cx="-46.777153"
+     inkscape:cy="24.966208"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1658"
+     inkscape:window-x="0"
+     inkscape:window-y="68"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3748">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Asciidoctor</dc:title>
+        <dc:publisher>
+          <cc:Agent>
+            <dc:title>Asciidoctor</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+        <dc:description>Asciidoctor project logo.</dc:description>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>AsciiDoc</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+        <dc:relation>https://asciidoctor.org</dc:relation>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-0.083335,-191.08337)">
+    <path
+       inkscape:connector-curvature="0"
+       id="path907"
+       d="m 26.240746,191.08337 c -14.436702,0 -26.157411,11.7201 -26.157411,26.15666 v 53.51951 c 0,14.43654 11.720957,26.15715 26.157411,26.15715 H 79.76025 c 14.436679,0 26.15641,-11.72061 26.15641,-26.15715 v -53.51951 c 0,-14.43656 -11.719488,-26.15666 -26.15641,-26.15666 z"
+       style="clip-rule:evenodd;fill:#e40046;fill-opacity:1;fill-rule:evenodd;stroke-width:0.24752024;stroke-linejoin:round;stroke-miterlimit:1.41420996" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.46009064px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 55.70942,210.48548 a 2.2302684,2.2302684 0 0 0 -2.015517,1.37263 l -13.327365,32.05565 a 2.2302684,2.2302684 0 1 0 4.117839,1.71171 l 11.25217,-27.06706 23.600261,57.54395 a 2.2302684,2.2302684 0 1 0 4.125976,-1.69271 L 57.814455,211.86894 a 2.2302684,2.2302684 0 0 0 -2.105035,-1.38346 z"
+       id="path909"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path911"
+       d="m 36.817184,255.95416 a 2.2302685,2.2302685 0 0 0 -2.024151,1.40272 l -7.083967,17.04249 a 2.2302685,2.2302685 0 1 0 4.118502,1.71234 l 7.083967,-17.0425 a 2.2302685,2.2302685 0 0 0 -2.094351,-3.11505 z"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.46009111px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.5;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.46009111px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 21.548721,254.55016 a 2.2302685,2.2302685 0 1 0 0,4.45963 h 25.754124 a 2.2302685,2.2302685 0 1 0 0,-4.45964 z"
+       id="path915"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4.46009111px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 26.263348,243.9626 a 2.2302685,2.2302685 0 1 0 0,4.45962 h 25.751411 a 2.2302685,2.2302685 0 1 0 0,-4.45962 z"
+       id="path919"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

data/examples/issue-grid-layout-images.adoc

@@ -0,0 +1,25 @@
+// .issue-grid-layout-images
+// Images would get shrunk before we added a flex-basis auto exception when columns wrap
+// :include: //div[@class="slides"]
+// :header_footer:
+= Grid Wrapping Tests
+:imagesdir: images/
+// reveal.js config
+:revealjs_hash: true
+:revealjs_center: false
+:revealjs_height: 1080
+:revealjs_width: 1920
+
+[.columns.wrap]
+== Should Wrap But Doesn't
+
+[.column]
+* Things here should wrap
+* But instead images shrink
+* But now it's good
+
+[.column]
+image::cover.jpg[width=900px]
+
+[.column]
+image::70s.jpg[width=900px]

data/examples/level-sectnums.adoc

@@ -0,0 +1,24 @@
+// .sections
+// Demonstration of section numbers and their specific reveal.js integration.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Sectnums
+:backend: revealjs
+:sectnums:
+:sectnumlevels: 2
+
+== First level
+
+First content
+
+== Vertical
+
+Vertical slides are using level 2 sections
+
+=== Level 2
+
+==== Level 3 does not have sectnum, sectnumlevels is 2
+
+== Horizontal slide
+
+=== Also supports levels

data/examples/links-preview.adoc

@@ -0,0 +1,32 @@
+// .links-with-preview
+// Demonstration of reveal.js global data-preview-link feature
+// :include: //div[@class="slides"] | //body/*[last()-1]
+// :header_footer:
+= Links With Preview Tests
+:revealjs_previewlinks: True
+:imagesdir: images/
+
+== Set Globally
+
+https://en.wikipedia.org/wiki/February_4[Here's a link]
+
+== Disabled Locally
+
+https://en.wikipedia.org/wiki/February_4[Link One, preview=false]
+
+https://en.wikipedia.org/wiki/February_4[Link Two, preview=0]
+
+https://en.wikipedia.org/wiki/February_4[Link Three, preview=False]
+
+== Image block with a Link
+
+image::70s.jpg[link="https://montrehack.ca/"]
+
+== Image block with a Link Disabled Locally
+
+image::70s.jpg[link="https://montrehack.ca/", link_preview=false]
+
+== Inlined Images
+
+image:70s.jpg[link="https://montrehack.ca/", width=200px]
+image:70s.jpg[link="https://montrehack.ca/", width=200px, link_preview=false]

data/examples/links.adoc

@@ -0,0 +1,39 @@
+// .links
+// Demonstration of reveal.js and AsciiDoc links
+// :include: //div[@class="slides"]
+// :header_footer:
+= Links
+:imagesdir: images/
+
+== Regular
+
+https://en.wikipedia.org/wiki/February_4[Link]
+
+https://en.wikipedia.org/wiki/February_4[In new Window, window="_blank"]
+
+https://en.wikipedia.org/wiki/February_4[In new Window (alternate syntax)^]
+
+
+== With iFrame Preview Overlay
+
+https://en.wikipedia.org/wiki/February_4[Link One, preview=true]
+
+https://en.wikipedia.org/wiki/February_4[Link Two, preview=1]
+
+https://en.wikipedia.org/wiki/February_4[Link Three, preview=True]
+
+
+== Image Block with a Link
+
+image::70s.jpg[link="https://montrehack.ca/", window="_blank"]
+
+
+== Image Block with a Link With iFrame Preview
+
+image::70s.jpg[link="https://montrehack.ca/", link_preview=true]
+
+
+== Inlined Images
+
+image:70s.jpg[link="https://montrehack.ca/", width=200px]
+image:70s.jpg[link="https://montrehack.ca/", width=200px, link_preview=true]

data/examples/mathjax-cdn.adoc

@@ -0,0 +1,21 @@
+// .mathjax-cdn
+// Demonstration of the Mathjax :mathjaxdir: attribute in action
+// :include: //head/link | //div[@class="slides"]
+// :header_footer:
+= MathJax
+:stem:
+:revealjsdir: https://cdn.jsdelivr.net/npm/reveal.js@3.9.2
+:mathjaxdir: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/
+
+== Math Equation
+
+Using standard latexmath:[\LaTeX] syntax:
+
+[stem]
+++++
+\sqrt{37} = \sqrt{\frac{73^2-1}{12^2}} \approx \frac{73}{12} (1 - \frac{1}{2\cdot73^2})
+++++
+
+Another one:
+
+stem:[\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}]

data/examples/mathjax.adoc

@@ -0,0 +1,20 @@
+// .mathjax
+// Demonstration of our Mathjax integration
+// :include: //div[@class="slides"]
+// :header_footer:
+= MathJax
+:stem:
+:revealjsdir: https://cdn.jsdelivr.net/npm/reveal.js@3.9.2
+
+== Math Equation
+
+Using standard latexmath:[\LaTeX] syntax:
+
+[stem]
+++++
+\sqrt{37} = \sqrt{\frac{73^2-1}{12^2}} \approx \frac{73}{12} (1 - \frac{1}{2\cdot73^2})
+++++
+
+Another one:
+
+stem:[\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}]

data/examples/release-4.0.adoc

@@ -0,0 +1,192 @@
+= Asciidoctor reveal.js 4.0
+:source-highlighter: highlight.js
+:highlightjs-languages: x86asm,asciidoc
+:icons: font
+:imagesdir: images/
+// reveal.js config
+:customcss: release-4.0.css
+:revealjs_hash: true
+:revealjs_width: 1080
+
+== Supports all of reveal.js 3.9.2 features
+
+
+[background-video="https://github.com/obilodeau/asciidoctor-assets/raw/master/videos/synthwave.mp4",background-opacity=0.7]
+=== Background videos
+
+=== Automatic Source Code Highlighting!
+
+icon:exclamation-circle[] Including step-by-step line highlights
+
+[.columns.is-vcentered]
+=== Assembly from a Compiler
+
+[.column]
+[source,x86asm,highlight="3..6|7..9|10|11,12"]
+----
+main        proc near
+var_10      = dword ptr -10h
+            push ebp
+            mov ebp, esp
+            and esp, 0FFFFFFF0h
+            sub esp, 10h
+            mov eax, offset aHelloWorld
+            mov [esp+10h+var_10], eax
+            call _printf
+            mov eax, 0
+            leave
+            retn
+main        endp
+----
+
+[.column.is-one-third]
+--
+* Backed by Highlight.js
+* Many languages supported
+* Ability to focus on specific lines
+--
+
+=== With very simple source!
+
+[source,asciidoc]
+....
+[source,x86asm,highlight="3..6|7..9|10|11,12"]
+----
+main        proc near
+var_10      = dword ptr -10h
+            push ebp
+            mov ebp, esp
+            and esp, 0FFFFFFF0h
+            sub esp, 10h
+            mov eax, offset aHelloWorld
+            mov [esp+10h+var_10], eax
+            call _printf
+            mov eax, 0
+            leave
+            retn
+main        endp
+----
+....
+
+=== And More!
+
+* Background images (and gif!)
+* Speaker notes
+* Embedded videos
+* Embedded and interactive iframes
+* etc.
+
+
+[.columns.is-vcentered]
+== Plus AsciiDoc Features
+
+[.column]
+--
+image::asciidoctor-logo.svg[]
+
+Powered by Asciidoctor
+--
+
+[.column]
+.Available toolchains
+* Ruby / Bundler
+* JavaScript / NPM
+* Standalone executables
+* icon:exclamation-circle[] JVM / Maven
+
+[.columns.is-vcentered]
+=== Easy Grid Layout
+
+[.column]
+* Easy
+
+[.column]
+* Flexible
+
+[.column]
+Grid Layout
+
+[.column.is-one-third]
+--
+[source,asciidoc]
+.Source
+....
+[.columns]
+=== Easy Grid Layout
+
+[.column]
+* Easy
+
+[.column]
+* Flexible
+
+[.column]
+Grid Layout
+
+[.column.is-one-third]
+[source,asciidoc]
+[...]
+....
+--
+
+[.columns.is-vcentered]
+=== FontAwesome Integration
+
+[.column.is-one-third]
+--
+Expressive icon:palette[] Icons icon:icons[]
+at your Fingertips icon:hand-holding-heart[]
+
+[.red]
+icon:heart[size=3x]
+--
+
+[.column]
+--
+[source,asciidoc]
+.Source
+....
+Expressive icon:palette[]
+Icons icon:icons[]
+at your Fingertips
+icon:hand-holding-heart[]
+
+[.red]
+icon:heart[size=3x]
+....
+--
+
+[.columns]
+=== Includes
+
+[.column]
+You can include content from other files.
+Including source code!
+
+[.column]
+--
+[source,asciidoc]
+.Example Source
+....
+[source,python]
+----
+\include::demo.py[]
+----
+....
+--
+
+=== For Great Technical Presentations!
+
+
+[.important.white.background,transition="zoom"]
+== Can you do that PowerPoint?
+
+
+[transition=fade,transition-speed=slow]
+== Learn More!
+
+* https://github.com/asciidoctor/asciidoctor-reveal.js/[Asciidoctor reveal.js]
+* https://revealjs.com[reveal.js]
+* https://github.com/asciidoctor/asciidoctor/[Asciidoctor]
+* https://asciidoctor.org/docs/what-is-asciidoc/[What is AsciiDoc?]
+* https://github.com/asciidoctor/asciidoctor-reveal.js/raw/master/examples/release-4.0.adoc[This slide deck's AsciiDoc source]