shiftregister/templates/base.html

{% load static %}
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% block title %}Help!{% endblock %} &ndash; Helfer*innen</title>
    <link rel="icon" href="{% static 'tonkakt.svg' %}" sizes="any" type="image/svg+xml">
    <link rel="stylesheet" href="{% static 'bulma.min.css' %}">
    <link rel="stylesheet" href="{% static 'bulma-prefers-dark.min.css' %}">
    <style>
    @font-face {
        font-family: "Maven Pro";
        src: url("{% static 'MavenPro-VariableFont:wght.ttf' %}");
    }

    * {
        font-family: "Maven Pro", sans-serif !important;
    }

    :root {
        --background: #fff;
    }

    @media (prefers-color-scheme: dark) {
        :root {
            --background: #17181c;
        }
    }
    </style>
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-brand">
                <a class="navbar-item has-text-weight-bold" href="{% url 'index' %}">Helfer*innen</a>
                <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="main-nav">
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                </a>
            </div>
	    <div class="navbar-menu" id="main-nav">
{% block navbar %}
{% endblock navbar %}
            </div>
        </div>
    </nav>
{% block body %}
    <section class="section">
        <div class="container">
{% include 'notifications.html' %}
        </div>
    </section>
{% endblock %}
    <footer class="footer">
        <div class="container">
{% block footer %}
{% endblock %}
            <div class="breadcrumb has-dot-separator is-right">
                <ul>
                    <li><a href="{% url 'pages:view' 'map' %}">Karte</a></li>
                    <li><a href="{% url 'pages:view' 'faq' %}">Häufig gestellte Fragen</a></li>
                    <li><a href="{% url 'pages:view' 'about' %}">Über diese Seite/Impressum</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <script>
    document.querySelectorAll('.delete').forEach(btn => btn.addEventListener('click', event => event.target.parentElement.remove()));
    document.querySelectorAll('.navbar-burger').forEach(el => el.addEventListener('click', () => {
        if (el.dataset.target) {
            el.classList.toggle('is-active');
            document.getElementById(el.dataset.target).classList.toggle('is-active');
        }
    }));
    </script>
</body>
</html>
Add pre-built bulma 3 years ago			`{% load static %}`
initial shift overview and shift admin view 3 years ago			`<!DOCTYPE html>`
add initial team functionality 3 years ago			`<html lang="de">`
initial shift overview and shift admin view 3 years ago			`<head>`
Fix spelling and make spacing in templates more consistent 3 years ago			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width,initial-scale=1">`
Improve before/after event pages 3 years ago			`<title>{% block title %}Help!{% endblock %} – Helfer*innen</title>`
Add favicon 3 years ago			`<link rel="icon" href="{% static 'tonkakt.svg' %}" sizes="any" type="image/svg+xml">`
Add pre-built bulma 3 years ago			`<link rel="stylesheet" href="{% static 'bulma.min.css' %}">`
Add bulma-prefers-dark, improve style 3 years ago			`<link rel="stylesheet" href="{% static 'bulma-prefers-dark.min.css' %}">`
Use kontakt font (Maven Pro) 3 years ago			`<style>`
			`@font-face {`
			`font-family: "Maven Pro";`
			`src: url("{% static 'MavenPro-VariableFont:wght.ttf' %}");`
			`}`

			`* {`
			`font-family: "Maven Pro", sans-serif !important;`
			`}`
Make day selector stick to the top 3 years ago
			`:root {`
			`--background: #fff;`
			`}`

			`@media (prefers-color-scheme: dark) {`
			`:root {`
			`--background: #17181c;`
			`}`
			`}`
Use kontakt font (Maven Pro) 3 years ago			`</style>`
initial shift overview and shift admin view 3 years ago			`</head>`
			`<body>`
Add pre-built bulma 3 years ago			`<nav class="navbar">`
			`<div class="container">`
			`<div class="navbar-brand">`
			`<a class="navbar-item has-text-weight-bold" href="{% url 'index' %}">Helfer*innen</a>`
Conform to navbar structure as described in Bulma docs 3 years ago			`<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="main-nav">`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`<span aria-hidden="true"></span>`
			`</a>`
			`</div>`
			`<div class="navbar-menu" id="main-nav">`
Add pre-built bulma 3 years ago			`{% block navbar %}`
			`{% endblock navbar %}`
			`</div>`
			`</div>`
			`</nav>`
Fix spelling and make spacing in templates more consistent 3 years ago			`{% block body %}`
Add footer in base template 3 years ago			`<section class="section">`
			`<div class="container">`
Move notifications into container 3 years ago			`{% include 'notifications.html' %}`
Add footer in base template 3 years ago			`</div>`
			`</section>`
Fix spelling and make spacing in templates more consistent 3 years ago			`{% endblock %}`
Add footer in base template 3 years ago			`<footer class="footer">`
			`<div class="container">`
			`{% block footer %}`
			`{% endblock %}`
(Ab)use breadcrumb component for footer nav 3 years ago			`<div class="breadcrumb has-dot-separator is-right">`
			`<ul>`
add link to shift location to shifts 3 years ago			`<li><a href="{% url 'pages:view' 'map' %}">Karte</a></li>`
(Ab)use breadcrumb component for footer nav 3 years ago			`<li><a href="{% url 'pages:view' 'faq' %}">Häufig gestellte Fragen</a></li>`
			`<li><a href="{% url 'pages:view' 'about' %}">Über diese Seite/Impressum</a></li>`
			`</ul>`
			`</div>`
Add footer in base template 3 years ago			`</div>`
			`</footer>`
add current/next shift to menu 3 years ago			`<script>`
			`document.querySelectorAll('.delete').forEach(btn => btn.addEventListener('click', event => event.target.parentElement.remove()));`
Conform to navbar structure as described in Bulma docs 3 years ago			`document.querySelectorAll('.navbar-burger').forEach(el => el.addEventListener('click', () => {`
			`if (el.dataset.target) {`
add current/next shift to menu 3 years ago			`el.classList.toggle('is-active');`
Conform to navbar structure as described in Bulma docs 3 years ago			`document.getElementById(el.dataset.target).classList.toggle('is-active');`
			`}`
			`}));`
add current/next shift to menu 3 years ago			`</script>`
initial shift overview and shift admin view 3 years ago			`</body>`
Fix spelling and make spacing in templates more consistent 3 years ago			`</html>`