70 lines
1.4 KiB
HTML
70 lines
1.4 KiB
HTML
{% load static %}
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta name="viewport" content="width=device-width"/>
|
||
<title>{% block title %}{% endblock %} – KeRS</title>
|
||
<link rel="stylesheet" type="text/css" href="{% static 'main.css' %}"/>
|
||
{% block styles %}{% endblock %}
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<h1 class="align">Zeus WPI Kelder­registratie­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' %}">
|
||
Profiel
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="alignRight">
|
||
{% if user.is_authenticated %}
|
||
<li class="accentuated">
|
||
<span>
|
||
Hallo, {{ user.username }}
|
||
</span>
|
||
</li>
|
||
<li>
|
||
<a href="{% url 'users:logout' %}">
|
||
Log out
|
||
</a>
|
||
</li>
|
||
{% else %}
|
||
<li>
|
||
<a href="{% url 'oauth:login' %}">
|
||
Log in
|
||
</a>
|
||
</li>
|
||
{% endif %}
|
||
|
||
</ul>
|
||
<div style="clear: both;"></div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main class="align">
|
||
{% block content %}{% endblock %}
|
||
</main>
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
let button = document.getElementById('nav-button')
|
||
button.addEventListener('click', () => {
|
||
if (button.innerText === "☰") {
|
||
button.innerText = "✖";
|
||
} else {
|
||
button.innerText = "☰";
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|