Newer
Older
express-blog / src / views / layouts / presentation.handlebars
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="alternate" type="application/rss+xml" title="Jason Poage's Blog RSS Feed" href="{{baseUrl}}/rss-feed.xml">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/dist/reveal.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/dist/theme/moon.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/2.14.2/simple-lightbox.min.css">
  <link rel=" stylesheet" href="{{baseUrl}}/static/css/presentation.css">
  {{{_sections.styles}}}
  <!-- To protect your privacy, I have disabled tracking for this page
    script type="text/javascript" src="{{baseUrl}}/static/js/track.js"></script -->
  <title>{{title}}</title>
  {{> favicon_headers }}
  {{{_sections.headers}}}

</head>

<body>
  {{{body}}}
  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/plugin/markdown/markdown.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/plugin/highlight/highlight.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/plugin/notes/notes.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/reveal.js@4.3.1/dist/reveal.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/2.14.2/simple-lightbox.min.js"
    nonce="{{{nonce}}}"></script>
  <script nonce="{{{nonce}}}">
    Reveal.initialize({
      controls: true,
      progress: true,
      slideNumber: true,
      history: true,
      center: true,
      transition: 'slide',

      width: 1280,
      height: 720,
      minScale: 0.5,
      maxScale: 1.0,

      plugins: [
        RevealMarkdown,
        RevealHighlight,
        RevealNotes,
      ]
    }).catch(error => {
      console.error("Reveal.js initialization failed:", error);
    });
    new SimpleLightbox('a.lightbox-image', {
      captionsData: 'alt',
      nav: true,
      close: true,
      showCounter: false
    });
    document.getElementById('returnButton').onclick = function () {
      window.location.href = "{{returnUrl}}";
    };
  </script>
</body>

</html>