<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=LLGAL-CODESET" />
    <meta name="generator" content="llgal LLGAL-OPTIONS" />
    <title><!--SLIDE-TITLE--></title>
    <link rel="stylesheet" type="text/css" href="<!--CSS-->" />
    <link rel="contents" href="<!--INDEX-FILE-->" />
    <link rel="index" href="<!--INDEX-FILE-->" />
    <link rel="next" href="<!--NEXT-SLIDE-->" />
    <link rel="previous" href="<!--PREV-SLIDE-->" />
    <link rel="prefetch" href="<!--NEXT-SLIDE-->" />
    <script type="text/javascript" src="/js/mousetrap.min.js"></script>
    <script type="text/javascript" src="/js/hammer.min.js"></script>
  </head>

  <body>
    <!-- Please note that the comments in ALL CAPS are the places where llgal
         inserts the appropriate file names.  You may move them around (or
         remove them) to customize your slides at will.  To see how this
         works just compare the template file with a generated slide. -->

    <p class="center">
      <a id="prevslide" href="<!--PREV-SLIDE-->"><!--PREV-SLIDE-LINK-TEXT--></a>
      &nbsp; &nbsp; &nbsp;
      <a id="indexlink" href="<!--INDEX-FILE-->"><!--INDEX-LINK-TEXT--></a>
      &nbsp; &nbsp; &nbsp;
      <a id="nextslide" href="<!--NEXT-SLIDE-->"><!--NEXT-SLIDE-LINK-TEXT--></a>
    </p>

    <div class="center" id="slide-container">
      <!--THIS-SLIDE-->
    </div>

    <p class="caption">
      <!--IMAGE-CAPTION-->
    </p>

    <div class="center">
      <!--EXIF-TABLE-->
    </div>
    <script type="text/javascript">
        // Script for keyboard navigation
        var prev = document.getElementById("prevslide").href;
        var next = document.getElementById("nextslide").href;
        Mousetrap.bind('left',  function () { location.href = prev; });
        Mousetrap.bind('right', function () { location.href = next; });
        Mousetrap.bind('h',     function () { location.href = indexlink; });
        Mousetrap.bind('j',     function () { location.href = prev; });
        Mousetrap.bind('k',     function () { location.href = next; });
    </script>

    <script type="text/javascript">
        // Script for touch gestures (Hammerjs)
        var slide = document.getElementById('slide-container');
        var mc = new Hammer(slide);
        mc.on("swiperight", function(ev) { location.href = next; });
        mc.on("swipeleft",  function(ev) { location.href = prev; });
    </script>
  </body>
</html>
