<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <link type="text/css" rel="stylesheet" href="../static/css/fonts.css"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="../static/css/style-page.css"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="../static/css/baguetteBox.min.css"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="../static/css/panorama_viewer.css"  media="screen,projection"/>

  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>{{ gallery.title }} · {{ settings.title }}</title>
</head>

<body>
  {% for section in gallery.sections %}
    {% include "sections/" + section.type + ".html" %}
  {% endfor %}

  <div class="back-to-home">
      <hr>
      <a href="../">
          <div id="logo" src="./../static/img/logo.svg"/>
              HOME
          </div>
      </a>
  </div>

  <script type="text/javascript" src="../static/js/jquery-2.1.4.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="../static/js/baguetteBox.min.js" charset="utf-8"></script>
  <script type="text/javascript" src="../static/js/jquery.panorama_viewer.min.js" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    $(function() {
        baguetteBox.run(".baguette", {});
        $(".panorama").panorama_viewer({
            repeat: true,
            direction: "horizontal",
            animationTime: 150,
            easing: "linear",
            overlay: true
          });
    });
  </script>
  <footer>
      <p>Generate using <a href="https://github.com/psycojoker/prosopopee">Prosopopée</a> · content under <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a> · atom logo by <a href="https://thenounproject.com/jjjon/">Jonathan Li</a> under <a href="https://creativecommons.org/licenses/by/3.0/">CC-BY</a></p>
  </footer>
</body>
</html>
