2020-07-19 22:16:05 +02:00
|
|
|
{% load static %}
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
2020-07-26 22:23:55 +02:00
|
|
|
<link rel="stylesheet" href="{% static 'main.css' %}">
|
2020-07-27 18:49:50 +02:00
|
|
|
<link rel="icon" type="image/png" href="{% static 'favicon.ico' %}">
|
|
|
|
<title>
|
2020-07-28 23:45:28 +02:00
|
|
|
{% block title %}Urban Exploration{% endblock %}
|
2020-08-17 15:38:52 +02:00
|
|
|
</title>
|
|
|
|
|
|
|
|
{% block additional_head %}
|
|
|
|
{% endblock additional_head %}
|
2020-08-16 11:41:03 +02:00
|
|
|
|
2020-08-17 15:38:52 +02:00
|
|
|
<script>
|
|
|
|
document.addEventListener("DOMContentLoaded", function(){
|
|
|
|
Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
|
|
|
|
element.classList.add('LP-Main__Sidebar--hidden')
|
|
|
|
})
|
|
|
|
setTimeout(function(){
|
|
|
|
Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
|
|
|
|
element.classList.remove('LP-Main__Sidebar--hidden')
|
|
|
|
})
|
|
|
|
}, 500)
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
|
2020-07-19 22:16:05 +02:00
|
|
|
</head>
|
2020-08-04 23:33:51 +02:00
|
|
|
|
2020-07-19 22:16:05 +02:00
|
|
|
<body>
|
2020-08-17 15:38:52 +02:00
|
|
|
<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>
|
2020-07-19 22:16:05 +02:00
|
|
|
</body>
|
|
|
|
</html>
|