51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
{% load static %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="{% static 'js/htmx.min.js' %}" defer></script>
|
|
<script src="https://unpkg.com/interactjs"></script>
|
|
<link rel="stylesheet" href="https://unpkg.com/98.css" >
|
|
|
|
<link href="{% static 'style.css'%}" rel="stylesheet" type="text/css" />
|
|
<script src="https://open.spotify.com/embed/iframe-api/v1" async></script>
|
|
|
|
</head>
|
|
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' style="background:#01817F;">
|
|
<header>
|
|
</header>
|
|
<main>
|
|
</main>
|
|
|
|
<div class="window" style="max-width:960px">
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">
|
|
{% block window-title %}{% endblock %}
|
|
</div>
|
|
<div class="title-bar-controls">
|
|
<button aria-label="Help"></button>
|
|
<button aria-label="Close"></button>
|
|
</div>
|
|
</div>
|
|
<div class="window-body">
|
|
<menu role="tablist" hx-boost="true">
|
|
<li role="tab" {% if request.path == '/vote/' %}aria-selected="true" {% endif %}>
|
|
<a href="{% url 'vote' %}">Stemmen</a>
|
|
</li>
|
|
<li role="tab" {% if request.path == '/track/' %}aria-selected="true" {% endif %}>
|
|
<a href="{% url 'nominate' %}">Nomineren</a>
|
|
</li>
|
|
<li role="tab" {% if request.path == '/' %}aria-selected="true" {% endif %}>
|
|
<a href="/">Statistieken</a>
|
|
</li>
|
|
</menu>
|
|
<div class="window" role="tabpanel">
|
|
<div class="window-body">
|
|
{% block main-content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
{% block popup %}{% endblock %}
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|