github.com/mweagle/Sparta@v1.15.0/docs_source/layouts/shortcodes/revealjs.html (about)

     1  <iframe id="slideFrame" src="{{"none.html" | relURL }}" style="width:{{with .Get "width"}}{{.}}{{else}}100%{{end}};height:{{with .Get "height"}}{{.}}{{else}}30em{{end}}; border:0px"></iframe>
     2  
     3  <div id="slideContent">
     4    <link rel="stylesheet" href="{{"revealjs/css/reveal.css"|relURL}}">
     5    <link rel="stylesheet" href="/css/reveal-theme.css">
     6    <link rel="stylesheet" href="{{"revealjs/lib/css/zenburn.css"|relURL}}">
     7  
     8    <div class="reveal">
     9    <div class="slides">
    10    <section data-markdown
    11             data-separator="^---"
    12              data-separator-vertical="^___"
    13              data-separator-notes="^Note:"
    14              data-charset="utf8">
    15      {{ .Inner | safeHTML}}
    16    </section>
    17    </div>
    18    </div>
    19  
    20    <script async src="{{"/revealjs/lib/js/head.min.js"|relURL}}"></script>
    21    <script async src="{{"/revealjs/js/reveal.js"|relURL}}"></script>
    22    <script>
    23    function initSlides() {
    24      Reveal.initialize({
    25              embedded : true,
    26  
    27              controls : {{with .Get "controls"}}{{.|safeHTML}}{{else}}false{{end}},
    28               center: {{with .Get "center"}}{{.|safeHTML}}{{else}}true{{end}} ,
    29              history: {{with .Get "history"}}{{.|safeHTML}}{{else}}false{{end}} ,
    30              progress: {{with .Get "progress"}}{{.|safeHTML}}{{else}}false{{end}} ,
    31              transition: {{with .Get "transition"}}{{.}}{{else}}"concave"{{end}},
    32  
    33              // theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
    34              // Optional libraries used to extend on reveal.js
    35              dependencies: [
    36                { src: '{{"revealjs/lib/js/classList.js"|relURL}}"', condition: function() { return !document.body.classList; } },
    37                { src: '{{"revealjs/plugin/markdown/marked.js"|relURL}}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    38                { src: '{{"revealjs/plugin/markdown/markdown.js"|relURL}}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
    39                { src: '{{"revealjs/plugin/highlight/highlight.js"|relURL}}', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
    40                { src: '{{"revealjs/plugin/zoom-js/zoom.js"|relURL}}', async: true, condition: function() { return !!document.body.classList; } },
    41                { src: '{{"revealjs/plugin/notes/notes.js"|relURL}}', async: true, condition: function() { return !!document.body.classList; } }
    42              ]
    43            });
    44    }
    45    </script>
    46  </div>
    47  <li><a href="#" onclick="slideFullScreen();">See it fullscreen</a></li>
    48  
    49  <script type="text/javascript">
    50  var toto = document.getElementById('slideContent').innerHTML
    51  document.getElementById('slideFrame').contentWindow.document.write(document.getElementById('slideContent').innerHTML);
    52  document.getElementById('slideContent').remove();
    53  document.addEventListener("DOMContentLoaded",function(){
    54      setTimeout(function () {
    55        document.getElementById('slideFrame').contentWindow.initSlides() ;
    56      }, 2000);
    57  });
    58  
    59  
    60  function slideFullScreen() {
    61    document.open();
    62    document.write(toto);
    63    document.close();
    64    initSlides()
    65  }
    66  </script>