asciidoctor-revealjs 1.0.0

data/templates/slim/block_quote.html.slim

@@ -0,0 +1,14 @@
+.quoteblock id=@id class=role
+  - if title?
+    .title=title
+  blockquote=content
+  - attribution = (attr? :attribution) ? (attr :attribution) : nil
+  - citetitle = (attr? :citetitle) ? (attr :citetitle) : nil
+  - if attribution || citetitle
+    .attribution
+      - if citetitle
+        cite=citetitle
+      - if attribution
+        - if citetitle
+          br
+        | — #{attribution}

data/templates/slim/block_ruler.html.slim

@@ -0,0 +1 @@
+hr

data/templates/slim/block_sidebar.html.slim

@@ -0,0 +1,5 @@
+.sidebarblock id=@id class=role
+  .content
+    - if title?
+      .title=title
+    =content

data/templates/slim/block_stem.html.slim

@@ -0,0 +1,10 @@
+- open, close = Asciidoctor::BLOCK_MATH_DELIMITERS[@style.to_sym]
+- equation = content.strip
+- if (@subs.nil? || @subs.empty?) && !(attr? 'subs')
+  - equation = sub_specialcharacters equation
+- unless (equation.start_with? open) && (equation.end_with? close)
+  - equation = %(#{open}#{equation}#{close})
+.stemblock id=@id class=role
+  - if title?
+    .title=title
+  .content=equation

data/templates/slim/block_table.html.slim

@@ -0,0 +1,45 @@
+table(id=@id class=['tableblock',"frame-#{attr :frame, 'all'}","grid-#{attr :grid, 'all'}",role]
+    style=[("width:#{attr :tablepcwidth}%" unless option? 'autowidth'),("float:#{attr :float}" if attr? :float)].compact.join('; '))
+  - if title?
+    caption.title=captioned_title
+  - unless (attr :rowcount).zero?
+    colgroup
+      - if option? 'autowidth'
+        - @columns.each do
+          col
+      - else
+        - @columns.each do |col|
+          col style="width:#{col.attr :colpcwidth}%"
+    - [:head, :foot, :body].select {|tblsec| !@rows[tblsec].empty? }.each do |tblsec|
+      *{:tag=>"t#{tblsec}"}
+        - @rows[tblsec].each do |row|
+          tr
+            - row.each do |cell|
+              / store reference of content in advance to resolve attribute assignments in cells
+              - if tblsec == :head
+                - cell_content = cell.text
+              - else
+                - case cell.style
+                - when :verse, :literal
+                  - cell_content = cell.text
+                - else
+                  - cell_content = cell.content
+              *{:tag=>(tblsec == :head ? 'th' : 'td'), :class=>['tableblock',"halign-#{cell.attr :halign}","valign-#{cell.attr :valign}"],
+                  :colspan=>cell.colspan, :rowspan=>cell.rowspan,
+                  :style=>((@document.attr? :cellbgcolor) ? %(background-color:#{@document.attr :cellbgcolor};) : nil)}
+                - if tblsec == :head
+                  =cell_content
+                - else
+                  - case cell.style
+                  - when :asciidoc
+                    div=cell_content
+                  - when :verse
+                    .verse=cell_content
+                  - when :literal
+                    .literal: pre=cell_content
+                  - when :header
+                    - cell_content.each do |text|
+                      p.tableblock.header=text
+                  - else
+                    - cell_content.each do |text|
+                      p.tableblock=text

data/templates/slim/block_thematic_break.html.slim

@@ -0,0 +1 @@
+hr

data/templates/slim/block_toc.html.slim

@@ -0,0 +1,12 @@
+- if @document.attr? :toc
+  - toc_id = @id
+  - toc_role = (attr 'role', (@document.attr 'toc-class', 'toc'))
+  - toc_title_id = nil
+  - toc_title = title? ? title : (@document.attr 'toc-title')
+  - toc_levels = (attr? :levels) ? (attr :levels).to_i : (@document.attr :toclevels, 2).to_i
+  - if !toc_id && (@document.embedded? || !(@document.attr? 'toc-placement'))
+    - toc_id = 'toc'
+    - toc_title_id = 'toctitle'
+  div id=toc_id class=toc_role
+    .title id=toc_title_id =toc_title
+    =Asciidoctor::HTML5::DocumentTemplate.outline(@document, toc_levels)

data/templates/slim/block_ulist.html.slim

@@ -0,0 +1,25 @@
+- if (checklist = (option? :checklist) ? 'checklist' : nil)
+  - if option? :interactive
+    - marker_checked = '<input type="checkbox" data-item-complete="1" checked>'
+    - marker_unchecked = '<input type="checkbox" data-item-complete="0">'
+  - else
+    - if @document.attr? :icons, 'font'
+      - marker_checked = '<i class="icon-check"></i>'
+      - marker_unchecked = '<i class="icon-check-empty"></i>'
+    - else 
+      / could use &#9745 (checked ballot) and &#9744 (ballot) w/o font instead
+      - marker_checked = '<input type="checkbox" data-item-complete="1" checked disabled>'
+      - marker_unchecked = '<input type="checkbox" data-item-complete="0" disabled>'
+.ulist id=@id class=[checklist,@style,role]
+  - if title?
+    .title=title
+  ul class=(checklist || @style)
+    - items.each do |item|
+      li class=('fragment' if (option? :step) || (has_role? 'step'))
+        p
+          - if checklist && (item.attr? :checkbox)
+            =%(#{(item.attr? :checked) ? marker_checked : marker_unchecked}#{item.text})
+          - else
+            =item.text
+        - if item.blocks?
+          =item.content

data/templates/slim/block_verse.html.slim

@@ -0,0 +1,14 @@
+.verseblock id=@id class=role
+  - if title?
+    .title=title
+  pre.content=content
+  - attribution = (attr? :attribution) ? (attr :attribution) : nil
+  - citetitle = (attr? :citetitle) ? (attr :citetitle) : nil
+  - if attribution || citetitle
+    .attribution
+      - if citetitle
+        cite=citetitle
+      - if attribution
+        - if citetitle
+          br
+        | — #{attribution}

data/templates/slim/block_video.html.slim

@@ -0,0 +1,40 @@
+/ in a slide-deck context we assume video should take as much place as possible
+/ unless already specified
+- no_stretch = ((attr? :width) || (attr? :height))
+- width = (attr? :width) ? (attr :width) : "100%"
+- height = (attr? :height) ? (attr :height) : "100%"
+/ we apply revealjs stretch class to the videoblock take all the place we can
+.videoblock id=@id class=[@style,role,(no_stretch ? nil : "stretch")]
+  - if title?
+    .title=captioned_title
+  - case attr :poster
+  - when 'vimeo'
+    - unless (asset_uri_scheme = (attr :asset_uri_scheme, 'https')).empty?
+      -  asset_uri_scheme = %(#{asset_uri_scheme}:)
+    - start_anchor = (attr? :start) ? "#at=#{attr :start}" : nil
+    - delimiter = '?'
+    - loop_param = (option? 'loop') ? "#{delimiter}loop=1" : nil
+    - src = %(#{asset_uri_scheme}//player.vimeo.com/video/#{attr :target}#{start_anchor}#{loop_param})
+    iframe(width=(width) height=(height) src=src frameborder=0
+      webkitAllowFullScreen=true mozallowfullscreen=true allowFullScreen=true
+      data-autoplay=(option? 'autoplay'))
+    / data-autoplay is not supported on vimeo videos
+    / upstream: https://github.com/hakimel/reveal.js/issues/388
+  - when 'youtube'
+    - unless (asset_uri_scheme = (attr :asset_uri_scheme, 'https')).empty?
+      -  asset_uri_scheme = %(#{asset_uri_scheme}:)
+    - params = ['rel=0']
+    - params << "start=#{attr :start}" if attr? :start
+    - params << "end=#{attr :end}" if attr? :end
+    - params << "loop=1" if option? 'loop'
+    - params << "controls=0" if option? 'nocontrols'
+    - src = %(#{asset_uri_scheme}//www.youtube.com/embed/#{attr :target}?#{params * '&amp;'})
+    iframe(width=(width) height=(height) src=src
+      frameborder=0 allowfullscreen=!(option? 'nofullscreen')
+      data-autoplay=(option? 'autoplay'))
+  - else
+    video(src=media_uri(attr :target) width=(width) height=(height)
+      poster=((attr :poster) ? media_uri(attr :poster) : nil)
+      data-autoplay=(option? 'autoplay') controls=!(option? 'nocontrols')
+      loop=(option? 'loop'))
+      |Your browser does not support the video tag.

data/templates/slim/document.html.slim

@@ -0,0 +1,184 @@
+doctype 5
+html lang=(attr :lang, 'en' unless attr? :nolang)
+  head
+    meta charset="utf-8"
+    - revealjsdir = (attr :revealjsdir, 'reveal.js')
+    - unless (asset_uri_scheme = (attr 'asset-uri-scheme', 'https')).empty?
+      - asset_uri_scheme = %(#{asset_uri_scheme}:)
+    - cdn_base = %(#{asset_uri_scheme}//cdnjs.cloudflare.com/ajax/libs)
+    - [:description, :keywords, :author, :copyright].each do |key|
+      - if attr? key
+        meta name=key content=(attr key)
+    title=(doctitle sanitize: true, use_fallback: true)
+    meta content="yes" name="apple-mobile-web-app-capable"
+    meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"
+    meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" name="viewport"
+    link href="#{revealjsdir}/css/reveal.css" rel="stylesheet"
+    / Default theme required even when using custom theme
+    - if attr? :revealjs_customtheme
+      link rel='stylesheet' href=(attr :revealjs_customtheme) id='theme'
+    - else
+      link rel='stylesheet' href='#{revealjsdir}/css/theme/#{attr 'revealjs_theme', 'black'}.css' id='theme'
+    - if attr? :icons, 'font'
+      - if attr? 'iconfont-remote'
+        link rel='stylesheet' href=(attr 'iconfont-cdn', %(#{cdn_base}/font-awesome/4.3.0/css/font-awesome.min.css))
+      - else
+        link rel='stylesheet' href=(normalize_web_path %(#{attr 'iconfont-name', 'font-awesome'}.css), (attr 'stylesdir', ''), false)
+    - if attr? :stem
+      - eqnums_val = (attr 'eqnums', 'none')
+      - eqnums_val = 'AMS' if eqnums_val == ''
+      - eqnums_opt = %( equationNumbers: { autoNumber: "#{eqnums_val}" } )
+      script type='text/x-mathjax-config'
+        | MathJax.Hub.Config({
+          tex2jax: {
+            inlineMath: [#{Asciidoctor::INLINE_MATH_DELIMITERS[:latexmath].to_s}],
+            displayMath: [#{Asciidoctor::BLOCK_MATH_DELIMITERS[:latexmath].to_s}],
+            ignoreClass: "nostem|nolatexmath"
+          },
+          asciimath2jax: {
+            delimiters: [#{Asciidoctor::BLOCK_MATH_DELIMITERS[:asciimath].to_s}],
+            ignoreClass: "nostem|noasciimath"
+          },
+          TeX: {#{eqnums_opt}}
+          });
+      script src='#{cdn_base}/mathjax/2.4.0/MathJax.js?config=TeX-MML-AM_HTMLorMML'
+    - case attr 'source-highlighter'
+    - when 'coderay'
+      - if (attr 'coderay-css', 'class') == 'class'
+        - if @safe >= Asciidoctor::SafeMode::SECURE || (attr? :linkcss)
+          link rel='stylesheet' href=normalize_web_path('asciidoctor-coderay.css', (attr :stylesdir, ''))
+        - else
+          style=Asciidoctor::Stylesheets.instance.coderay_stylesheet_data
+    - when 'pygments'
+      - if (attr 'pygments-css', 'class') == 'class'
+        - if @safe >= Asciidoctor::SafeMode::SECURE || (attr? :linkcss)
+          link rel='stylesheet' href=normalize_web_path('asciidoctor-pygments.css', (attr :stylesdir, ''))
+        - else
+          style=Asciidoctor::Stylesheets.instance.pygments_stylesheet_data(attr 'pygments-style')
+    / For syntax highlighting
+    - if attr? 'highlightjs-theme'
+      link href=(attr 'highlightjs-theme') rel="stylesheet"
+    - else
+      link href="#{revealjsdir}/lib/css/zenburn.css" rel="stylesheet"
+    / If the query includes 'print-pdf', use the PDF print sheet
+    javascript:
+      document.write( '<link rel="stylesheet" href="#{revealjsdir}/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+    - unless (docinfo_content = docinfo :header, '.html').empty?
+      =docinfo_content
+    - if attr? :customcss
+      link rel='stylesheet' href=((customcss = attr :customcss).empty? ? 'asciidoctor-revealjs.css' : customcss)
+  body
+    .reveal
+      / Any section element inside of this container is displayed as a slide
+      .slides
+        - unless notitle || !has_header?
+          - bg_image = (attr? 'title-slide-background-image') ? (image_uri(attr 'title-slide-background-image')) : nil
+          - bg_video = (attr? 'title-slide-background-video') ? (media_uri(attr 'title-slide-background-video')) : nil
+          section.title(class = role
+            data-transition=(attr 'title-slide-transition')
+            data-transition-speed=(attr 'title-slide-transition-speed')
+            data-background=(attr 'title-slide-background')
+            data-background-size=(attr 'title-slide-background-size')
+            data-background-image=bg_image
+            data-background-video=bg_video
+            data-background-video-loop=(attr 'title-slide-background-video-loop')
+            data-background-video-muted=(attr 'title-slide-background-video-muted')
+            data-background-iframe=(attr 'title-slide-background-iframe')
+            data-background-color=(attr 'title-slide-background-color')
+            data-background-repeat=(attr 'title-slide-background-repeat')
+            data-background-position=(attr 'title-slide-background-position')
+            data-background-transition=(attr 'title-slide-background-transition'))
+            - if (_title_obj = doctitle partition: true, use_fallback: true).subtitle?
+              h1=slice_text _title_obj.title, (_slice = header.option? :slice)
+              h2=slice_text _title_obj.subtitle, _slice
+            - else
+              h1=@header.title
+            - preamble = @document.find_by context: :preamble
+            - unless preamble.nil? or preamble.length == 0
+              div.preamble=preamble.pop.content
+            - unless author.nil?
+              p.author: small=author
+        =content
+    script src="#{revealjsdir}/lib/js/head.min.js"
+    script src="#{revealjsdir}/js/reveal.js"
+    javascript:
+      // See https://github.com/hakimel/reveal.js#configuration for a full list of configuration options
+      Reveal.initialize({
+        // Display controls in the bottom right corner
+        controls: #{attr 'revealjs_controls', 'true'},
+        // Display a presentation progress bar
+        progress: #{attr 'revealjs_progress', 'true'},
+        // Display the page number of the current slide
+        slideNumber: #{attr 'revealjs_slidenumber', 'false'},
+        // Push each slide change to the browser history
+        history: #{attr 'revealjs_history', 'false'},
+        // Enable keyboard shortcuts for navigation
+        keyboard: #{attr 'revealjs_keyboard', 'true'},
+        // Enable the slide overview mode
+        overview: #{attr 'revealjs_overview', 'true'},
+        // Vertical centering of slides
+        center: #{attr 'revealjs_center', 'true'},
+        // Enables touch navigation on devices with touch input
+        touch: #{attr 'revealjs_touch', 'true'},
+        // Loop the presentation
+        loop: #{attr 'revealjs_loop', 'false'},
+        // Change the presentation direction to be RTL
+        rtl: #{attr 'revealjs_rtl', 'false'},
+        // Turns fragments on and off globally
+        fragments: #{attr 'revealjs_fragments', 'true'},
+        // Flags if the presentation is running in an embedded mode,
+        // i.e. contained within a limited portion of the screen
+        embedded: #{attr 'revealjs_embedded', 'false'},
+        // Number of milliseconds between automatically proceeding to the
+        // next slide, disabled when set to 0, this value can be overwritten
+        // by using a data-autoslide attribute on your slides
+        autoSlide: #{attr 'revealjs_autoslide', 0},
+        // Stop auto-sliding after user input
+        autoSlideStoppable: #{attr 'revealjs_autoslidestoppable', 'true'},
+        // Enable slide navigation via mouse wheel
+        mouseWheel: #{attr 'revealjs_mousewheel', 'false'},
+        // Hides the address bar on mobile devices
+        hideAddressBar: #{attr 'revealjs_hideaddressbar', 'true'},
+        // Opens links in an iframe preview overlay
+        previewLinks: #{attr 'revealjs_previewlinks', 'false'},
+        // Theme (e.g., beige, black, league, night, serif, simple, sky, solarized, white)
+        // NOTE setting the theme in the config no longer works in reveal.js 3.x
+        //theme: Reveal.getQueryHash().theme || '#{attr 'revealjs_theme', 'black'}',
+        // Transition style (e.g., none, fade, slide, convex, concave, zoom)
+        transition: Reveal.getQueryHash().transition || '#{attr 'revealjs_transition', 'slide'}',
+        // Transition speed (e.g., default, fast, slow)
+        transitionSpeed: '#{attr 'revealjs_transitionspeed', 'default'}',
+        // Transition style for full page slide backgrounds (e.g., none, fade, slide, convex, concave, zoom)
+        backgroundTransition: '#{attr 'revealjs_backgroundtransition', 'fade'}',
+        // Number of slides away from the current that are visible
+        viewDistance: #{attr 'revealjs_viewdistance', 3},
+        // Parallax background image (e.g., "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'")
+        parallaxBackgroundImage: '#{attr 'revealjs_parallaxbackgroundimage', ''}',
+        // Parallax background size in CSS syntax (e.g., "2100px 900px")
+        parallaxBackgroundSize: '#{attr 'revealjs_parallaxbackgroundsize', ''}',
+        
+        // The "normal" size of the presentation, aspect ratio will be preserved
+        // when the presentation is scaled to fit different resolutions. Can be
+        // specified using percentage units.
+        width: #{attr 'revealjs_width', 960},
+        height: #{attr 'revealjs_height', 700},
+
+        // Factor of the display size that should remain empty around the content
+        margin: #{attr 'revealjs_margin', 0.1},
+
+        // Bounds for smallest/largest possible scale to apply to content
+        minScale: #{attr 'revealjs_minscale', 0.2},
+        maxScale: #{attr 'revealjs_maxscale', 1.5},
+        
+        // Optional libraries used to extend on reveal.js
+        dependencies: [
+            { src: '#{revealjsdir}/lib/js/classList.js', condition: function() { return !document.body.classList; } },
+            { src: '#{revealjsdir}/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+            { src: '#{revealjsdir}/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+            #{(attr? 'source-highlighter', 'highlightjs') ? "{ src: '#{revealjsdir}/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }," : nil}
+            { src: '#{revealjsdir}/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+            { src: '#{revealjsdir}/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+        ]
+      });
+    - unless (docinfo_content = (docinfo :footer, '.html')).empty?
+      =docinfo_content

data/templates/slim/embedded.html.slim

@@ -0,0 +1,9 @@
+- unless notitle || !has_header?
+  h1 id=@id =@header.title
+=content
+- unless !footnotes? || attr?(:nofootnotes)
+  #footnotes
+    hr
+    - footnotes.each do |fn|
+      .footnote id='_footnote_#{fn.index}'
+        <a href="#_footnoteref_#{fn.index}">#{fn.index}</a>. #{fn.text}

data/templates/slim/helpers.rb

@@ -0,0 +1,34 @@
+# This helper file borrows from the Bespoke converter
+# https://github.com/asciidoctor/asciidoctor-bespoke
+require 'asciidoctor'
+require 'json'
+
+if Gem::Version.new(Asciidoctor::VERSION) <= Gem::Version.new('1.5.3')
+  fail 'asciidoctor: FAILED: reveal.js backend needs Asciidoctor >=1.5.4!'
+end
+
+unless defined? Slim::Include
+  fail 'asciidoctor: FAILED: reveal.js backend needs Slim >= 2.1.0!'
+end
+
+# This module gets mixed in to every node (the context of the template) at the
+# time the node is being converted. The properties and methods in this module
+# effectively become direct members of the template.
+module Slim::Helpers
+
+  EOL = %(\n)
+  SliceHintRx = /  +/
+
+  def slice_text str, active = nil
+    if (active || (active.nil? && (option? :slice))) && (str.include? '  ')
+      (str.split SliceHintRx).map {|line| %(<span class="line">#{line}</span>) }.join EOL
+    else
+      str
+    end
+  end
+
+end
+
+# More custom functions can be added in another namespace if required
+#module Helpers
+#end

data/templates/slim/inline_anchor.html.slim

@@ -0,0 +1,11 @@
+- case @type
+- when :xref
+  - refid = (attr :refid) || @target
+  a href=@target =(@text || @document.references[:ids].fetch(refid, "[#{refid}]")).tr_s("\n", ' ')
+- when :ref
+  a id=@target
+- when :bibref
+  a id=@target
+  |[#{@target}]
+- else
+  a href=@target class=role target=(attr :window) =@text

data/templates/slim/inline_break.html.slim

@@ -0,0 +1,2 @@
+=@text
+br

data/templates/slim/inline_button.html.slim

@@ -0,0 +1 @@
+b.button=@text

data/templates/slim/inline_callout.html.slim

@@ -0,0 +1,7 @@
+- if @document.attr? :icons, 'font'
+  i.conum data-value=@text
+  b="(#{@text})"
+- elsif @document.attr? :icons
+  img src=icon_uri("callouts/#{@text}") alt=@text
+- else
+  b="(#{@text})"

data/templates/slim/inline_footnote.html.slim

@@ -0,0 +1,6 @@
+- if @type == :xref
+  span.footnoteref
+    | [<a class="footnote" href="#_footnote_#{attr :index}" title="View footnote.">#{attr :index}</a>]
+- else
+  span.footnote id=("_footnote_#{@id}" if @id)
+    | [<a id="_footnoteref_#{attr :index}" class="footnote" href="#_footnote_#{attr :index}" title="View footnote.">#{attr :index}</a>]