{% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="{% static 'main.css' %}"> <link rel="icon" type="image/png" href="{% static 'favicon.ico' %}"> <title> {% block title %}Urban Exploration{% endblock %} </title> {% block additional_head %} {% endblock additional_head %} </head> <body> <div class="LP-Wrapper__Site"> <header class="LP-Header"> <div class="LP-Header__Logo"> <a class="LP-Link" href="/"> <img src="{% static 'logo.png' %}" class="LP-Image" /> </a> </div> <div class="LP-Header__UserInformation"> <span class="LP-Paragraph"> {% if user.is_authenticated %} Hi {{ user.username }}! <a class="LP-Link" href="{% url 'logout' %}"><span class="LP-Link__Text">logout</span></a> {% if user.is_superuser %} | <a class="LP-Link" href="{% url 'admin:index' %}" target="_blank"><span class="LP-Link__Text">admin</span></a> {% endif %} {% else %} You are not logged in. <a class="LP-Link" href="{% url 'login' %}"><span class="LP-Link__Text">login</span></a> | <a class="LP-Link" href="{% url 'signup' %}"><span class="LP-Link__Text">signup</span></a> {% endif %} </span> </div> </header> <input id="toggle_sidebar" class="LP-Menu__Trigger" type="checkbox"/> <label id="toggle_sidebar_label" for="toggle_sidebar" class="LP-Menu__TriggerLabel"></label> <aside class="LP-Main__Sidebar"> <nav class="LP-Menu LP-Menu--sidebar"> <ul class="LP-Menu__List"> <li class="LP-Menu__Item"><a href="/" class="LP-Link"><span class="LP-Link__Text">Home</span></a></li> <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">About</span></a></li> <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li> {% block additional_menu_items %} {% endblock additional_menu_items %} <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_create'%}" class="LP-Link"><span class="LP-Link__Text">Create place</span></a></li> <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_list'%}" class="LP-Link"><span class="LP-Link__Text">See all places</span></a></li> </ul> </nav> </aside> <main class="LP-Main__Content"> {% if messages %} <div class="LP-MessageList"> <ul class="LP-MessageList__List"> {% for message in messages %} <li class="LP-MessageList__Item"> <div class="LP-Message {% if message.tags %}LP-Message--{{ message.tags }}{% endif %}"> <div> <div class="LP-Message__Icon"> </div> </div> <div class="LP-Message__Text"> {{ message }} </div> </div> </li> {% endfor %} </ul> </div> {% endif %} {% block maincontent %} {% endblock maincontent %} </main> </div> </body> </html>