Skip to content

Instantly share code, notes, and snippets.

@akafael

akafael/pandocslides-README.md

Created May 13, 2020 21:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save akafael/24532e48de6c2f909988d98f9e57cab1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save akafael/24532e48de6c2f909988d98f9e57cab1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @gwijthoff gwijthoff renamed this gist Oct 25, 2013. 1 changed file with 0 additions and 0 deletions.
    0 README.md → pandocslides-README.md
    View file
    File renamed without changes.
  2. @gwijthoff gwijthoff revised this gist Oct 25, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate [reve

    **Pandoc** is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.

    **reveal.js** is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    **reveal.js** is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [Hakim El Hattab](http://hakim.se/).

    ## Workflow

  3. @gwijthoff gwijthoff revised this gist Oct 25, 2013. No changes.
  4. gwijthoff renamed this gist Oct 18, 2013. 1 changed file with 0 additions and 0 deletions.
    0 slides.txt → slides.md
    View file
    File renamed without changes.
  5. gwijthoff renamed this gist Oct 18, 2013. 1 changed file with 0 additions and 0 deletions.
    0 slides.md → slides.txt
    View file
    File renamed without changes.
  6. gwijthoff revised this gist Oct 18, 2013. 2 changed files with 16 additions and 22 deletions.
    1 change: 1 addition & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -16,6 +16,7 @@ In order to begin using the template below, you must…
    - slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded [here](https://github.com/hakimel/reveal.js/)
    - any images you may want to include (i.e. aeschylus.jpg as listed in slides.md below)
    - Navigate to your directory from the command line and run the following:
    - `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="sky" -o slides.html slides.md`
    - the theme ("sky" above) can be changed to any of the options [listed here](lab.hakim.se/reveal-js/#/themes)
    37 changes: 15 additions & 22 deletions slides.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,29 +1,22 @@
    % Title
    % Name
    % Author
    % Date

    This is a slide
    ---------------------------
    - An
    - with
    - Ordered
    - sub
    - List
    - points

    My first slide
    --------------------
    This is a slide w/ an image
    ---------------------------
    ![Bust of Aeschylus](aeschylus.jpg)

    List
    # Heading

    * this
    * is
    * cool
    ## First vertical subslide

    Variables
    ---------

    The following variables can be defined from the command line:

    * theme
    * transition

    ```bash
    pandoc -t html5 --template=template-revealjs.html \
    --standalone --section-divs \
    --variable theme="beige" \
    --variable transition="linear" \
    slides.md -o slides.html
    ```
    ## Second vertical subslide
  7. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,5 +17,6 @@ In order to begin using the template below, you must…
    - template-revealjs.html
    - css, js, lib folders downloaded [here](https://github.com/hakimel/reveal.js/)
    - Navigate to your directory from the command line and run the following:
    - `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    - the theme can be changed to any of the options [listed here](lab.hakim.se/reveal-js/#/themes)
    - `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="sky" -o slides.html slides.md`
    - the theme ("sky" above) can be changed to any of the options [listed here](lab.hakim.se/reveal-js/#/themes)
    - transitions can be modified by adding `transition="zoom"` or any of the other optoins [listed here](http://lab.hakim.se/reveal-js/#/transitions)
  8. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -15,7 +15,7 @@ In order to begin using the template below, you must…
    - Install the following in the same directory:
    - slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    - css, js, lib folders downloaded [here](https://github.com/hakimel/reveal.js/)
    - Navigate to your directory from the command line and run the following:
    -`pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    - `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    - the theme can be changed to any of the options [listed here](lab.hakim.se/reveal-js/#/themes)
  9. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 7 additions and 7 deletions.
    14 changes: 7 additions & 7 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,10 +12,10 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate [reve

    In order to begin using the template below, you must…

    *. Install the following in the same directory:
    * slides.md
    * template-revealjs.html
    * css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    *.
    *. Navigate to your directory from the command line and run the following:
    *`pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    - Install the following in the same directory:
    - slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    - Navigate to your directory from the command line and run the following:
    -`pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    - the theme can be changed to any of the options [listed here](lab.hakim.se/reveal-js/#/themes)
  10. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,10 +12,10 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate [reve

    In order to begin using the template below, you must…

    1. Install the following in the same directory:
    *. Install the following in the same directory:
    * slides.md
    * template-revealjs.html
    * css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    2.
    3. Navigate to your directory from the command line and run the following:
    `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
    *.
    *. Navigate to your directory from the command line and run the following:
    *`pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
  11. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 6 additions and 2 deletions.
    8 changes: 6 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,10 +8,14 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate [reve

    **reveal.js** is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).

    In order to use the template below, you must do the following.
    ## Workflow

    In order to begin using the template below, you must…

    1. Install the following in the same directory:
    * slides.md
    * template-revealjs.html
    * css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    2.
    2.
    3. Navigate to your directory from the command line and run the following:
    `pandoc -t html5 -s --template=template.revealjs.html --standalone --section-divs --variable theme="beige" -o examplerevealjs.html slideexample.md`
  12. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 11 additions and 5 deletions.
    16 changes: 11 additions & 5 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,17 @@
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate reveal.js slideshows.
    >Pandoc is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.
    ## Description

    >reveal.js is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate [reveal.js](http://lab.hakim.se/reveal-js/#/) slideshows.

    ## Definitions

    **Pandoc** is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.

    **reveal.js** is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).

    In order to use the template below, you must do the following.

    1. Install the following in the same directory:
    * slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    * template-revealjs.html
    * css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
    2.
  13. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,6 +4,7 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate revea
    >reveal.js is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    In order to use the template below, you must do the following.

    1. Install the following in the same directory:
    * slides.md
    - template-revealjs.html
  14. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate revea
    >reveal.js is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    In order to use the template below, you must do the following.
    - Install the following in the same directory:
    - slides.md
    1. Install the following in the same directory:
    * slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
  15. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,5 +2,9 @@ This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate revea
    >Pandoc is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.
    >reveal.js is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    In order to use the template below, you must do the following.
    -
    - Install the following in the same directory:
    - slides.md
    - template-revealjs.html
    - css, js, lib folders downloaded at [](https://github.com/hakimel/reveal.js/)
  16. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,6 @@
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate reveal.js slideshows.
    >Pandoc is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.\
    >reveal.js is a … designed by [El Hattab](http://hakim.se/).
    >Pandoc is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.
    >reveal.js is a CSS and JavaScript framework for creating beautiful presentations in HTML5, designed by [El Hattab](http://hakim.se/).
    In order to use the template below, you must do the following.
    -
  17. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate reveal.js slideshows.
    >Pandoc is a
    >reveal.js is a … designed by [El Hattab](http://hakim.se/).
    >Pandoc is a "universal markup converter" you can run from the command line to convert a simple, plain text file into a beautifully formatted PDF, .docx, HTML, [LaTeX](http://www.latex-project.org/), slideshows… the list goes on.\
    >reveal.js is a … designed by [El Hattab](http://hakim.se/).
    In order to use the template below, you must do the following.
    -
  18. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate reveal.js slideshows.
    >Pandoc is a
    >reveal.js is a … designed by [El Hattab](http://hakim.se/).
  19. gwijthoff revised this gist Oct 18, 2013. No changes.
  20. gwijthoff revised this gist Oct 18, 2013. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    This is a [Pandoc](http://johnmacfarlane.net/pandoc/) template to generate reveal.js slideshows.
    >Pandoc is a
    >reveal.js is a … designed by [El Hattab](http://hakim.se/).
  21. gwijthoff revised this gist Oct 18, 2013. No changes.
  22. @aaronwolen aaronwolen revised this gist Mar 9, 2013. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -65,6 +65,15 @@ <h4>$date$</h4>
    </p>
    </section>

    $if(toc)$
    <section>
    <h2>Outline</h2>
    <nav id="$idprefix$TOC">
    $toc$
    </nav>
    </section>
    $endif$

    $body$
    </div>

  23. @aaronwolen aaronwolen revised this gist Mar 9, 2013. 1 changed file with 6 additions and 1 deletion.
    7 changes: 6 additions & 1 deletion template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -17,7 +17,12 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">
    $if(theme)$
    <link rel="stylesheet" href="css/theme/$theme$.css" id="theme">
    $else$
    <link rel="stylesheet" href="css/theme/default.css" id="theme">
    $endif$


    <!-- For syntax highlighting -->
    $if(highlight-style)$
  24. @aaronwolen aaronwolen revised this gist Feb 28, 2013. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -37,9 +37,15 @@
    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
    $for(header-includes)$
    $header-includes$
    $endfor$
    </head>

    <body>
    $for(include-before)$
    $include-before$
    $endfor$

    <div class="reveal">

  25. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -20,7 +20,11 @@
    <link rel="stylesheet" href="css/theme/default.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">
    $if(highlight-style)$
    <link rel="stylesheet" href="lib/css/$highlight-style$.css">
    $else$
    <link rel="stylesheet" href="lib/css/zenburn.css">
    $endif$


    <!-- If the query includes 'print-pdf', use the PDF print sheet -->
  26. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -63,7 +63,7 @@ <h4>$date$</h4>
    controls: true,
    progress: true,
    history: true,
    center: true,
    center: false,

    // available themes are in /css/theme
    $if(theme)$
  27. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 94 additions and 96 deletions.
    190 changes: 94 additions & 96 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,99 +1,97 @@
    <!doctype html>
    <html lang="en">

    <head>
    <meta charset="utf-8">

    <title>$title$</title>

    <meta name="description" content="$title$">

    $for(author)$
    <meta name="author" content="$author$" />
    $endfor$

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">


    <!-- If the query includes 'print-pdf', use the PDF print sheet -->
    <script>
    document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
    </head>

    <body>

    <div class="reveal">

    <!-- Any section element inside of this container is displayed as a slide -->
    <div class="slides">

    <section>
    <h1>$title$</h1>
    $for(author)$
    <h3>$author$</h3>
    $endfor$
    <p>
    <h4>$date$</h4>
    </p>
    </section>

    $body$
    </div>

    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.min.js"></script>

    <script>

    // Full list of configuration options available here:
    // https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
    controls: true,
    progress: true,
    history: true,
    center: true,

    // available themes are in /css/theme
    $if(theme)$
    theme: Reveal.getQueryHash().theme || '$theme$',
    $else$
    theme: Reveal.getQueryHash().theme || 'default',
    $endif$

    // default/cube/page/concave/zoom/linear/fade/none
    $if(transition)$
    transition: Reveal.getQueryHash().transition || '$transition$',
    $else$
    transition: Reveal.getQueryHash().transition || 'default',
    $endif$

    // Optional libraries used to extend on reveal.js
    dependencies: [
    { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
    { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
    { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
    { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
    // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
    ]
    });

    </script>

    </body>
    <head>
    <meta charset="utf-8">

    <title>$title$</title>

    <meta name="description" content="$title$">

    $for(author)$
    <meta name="author" content="$author$" />
    $endfor$

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" href="css/reveal.min.css">
    <link rel="stylesheet" href="css/theme/default.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="lib/css/zenburn.css">


    <!-- If the query includes 'print-pdf', use the PDF print sheet -->
    <script>
    document.write( '<link rel="stylesheet" href="css/print/' +
    ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) +
    '.css" type="text/css" media="print">' );
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
    </head>

    <body>

    <div class="reveal">

    <!-- Any section element inside of this container is displayed as a slide -->
    <div class="slides">

    <section>
    <h1>$title$</h1>
    $for(author)$<h3>$author$</h3>$endfor$
    <p>
    <h4>$date$</h4>
    </p>
    </section>

    $body$
    </div>

    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.min.js"></script>

    <script>
    // Full list of configuration options available here:
    // https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
    controls: true,
    progress: true,
    history: true,
    center: true,

    // available themes are in /css/theme
    $if(theme)$
    theme: Reveal.getQueryHash().theme || '$theme$',
    $else$
    theme: Reveal.getQueryHash().theme || 'default',
    $endif$

    // default/cube/page/concave/zoom/linear/fade/none
    $if(transition)$
    transition: Reveal.getQueryHash().transition || '$transition$',
    $else$
    transition: Reveal.getQueryHash().transition || 'default',
    $endif$

    // Optional libraries used to extend on reveal.js
    dependencies: [
    { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
    { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
    { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
    { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
    // { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
    ]
    });

    </script>

    </body>
    </html>
  28. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 23 additions and 24 deletions.
    47 changes: 23 additions & 24 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -8,9 +8,9 @@

    <meta name="description" content="$title$">

    $for(author)$
    <meta name="author" content="$author$" />
    $endfor$
    $for(author)$
    <meta name="author" content="$author$" />
    $endfor$

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    @@ -40,18 +40,18 @@

    <!-- Any section element inside of this container is displayed as a slide -->
    <div class="slides">

    <section>
    <h1>$title$</h1>
    $for(author)$
    <h3>"$author$</h3>
    $endfor$
    $for(author)$
    <h3>$author$</h3>
    $endfor$
    <p>
    <h4>$date$</h4>
    </p>
    </section>
    $body$

    $body$
    </div>

    <script src="lib/js/head.min.js"></script>
    @@ -66,21 +66,20 @@ <h4>$date$</h4>
    progress: true,
    history: true,
    center: true,

    // available themes are in /css/theme

    $if(theme)$
    theme: Reveal.getQueryHash().theme || '$theme$',
    $else$
    theme: Reveal.getQueryHash().theme || 'default',
    $endif$

    // default/cube/page/concave/zoom/linear/fade/none
    $if(transition)$
    transition: Reveal.getQueryHash().transition || '$transition$',
    $else$
    transition: Reveal.getQueryHash().transition || 'default',
    $endif$

    // available themes are in /css/theme
    $if(theme)$
    theme: Reveal.getQueryHash().theme || '$theme$',
    $else$
    theme: Reveal.getQueryHash().theme || 'default',
    $endif$

    // default/cube/page/concave/zoom/linear/fade/none
    $if(transition)$
    transition: Reveal.getQueryHash().transition || '$transition$',
    $else$
    transition: Reveal.getQueryHash().transition || 'default',
    $endif$

    // Optional libraries used to extend on reveal.js
    dependencies: [
  29. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 8 additions and 3 deletions.
    11 changes: 8 additions & 3 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,8 +6,11 @@

    <title>$title$</title>

    <meta name="description" content="$title$">
    <meta name="author" content="$author$">
    <meta name="description" content="$title$">

    $for(author)$
    <meta name="author" content="$author$" />
    $endfor$

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    @@ -40,7 +43,9 @@

    <section>
    <h1>$title$</h1>
    <h3>$author$</h3>
    $for(author)$
    <h3>"$author$</h3>
    $endfor$
    <p>
    <h4>$date$</h4>
    </p>
  30. @aaronwolen aaronwolen revised this gist Feb 26, 2013. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,8 +6,8 @@

    <title>$title$</title>

    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
    <meta name="author" content="Hakim El Hattab">
    <meta name="description" content="$title$">
    <meta name="author" content="$author$">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />