mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-03-05 20:44:19 +01:00
50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="en" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
{# <script src="https://cdn.tailwindcss.com"></script>#}
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
|
crossorigin="anonymous"></script>
|
|
<title>{% block title %}{% endblock %}</title>
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
background-image: url("{% static "quiz/background.png" %}");
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-color: black;
|
|
color: white;
|
|
|
|
display: grid;
|
|
align-items: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.asteriskField {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="container">
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-dismissible fade show {{ message.tags }}" role="alert">
|
|
{% if message.level == DEFAULT_MESSAGE_LEVELS.DEBUG %}
|
|
<strong>Debug: </strong>{% endif %}{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% block body %}{% endblock %}
|
|
</div>
|
|
{% block script %}{% endblock %}
|
|
</main>
|
|
</body>
|
|
</html>
|