index.pug

doctype html
html(nighteye="disabled")
  head
    meta(charset="utf8")
    script(src="node_modules/reveal.js/dist/reveal.js")
    //-script(src="node_modules/reveal.js/plugin/markdown/markdown.js")
    script(src="node_modules/reveal.js-plugins/chalkboard/plugin.js")
    script(src="node_modules/reveal.js-plugins/seminar/plugin.js")
    script(src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js")
    script(src="node_modules/@svgdotjs/svg.js/dist/svg.min.js")
    script(src="node_modules/katex/dist/katex.min.js")
    script(src="node_modules/katex/dist/contrib/auto-render.min.js")
    script(src="node_modules/svgtiler/lib/svgtiler.js")
    script(src="yinyang.js")
    script(src="figures.js")
    link(rel="stylesheet", href="node_modules/reveal.js/dist/reveal.css")
    link(rel="stylesheet", href="node_modules/reveal.js/dist/theme/black.css")
    link(rel="stylesheet", href="node_modules/reveal.js-plugins/chalkboard/style.css")
    link(rel="stylesheet", href="node_modules/reveal.js-plugins/menu/font-awesome/css/all.css")
    link(rel="stylesheet", href="node_modules/@fontsource/merriweather/latin-400.css")
    link(rel="stylesheet", href="node_modules/@fontsource/merriweather/latin-400-italic.css")
    link(rel="stylesheet", href="node_modules/@fontsource/merriweather/latin-900.css")
    link(rel="stylesheet", href="node_modules/@fontsource/merriweather/latin-900-italic.css")
    //-
      link(rel="preconnect" href="https://fonts.gstatic.com")
      link(href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,900;1,400;1,900&display=swap", rel="stylesheet")
    link(rel="stylesheet", href="node_modules/katex/dist/katex.css")
    style
      include:stylus index.styl
      include:stylus yinyang.styl
  body
    .reveal
      .slides
        include slides.pug
    script
      :coffee-script
        ## To synchronize between speakers, specify ?room=ROOM_NAME in URL.
        room = /[?&]room=([^&#]*)/.exec(document.location.href)?[1]
        console.log 'room', room
        Reveal.initialize
          center: false
          slideNumber: true
          hash: true
          transition: 'none'
          width: 1100
          height: 768
          minScale: 0.1
          maxScale: 10
          plugins: [
            RevealSeminar if room
            RevealChalkboard
          ].filter (x) -> x?
          chalkboard:
            background: ['none', 'node_modules/reveal.js-plugins/chalkboard/img/blackboard.png']
            boardmarkerWidth: 7
            colorButtons: true
            theme: 'whiteboard'
            keyBindings:
              clear: # remap from + keyCode for QWERTY keyboards
                keyCode: 187
                key: '='
                description: 'Clear drawings on slide'
          seminar:
            server: 'https://reveal-seminar.herokuapp.com'
            port: 4433
            room: room
            hash: '$2a$05$XWxfvofXNr3s7DbkclX5Zu/3qa9gXIx.f86UfxyVHRVzMHZcgKFO6'
        RevealSeminar.open_or_join_room 'Yin-Yang' if room
        renderMathInElement document.body,
          delimiters: [
            {left: "$$", right: "$$", display: true},
            {left: "$", right: "$", display: false},
          ]