<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Welcome to geocsv</title>
  </head>
  <body>

    <div id="app">
      <section class="section">
        <div class="container is-fluid">
          <div class="content">
            <h4 class="title">Welcome to geocsv</h4>
            <div class="splash-screen">
              <div class="sk-fading-circle">
                <div class="sk-circle1 sk-circle"></div>
                <div class="sk-circle2 sk-circle"></div>
                <div class="sk-circle3 sk-circle"></div>
                <div class="sk-circle4 sk-circle"></div>
                <div class="sk-circle5 sk-circle"></div>
                <div class="sk-circle6 sk-circle"></div>
                <div class="sk-circle7 sk-circle"></div>
                <div class="sk-circle8 sk-circle"></div>
                <div class="sk-circle9 sk-circle"></div>
                <div class="sk-circle10 sk-circle"></div>
                <div class="sk-circle11 sk-circle"></div>
                <div class="sk-circle12 sk-circle"></div>
              </div>
            </div>
            <p class="footer">
              You Yes Yet is loading.
              You must enable JavaScript to use the <b>geocsv</b> app.
            </p>
          </div>
        </div>
      </section>
    </div>

    {% block foot %}
    <!-- foot: override this block if you don't want the standard footer -->
    <footer>
      <div id="credits">
        <div>
          {% if version %}Version {{version}} ||{% endif %}
          <img height="16" width="16" alt="Luminus" src="{{servlet-context}}/img/credits/luminus-logo.png"/>Built with <a href="http://www.luminusweb.net/">LuminusWeb</a> ||
          <img height="16" width="16" alt="Clojure" src="{{servlet-context}}/img/credits/clojure-icon.gif"/> Powered by <a href="http://clojure.org">Clojure</a> ||
          <img height="16" width="16" alt="GitHub" src="{{servlet-context}}/img/credits/github-logo-transparent.png"/>Find me/fork me on <a href="https://github.com/simon-brooke/geocsv">Github</a> ||
          <img height="16" width="16" alt="Free Software Foundation" src="{{servlet-context}}/img/credits/gnu.small.png"/>Licensed under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License version 2.0</a>
        </div>
      </div>
    </footer>
    {% endblock %}

    <!-- scripts and styles -->
    {% style "/assets/bulma/css/bulma.min.css" %}
    {% style "/assets/material-icons/css/material-icons.min.css" %}
    {% style "/css/screen.css" %}
    {% style "/css/geocsv.css" %}
    {% style "/css/spinner.css" %}

    <script type="text/javascript">
      var csrfToken = "{{csrf-token}}";
    </script>
    <!-- scripts and styles -->
    <!-- ATTENTION \/ -->
    <!-- ATTENTION /\ -->
    <!-- Leaflet -->
    {% style "/assets/leaflet/dist/leaflet.css" %}
    {% script "/assets/leaflet/dist/leaflet.js" %}
    {% script "/js/app.js" %}
  </body>
</html>