asciidoctor-revealjs 1.0.4 → 1.1.0

data/examples/images.adoc

@@ -0,0 +1,19 @@
+// .images
+// Demonstration of revealjs images embedding with some options.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Images tests
+:imagesdir: images
+
+== Normal
+
+image::web_surfing_time.gif[]
+
+== Stretched
+
+[.stretch]
+image::web_surfing_time.gif[]
+
+== Hardcoded
+
+image::web_surfing_time.gif[width="1200"]

data/examples/keyboard-shortcuts.adoc

@@ -0,0 +1,24 @@
+// .keyboard-shortcuts
+// Demonstration of keyboard shortcuts extension.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Keyboard shortcuts
+:experimental:
+
+== Some shortcuts
+
+|===
+|Shortcut |Purpose
+
+|kbd:[F11]
+|Toggle fullscreen
+
+|kbd:[Ctrl+T]
+|Open a new tab
+
+|kbd:[Ctrl+Shift+N]
+|New incognito window
+
+|kbd:[Ctrl + +]
+|Increase zoom
+|===

data/examples/level-sections.adoc

@@ -0,0 +1,44 @@
+// .sections
+// Demonstration of section levels and their specific reveal.js integration.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Levels
+:backend: revealjs
+
+== First level
+
+First content
+
+== Vertical
+
+Vertical slides are using level 2 sections (`===`)
+
+Press down arrow.
+
+=== Level 3
+
+Level 3 (`====`), rendered as `<h3>` is now supported.
+
+==== Like this
+
+=== Deeper
+
+==== l3
+
+===== l4
+
+====== l5
+
+== Horizontal slide
+
+==== Also supports levels
+
+But they issue warnings during render
+
+== Horizontal sections
+
+==== l3
+
+===== l4
+
+====== l5

data/examples/multi-destination-content.adoc

@@ -0,0 +1,66 @@
+// .multiple-backend-destination
+// Demonstration of having the same AsciiDoc source generate different files based on usage context.
+// This test will only test the revealjs render.
+// :include: //div[@class="slides"]
+// :header_footer:
+= My Doc
+John Doe <John@example.net>
+:revdate: 2016-04-26
+
+== Main section
+
+=== Sub Section lvl 2
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien ex, elementum nec scelerisque id, condimentum nec nulla. Integer dignissim faucibus ullamcorper. Morbi eget mauris molestie, facilisis augue nec, vulputate metus. Ut volutpat risus lorem, id tempus ex egestas vel. Sed quis accumsan tellus. Suspendisse interdum augue vel augue rhoncus sodales. Ut at ultrices nulla. Sed id iaculis tellus. Pellentesque efficitur diam sit amet diam lobortis, in bibendum lectus ornare. 
+
+=== Sub Section lvl 3
+
+Small +
+Multiline +
+intro
+
+. very
+. long
+. list
+. of
+. items
+
+ifdef::backend-revealjs[=== !]
+
+Some overview
+
+----
++-------------------------------------------------+
+|       Big Picture                               |
+| +-------------+  +-----------+  +-------------+ |
+| |             |  |           |  |             | |
+| |             |  |           |  |             | |
+| |             |  |           |  |             | |
+| |             |  |           |  |             | |
+| +-------------+  +-----------+  +-------------+ |
+|                                                 |
+| +-------------+  +-----------+  +-------------+ |
+| |             |  |           |  |             | |
+| |             |  |  Focus    |  |             | |
+| |             |  |  Here     |  |             | |
+| |             |  |           |  |             | |
+| +-------------+  +-----------+  +-------------+ |
+|                                                 |
++-------------------------------------------------+
+----
+
+ifdef::backend-revealjs[=== !]
+
+Detailed view
+
+----
++---------------------------------------------------+
+|   +---------------------------------------------+ |
+|   |     |      |             |                  | |
+|   |     |      |             |                  | |
+|   +---------------------------------------------+ |
+|   |     |      | IMPORTANT   |                  | |
+|   |     |      | DATA        |                  | |
+|   +---------------------------------------------+ |
++---------------------------------------------------+
+----

data/examples/revealjs-stretch.adoc

@@ -0,0 +1,22 @@
+// .stretch_class
+// This example shows the impact of using the reveal.js special stretch CSS class
+// :include: //div[@class="slides"]
+// :header_footer:
+= Stretch class
+
+== First slide
+
+Some content
+
+Nothing stretched
+
+See?
+
+== Second slide
+
+Some content
+
+[.stretch]
+Stretched
+
+See?

data/examples/slide-state.adoc

@@ -0,0 +1,18 @@
+// .revealjs-slide-state
+// Demonstration of adding state to a slide and that it can be used by CSS.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Title
+:topic: state=title,background-color=white
+:customcss: slide-state.css
+
+== First slide
+
+Content
+
+[{topic}]
+== Topic slide
+
+== Second slide
+
+Content

data/examples/slide-state.css

@@ -0,0 +1,6 @@
+@import 'https://fonts.googleapis.com/css?family=Baloo+Bhai';
+
+section[data-state="title"] h2 {
+    font-family: 'Baloo Bhai', cursive;
+    font-size: 4em;
+}

data/examples/source-callouts.adoc

@@ -0,0 +1,20 @@
+// .source-callouts
+// Demonstration of source callouts
+// :include: //div[@class="slides"]
+// :header_footer:
+= Presentation
+Me
+:icons: font
+:source-highlighter: highlightjs
+// FIXME coderay, pygments and rouge should also be tested
+
+== Callout
+
+// FIXME source callouts are broken right now
+[source, rust]
+----
+fn main() {
+    println!("Hello World!"); // <1>
+    }
+----
+<1> `println!` is a macro.

data/examples/speaker-notes.adoc

@@ -0,0 +1,21 @@
+// .speaker-notes
+// Demonstration of speaker notes
+// :include: //div[@class="slides"]
+// :header_footer:
+= Title Slide
+:backend: revealjs
+
+== Slide One
+
+* Foo
+* Bar
+* World
+
+== Slide Two
+
+Hello World - Good Bye Cruel World
+
+[NOTE.speaker]
+--
+Actually things aren't that bad
+--

data/examples/theme-custom.adoc

@@ -0,0 +1,33 @@
+// .theme-custom
+// Use of the revealjs_theme attribute to load a different revealjs theme
+// :include: //link[@rel="stylesheet"] | //body/script | //div[@class="slides"]
+// :header_footer:
+= OWASP Theme
+:customcss: theme-custom.css
+// reveal.js config
+:backend: revealjs
+// To use the custom theme, you'll have to add my owasp scss file to a local reveal.js copy then build
+// custom theme from: https://github.com/GoSecure/reveal.js/tree/theme-owasp
+// follow build instructions here: https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md
+:revealjs_theme: owasp
+:revealjs_controls: false
+:revealjs_center: false
+// achieving 16:9
+:revealjs_width: 1280
+:revealjs_height: 720
+// shorthands
+:topic: .topic,background-color="#da291c"
+:key: .topic,background-color="black"
+
+[{topic}]
+== A CTF, WTF is that?
+
+[{key}]
+== CTF => Capture The Flags
+
+== Actually, they are...
+
+* hacking games
+* hacking puzzles
+* computer science puzzle
+* nerd puzzles

data/examples/theme-custom.css

@@ -0,0 +1,33 @@
+.reveal section.title h1 {
+	margin-top: 1em;
+	font-size: 4em;
+}
+
+.reveal section.title small {
+	margin-top: 9em;
+	font-weight: bold;
+	color: grey;
+}
+
+.reveal section.topic h2 {
+	margin-top: 2.5em;
+	font-size: 3em;
+}
+
+.reveal div.center {
+	margin-top: 20%;
+}
+
+.reveal section.has-dark-background h2,
+.reveal section.has-dark-background h3 {
+	color: white !important;
+	border-bottom: none !important;
+}
+
+.reveal section.has-dark-background p {
+	color: darkgrey;
+}
+
+.reveal section span.right {
+	margin: 0px 0px;
+}

data/examples/title-preamble.adoc

@@ -0,0 +1,10 @@
+// .preamble
+// Demonstration of the presence of a preamble
+// :include: //div[@class="slides"]
+// :header_footer:
+= Presentation Title
+Author Name
+
+Preamble
+
+== Slide 2

data/examples/title-slide-color.adoc

@@ -0,0 +1,10 @@
+// .color
+// Use of the title-slide-background-color feature of reveal.js
+// :include: //div[@class="slides"]
+// :header_footer:
+= EPIC TITLE
+:title-slide-background-color: red
+
+== Next slide
+
+Content

data/examples/title-slide-image.adoc

@@ -0,0 +1,13 @@
+// .image
+// Use of the title-slide-background-image feature of reveal.js
+// :include: //div[@class="slides"]
+// :header_footer:
+= EPIC TITLE
+:imagesdir: images
+:title-slide-background-image: 70s.jpg
+:title-slide-transition: zoom
+:title-slide-transition-speed: fast
+
+== Next slide
+
+Content

data/examples/title-slide-video.adoc

@@ -0,0 +1,13 @@
+// .video
+// Use of the title-slide-background-video feature of reveal.js
+// :include: //div[@class="slides"]
+// :header_footer:
+= EPIC TITLE
+:revealjs_theme: white
+:title-slide-background-video: https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4
+:title-slide-background-video-loop: true
+:title-slide-background-video-muted: true
+
+== Next slide
+
+Content

data/examples/title-subtitle-partitioning.adoc

@@ -0,0 +1,7 @@
+// .subtitle
+// Use of the AsciiDoc automatic subtitle partitionning.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Catch phrase: Longer more explicit title introducing the real concept
+
+== Slide 2

data/examples/transitions.adoc

@@ -0,0 +1,20 @@
+// .transitions
+// Demonstration of various styles of reveal.js transitions applied on a per-slide bassis.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Slide Transitions
+:backend: revealjs
+
+== !
+
+This
+
+[%notitle, transition="zoom"]
+== Zoom zoom
+
+This slide will override the presentation transition and zoom!
+
+[%notitle, transition-speed="fast"]
+== Speed
+
+Choose from three transition speeds: default, fast or slow!

data/examples/vertical-slides.adoc

@@ -0,0 +1,24 @@
+// .vertical-slides
+// Demonstration of reveal.js vertical slides.
+// :include: //div[@class="slides"]
+// :header_footer:
+= Vertical Slides
+:backend: revealjs
+
+== First slide
+
+First content
+
+=== Vertical 1
+
+Content
+
+=== Vertical 2
+
+More content
+
+==== Another level
+
+== Second horizontal slide
+
+And that is all folks