<!DOCTYPE html>
<html>
  {% include head.html %}
  <body>
    <header>
      {% include header.html %}
    </header>
    <main class="jumbotron">
      <div class="container-fluid large-header{% if page.show_mobile_large_logo %} mobile-large-logo{% endif %}" id="large-header">
      <div class="row">
        <div class="col-xs-12 text-center">
          {% assign logo_url = page.logo_url | default: "/images/logo.svg" %}
          <img
            src="{{ logo_url | prepend: site.baseurl }}"
            alt="Chaospott Logo"
            {% if logo_url == "/images/logo.svg" %}
              class="js-pride-logo"
              data-pride-src="{{ "/images/logo-pride.svg" | prepend: site.baseurl }}"
            {% endif %}
          />
        </div>
      </div>
      </div>
      {{ content }}
    </main>
    <footer>
      {% include footer.html %}
    </footer>
    <script src="{{ site.baseurl }}/js/pride-logo.js"></script>
    <script src="{{ site.baseurl }}/js/TweenLite.min.js"></script>
    <script src="{{ site.baseurl }}/js/EasePack.min.js"></script>
    <script src="{{ site.baseurl }}/js/rAF.js"></script>
  </body>
</html>
