<!DOCTYPE html>
<html>
<head>
<meta name="generator" content=
"HTML Tidy for HTML5 for Linux version 5.7.28">
<meta charset="utf-8">
<meta name="viewport" content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>{{ title }}</title>
<link rel="shortcut icon" href="gfx/logo.jpg">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/reveal.css">
<link id="theme" rel="stylesheet" href="css/theme/white.css">
<link id="nav-theme" rel="stylesheet" href="css/nav/white.css">
<link rel="stylesheet" href="css/idie.css">
<link rel="stylesheet" href=
"https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity=
"sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
  crossorigin="anonymous">
  <!-- Theme used for syntax highlighting of code -->
  <link rel="stylesheet" href="lib/css/monokai.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 ) ? 'css/print/pdf.css' : 'css/print/paper.css';
    document.getElementsByTagName( 'head' )[0].appendChild( link );
  </script>
</head>
<body>
  <div id="custom-nav">
    <a href="#/">
    <!-- the zero-width-space is a tweak against tidy removing empty tags -->
     <i class="fa fa-home">​</i></a> &nbsp; <a id="top-link"
	    hidden=""><i class="fa fa-angle-double-up">​</i></a>
	  </div>
  <div class="reveal">
    <div class="slides">
      {{#columns}}
        <section{{#id}} id="{{.}}"{{/id}}{{#params}} {{{.}}}{{/params}}>
          <h3><img style="width:1.5em; vertical-align: middle" src="gfx/logo.jpg"/> {{title}}</h3>
            
          <section{{#params}} {{{.}}}{{/params}}>
              {{{content}}}
              {{#has_menu}}
              <!-- <h5>מדורים <i class="fa fa-arrow-left">​</i></h5> -->
              <ul>
                {{#menu}}
                  <li><a href="#/{{id}}">{{title}}</a></li>
                {{/menu}}
              </ul>
            {{/has_menu}}
            {{#has_slides}}
              <!-- <h5>דפים <i class="fa fa-arrow-down">​</i></h5> -->
              <ul>
                {{#slides}}
                  {{#title}}<li><a href="#/{{id}}">{{title}}</a></li>{{/title}}
                {{/slides}}
              </ul>
            {{/has_slides}}
          </section>
          {{#slides}}
            <section id="{{id}}"{{#theme}} data-theme="{{.}}"{{/theme}}>
              {{#title}}<p class="title">{{.}}</p>{{/title}}
              {{^title}}<p class="title small">{{headline}}</p>{{/title}}
              {{{content}}}
            </section>
          {{/slides}}
        </section>
      {{/columns}}
    </div>
  </div>
  <script src="js/reveal.js"></script> 
  <script src="lib/js/jquery-3.4.1.slim.min.js"></script> 
  <script>
    // More info about config & dependencies:
    // - https://github.com/hakimel/reveal.js#configuration
    // - https://github.com/hakimel/reveal.js#dependencies
    Reveal.initialize({
            rtl: true,
            hash: true,
            controlsTutorial: false,
            transition: 'convex',
            controlsBackArrows: 'visible',  // would hopefully solve the faded-arrow thing
            slideNumber: "h.v",
            dependencies: [
                    { src: 'plugin/markdown/marked.js' },
                    { src: 'plugin/markdown/markdown.js' },
                    { src: 'plugin/notes/notes.js', async: true },
                    { src: 'plugin/highlight/highlight.js', async: true }
            ]
    });
    $(function() {
        // open external links in new tab
        $('.reveal a:not([href^="#"])').attr('target','_blank');
        var setGender = function(gender) {
            $('.gender').hide();
            $('.gender.'+gender).show();
            localStorage.setItem('gender', gender);
        }
        var gender = localStorage.getItem('gender') || 'they';
        $('#gender').val(gender);
        setGender(gender);
        $('#gender').on('change', function() {
            setGender($('#gender').val());
        });
        var enterSlide = function() {
            // set theme
            var the_slide=$(Reveal.getCurrentSlide()),
                the_theme=the_slide.data('theme') ||
                    the_slide.parent().data('theme') || 'sky';
            $('#theme').attr('href',`css/theme/${the_theme}.css`);
            $('#nav-theme').attr('href',`css/nav/${the_theme}.css`);
            // set (or hide) top link
            var here = Reveal.getIndices();
            if (here.v) {
                $('#top-link').removeAttr('hidden').attr('href', `#/${here.h}`);
            } else {
                $('#top-link').attr('hidden','');
            }
        };
        enterSlide();
        Reveal.addEventListener('slidechanged', enterSlide);
    });
  </script>
</body>
</html>
