Skip to content

Instantly share code, notes, and snippets.

@aaronwolen

aaronwolen/slides.md

Last active November 11, 2022 23:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save aaronwolen/5017084 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save aaronwolen/5017084 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. 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>

  2. 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)$
  3. 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">

  4. 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 -->
  5. 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)$
  6. 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>
  7. 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: [
  8. 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>
  9. 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" />
  10. aaronwolen revised this gist Feb 26, 2013. 1 changed file with 15 additions and 0 deletions.
    15 changes: 15 additions & 0 deletions slides.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,3 +12,18 @@ List
    * is
    * cool

    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
    ```
  11. aaronwolen revised this gist Feb 26, 2013. 1 changed file with 15 additions and 3 deletions.
    18 changes: 15 additions & 3 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -61,9 +61,21 @@ <h4>$date$</h4>
    progress: true,
    history: true,
    center: true,

    theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
    transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none

    // 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: [
  12. 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
    @@ -42,7 +42,7 @@
    <h1>$title$</h1>
    <h3>$author$</h3>
    <p>
    <small>$date$</small>
    <h4>$date$</h4>
    </p>
    </section>

  13. aaronwolen revised this gist Feb 22, 2013. 1 changed file with 14 additions and 0 deletions.
    14 changes: 14 additions & 0 deletions slides.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    % Title
    % Name
    % Date


    My first slide
    --------------------

    List

    * this
    * is
    * cool

  14. aaronwolen created this gist Feb 22, 2013.
    83 changes: 83 additions & 0 deletions template-revealjs.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,83 @@
    <!doctype html>
    <html lang="en">

    <head>
    <meta charset="utf-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="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>
    <h3>$author$</h3>
    <p>
    <small>$date$</small>
    </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,

    theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
    transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none

    // 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>