{% load static %}
{% load sri %}

<!DOCTYPE HTML>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Language" content="" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
    <link rel="alternate" type="application/rss+xml" href="" />
    <meta name="superfish" content="nofish" />
    <meta name="application-name" content="TheOrangeOne" />

    <link rel="icon" type="image/png" href='{% static "img/logo-transparent.png" %}'/>

    <title>{% block title %}{% endblock %} :: TheOrangeOne</title>

    {% sri "css/font-awesome.min.css" %}
    {% sri "css/bootstrap-reboot.min.css" %}
    {% sri "css/index.css" %}

  </head>
  <body class="{{ view_name }}">
    <header id="top">
      <nav>
        <div class="nav-wrapper black">
          <a href="#" data-target="mobile-nav" class="sidenav-trigger"><i class="fas fa-bars"></i></a>
          <ul class="left hide-on-med-and-down">
            {% include "navigation/index.html" %}
          </ul>
        </div>
      </nav>
    </header>

    <ul class="sidenav" id="mobile-nav">
      {% include "navigation/index.html" %}
    </ul>

    <main>
      {% block main %}{% endblock %}
    </main>

    {% block footer %}
      <footer class="page-footer black">
        <div class="footer-copyright">
          <div class="container">
            &copy; {% now "Y" %} TheOrangeOne
            <a class="grey-text text-lighten-4 right" href="#top">Top</a>
          </div>
        </div>
      </footer>
    {% endblock %}


    {% sri "js/materialize.min.js" %}
    {% sri "js/index.js" %}

    {% block extrascripts %}{% endblock %}
  </body>
</html>