209 lines
		
	
	
		
			6.2 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			209 lines
		
	
	
		
			6.2 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
	
	
<!doctype html>
 | 
						|
<html>
 | 
						|
 | 
						|
  <head>
 | 
						|
	<meta charset="utf-8">
 | 
						|
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 | 
						|
 | 
						|
    $if(title)$
 | 
						|
	<title>
 | 
						|
      $title$$if(subtitle)$: $subtitle$ $endif$
 | 
						|
    </title>
 | 
						|
    $endif$
 | 
						|
 | 
						|
	<link rel="stylesheet" href="$template$/revealjs/css/reveal.css">
 | 
						|
 | 
						|
 | 
						|
	<!-- Theme of AG CG (derived from reveal's white.css) -->
 | 
						|
	<link rel="stylesheet" href="$template$/agcg.css">
 | 
						|
 | 
						|
 | 
						|
    <!-- font needed for chalkboard buttons -->
 | 
						|
    <link rel="stylesheet" href="$template$/font-awesome/css/font-awesome.min.css">
 | 
						|
    
 | 
						|
 | 
						|
	<!-- Setup code formatting with highlight.js -->
 | 
						|
	<link rel="stylesheet" href="$template$/revealjs/css/highlight/xcode.css">
 | 
						|
 | 
						|
    
 | 
						|
 | 
						|
	<!-- Printing and PDF exports -->
 | 
						|
	<script>
 | 
						|
	  var link = document.createElement( 'link' );
 | 
						|
	  link.rel = 'stylesheet';
 | 
						|
	  link.type = 'text/css';
 | 
						|
	  link.href = window.location.search.match( /print-pdf/gi ) ? '$template$/revealjs/css/print/pdf.css' : '$template$/revealjs/css/print/paper.css';
 | 
						|
	  document.getElementsByTagName( 'head' )[0].appendChild( link );
 | 
						|
 | 
						|
      // MARIO version
 | 
						|
	  if (window.location.search.match( /print-pdf/gi ))
 | 
						|
      {
 | 
						|
	    var link = document.createElement( 'link' );
 | 
						|
	    link.rel = 'stylesheet';
 | 
						|
	    link.type = 'text/css';
 | 
						|
	    link.href = '$template$/agcg-pdf.css';
 | 
						|
	    document.getElementsByTagName( 'head' )[0].appendChild( link );
 | 
						|
      }
 | 
						|
	</script>
 | 
						|
 | 
						|
    
 | 
						|
    <!-- MathJax config -->
 | 
						|
    <script type="text/x-mathjax-config">
 | 
						|
      MathJax.Hub.Config({
 | 
						|
      jax: ["input/TeX","output/HTML-CSS"],
 | 
						|
      TeX: {
 | 
						|
          Macros: {
 | 
						|
            R: "{\\mathrm{{I}\\kern-.15em{R}}}",
 | 
						|
            abs: ['\\left\\lvert #1 \\right\\rvert', 1],
 | 
						|
            norm: ['\\left\\Vert #1 \\right\\Vert', 1],
 | 
						|
            iprod: ['\\left\\langle #1 \\right\\rangle', 1],
 | 
						|
            vec: ['\\mathbf{#1}', 1],
 | 
						|
            mat: ['\\mathbf{#1}', 1],
 | 
						|
            trans: ['{#1}\\mkern-1mu^{\\mathsf{T}}', 1],
 | 
						|
            matrix: ['\\begin{bmatrix} #1 \\end{bmatrix}', 1],
 | 
						|
            vector: ['\\begin{pmatrix} #1 \\end{pmatrix}', 1],
 | 
						|
            of: ['\\mkern{-2mu}\\left( #1 \\right\)', 1]
 | 
						|
          }
 | 
						|
      },
 | 
						|
      "HTML-CSS": {
 | 
						|
          styles: { ".reveal section .MathJax_Display": { margin: "0.5em 0em" } },
 | 
						|
          styles: { ".reveal table .MathJax_Display": { margin: "0em" } },
 | 
						|
          scale: 95
 | 
						|
      }
 | 
						|
      });
 | 
						|
    </script>
 | 
						|
    
 | 
						|
  </head>
 | 
						|
 | 
						|
  <body>
 | 
						|
 | 
						|
 | 
						|
    <!-- here come the slides -->
 | 
						|
    <div class="reveal">
 | 
						|
	  <div class="slides">
 | 
						|
 | 
						|
 | 
						|
        <!-- Title slide -->
 | 
						|
        $if(title)$
 | 
						|
        <section class="white-on-blue">
 | 
						|
          <div class="title"> $title$ </div>
 | 
						|
          $if(subtitle)$
 | 
						|
          <div class="subtitle"> $subtitle$ </div>
 | 
						|
          $endif$
 | 
						|
          $if(author)$
 | 
						|
          <div class="author"> $author$ </div>
 | 
						|
          $if(affiliation)$
 | 
						|
          <div class="affiliation"> $affiliation$ </div>
 | 
						|
          $endif$
 | 
						|
          $endif$
 | 
						|
        </section>  
 | 
						|
        $endif$
 | 
						|
 | 
						|
 | 
						|
        <!-- Table of Contents -->
 | 
						|
        $if(toc)$
 | 
						|
        <section>
 | 
						|
          <h2>Outline</h2>
 | 
						|
          <nav id="$idprefix$TOC">
 | 
						|
            $toc$
 | 
						|
          </nav>
 | 
						|
        </section>
 | 
						|
        $endif$
 | 
						|
 | 
						|
 | 
						|
<!-- all the slides from markdown document: DO NOT INDENT THE body LINE!!! -->
 | 
						|
$body$
 | 
						|
 | 
						|
        
 | 
						|
	  </div>
 | 
						|
	</div>
 | 
						|
 | 
						|
 | 
						|
	<script src="$template$/revealjs/lib/js/head.min.js"></script>
 | 
						|
	<script src="$template$/revealjs/js/reveal.js"></script>
 | 
						|
 | 
						|
 | 
						|
	<script>
 | 
						|
 | 
						|
	  // More info https://github.com/hakimel/reveal.js#configuration
 | 
						|
	  Reveal.initialize({
 | 
						|
 | 
						|
 | 
						|
      // reveal settings
 | 
						|
      controls:     false,
 | 
						|
      progress:     false,
 | 
						|
      slideNumber:  true,
 | 
						|
	  history:      true,
 | 
						|
      center:       false,
 | 
						|
      transition:   'none',
 | 
						|
      viewDistance: 2, // otherwise videos start early
 | 
						|
      width:        1024,
 | 
						|
      height:       768,
 | 
						|
      minScale:     0.2,
 | 
						|
      maxScale:     5, // if this threshold is reached, the chalkboard drawing will be wrongly positioned. hence large threshold!
 | 
						|
 | 
						|
 | 
						|
      // use local mathjax installation
 | 
						|
      math: { mathjax: '$template$/mathjax/MathJax.js', config: 'TeX-AMS_HTML-full' },
 | 
						|
 | 
						|
 | 
						|
      // setup chalkboard
 | 
						|
      chalkboard: { 
 | 
						|
        src: "$chalkboard$",
 | 
						|
        readOnly: false,
 | 
						|
        theme: "chalkboard",
 | 
						|
        color: [ 'rgba(255,0,0,1)', 'rgba(255,255,255,1)' ],
 | 
						|
        background: [ 'rgba(0,0,0,0)' , '$template$/my-chalkboard/img/blackboard.png' ],
 | 
						|
        pen:  [ '$template$/my-chalkboard/img/boardmarker.png', '$template$/my-chalkboard/img/chalk.png' ],
 | 
						|
      },
 | 
						|
 | 
						|
      
 | 
						|
      // setup reveal-menu
 | 
						|
      menu: {
 | 
						|
        side: 'right',
 | 
						|
        numbers: false,
 | 
						|
        titleSelector: 'h1',
 | 
						|
        hideMissingTitles: false,
 | 
						|
        markers: false,
 | 
						|
        custom: false,
 | 
						|
        themes: false,
 | 
						|
        transitions: false,
 | 
						|
        openButton: false,
 | 
						|
        openSlideNumber: true,
 | 
						|
        keyboard: true
 | 
						|
      },
 | 
						|
 | 
						|
      
 | 
						|
      // keyboard shortcuts
 | 
						|
      keyboard: {
 | 
						|
      40: function() { Reveal.next(); },                       // up:   next slide
 | 
						|
      38: function() { Reveal.prev(); },                       // down: prev slide
 | 
						|
      67: function() { RevealChalkboard.toggleNotesCanvas() }, // c: draw on slides
 | 
						|
      84: function() { RevealChalkboard.toggleChalkboard() },  // t: draw on blackboard
 | 
						|
      69: function() { RevealChalkboard.toggleSponge() },      // e: toggle eraser
 | 
						|
      8:  function() { RevealChalkboard.clear() },             // BACKSPACE: clear chalkboard
 | 
						|
      46: function() { RevealChalkboard.reset() },             // DELETE: reset chalkboard
 | 
						|
      68: function() { RevealChalkboard.download() },          // d: downlad chalkboard drawing
 | 
						|
      },
 | 
						|
 | 
						|
      
 | 
						|
      // load plugins
 | 
						|
	  dependencies: [
 | 
						|
	  { src: '$template$/revealjs/plugin/math/math.js' },
 | 
						|
	  { src: '$template$/revealjs/plugin/notes/notes.js', async: true },
 | 
						|
	  { src: '$template$/revealjs/plugin/highlight/highlight.js', async: true, callback: function() {
 | 
						|
        var code_blocks = document.querySelectorAll('code');
 | 
						|
        for( var i = 0, len = code_blocks.length; i < len; i++ )  hljs.highlightBlock(code_blocks[i]);                                                      
 | 
						|
      }},
 | 
						|
      { src: '$template$/revealjs/plugin/menu/menu.js' },
 | 
						|
      { src: '$template$/my-chalkboard/chalkboard.js' }, // do not load this async ('ready' event is missing, print wont work)
 | 
						|
      { src: '$template$/my-zoom/zoom.js', async: true },
 | 
						|
      ]
 | 
						|
      
 | 
						|
	  });
 | 
						|
	</script>
 | 
						|
 | 
						|
  </body>
 | 
						|
 | 
						|
</html>
 |