kers/templates/base.html

71 lines
1.4 KiB
HTML
Raw Normal View History

2020-07-22 17:16:04 +02:00
{% load static %}
2020-07-22 04:08:30 +02:00
<!DOCTYPE html>
<html>
2020-07-22 05:44:49 +02:00
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width"/>
2020-07-22 17:16:04 +02:00
<title>{% block title %}{% endblock %} KeRS</title>
<link rel="stylesheet" type="text/css" href="{% static 'main.css' %}"/>
2020-07-22 05:44:49 +02:00
{% block styles %}{% endblock %}
</head>
<body>
2020-07-22 17:25:59 +02:00
<header>
<h1 class="align">Zeus WPI Kelder&shy;registratie&shy;systeem™</h1>
<nav>
<div class="align">
<button id="nav-button"></button>
<ul class="alignLeft">
<li>
<a href="{% url 'events:index' %}">
Home</a>
</li>
<li>
<a href="{% url 'users:profile' %}">
2020-07-22 17:43:50 +02:00
Profiel
2020-07-22 17:25:59 +02:00
</a>
</li>
</ul>
<ul class="alignRight">
{% if user.is_authenticated %}
<li class="accentuated">
<span>
2020-07-22 17:44:32 +02:00
Hallo, {{ user.username }}
2020-07-22 17:25:59 +02:00
</span>
</li>
<li>
<a href="{% url 'users:logout' %}">
2020-07-22 17:43:50 +02:00
Log out
2020-07-22 17:25:59 +02:00
</a>
</li>
{% else %}
<li>
<a href="{% url 'oauth:login' %}">
2020-07-22 17:43:50 +02:00
Log in
2020-07-22 17:25:59 +02:00
</a>
</li>
{% endif %}
2020-07-22 15:10:49 +02:00
2020-07-22 17:25:59 +02:00
</ul>
<div style="clear: both;"></div>
</div>
</nav>
</header>
<main class="align">
2020-07-22 15:10:49 +02:00
{% block content %}{% endblock %}
2020-07-22 14:06:16 +02:00
</main>
2020-07-22 05:44:49 +02:00
<script>
document.addEventListener("DOMContentLoaded", function () {
let button = document.getElementById('nav-button')
button.addEventListener('click', () => {
if (button.innerText === "☰") {
button.innerText = "✖";
} else {
button.innerText = "☰";
}
})
});
</script>
2020-07-22 14:06:16 +02:00
</body>
2020-07-22 04:08:30 +02:00
</html>