{% load static %}<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>
      {% if title %}{{ title }} - {% endif %}
      {% if user.is_authenticated %}{{ user.username }}@{% endif %}{{ settings.APPLICATION_NAME }}
    </title>
    <meta name="application-name" content="{{ settings.APPLICATION_NAME }}">
    <meta name="author" content="tBKwtWS">
    <meta name="description" content="{{ description }}">
    <meta name="keywords" content="{{ keywords }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
      .main.container {
        padding-top: 5em;
      }
    </style>
    <script src="{% static "jquery@3.3.1/dist/jquery.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "semantic.min.css" %}">
    <script src="{% static "semantic.min.js" %}"></script>
    {% block head %}{% endblock head %}
  </head>
  <body>
    <nav class="ui pointing top fixed inverted menu">
      <a class="item" href="{% url 'index' %}"><i class="globe icon"></i>{{ settings.APPLICATION_NAME }}</a>
      {% if title %}
        {% if parent_title %}
          <a class="item" href="{{ parent_url }}"><i class="{{ parent_icon }} icon"></i>{{ parent_title }}</a>
        {% endif %}
        <a class="active item" href="{{ request.path }}">
          <i class="{{ icon }} icon"></i>
          {{ title }}</a>
      {% endif %}
      <div class="right menu">
        {% if user.is_authenticated %}
          <a class="item" href="{% url 'core:logout' %}?next={{ request.path }}"><i class="sign out alternate icon"></i>Log out</a>
          {% else %}
          <a class="item" href="{% url 'core:login' %}?next={{ request.path }}"><i class="sign in alternate icon"></i>Log in</a>
          {% endif %}
      </div>
    </nav>
    <div class="ui main container">
      {% block content %}{% endblock content %}
    </div>
  </body>
</html>
