{% load i18n %}
{% load static %}
{% load compress %}
<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}
<html lang="{{ LANGUAGE_CODE }}">
    <head>
        <title>{% block title %}{% endblock title %}</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        {% compress css %}
        <link type="text/x-scss" href="/static/bs5/scss/bootstrap.scss" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="/static/bsi1/font/bootstrap-icons.min.css">
        {% endcompress %}
        <script>
            const setTheme = theme => {
                document.documentElement.setAttribute('data-bs-theme', theme)
            }
            setTheme(localStorage.getItem('theme'));
        </script>
        {% block headscripts %}
        {% endblock headscripts %}
    </head>
    <body>
        {% block nav %}
            {% include 'start/nav.html' %}
        {% endblock nav %}
        <main class="m-5" style="min-height: 80vh;">
            {% block main %}{% endblock main %}
        </main>
        <footer class="text-center text-lg-start bg-dark-subtle text-muted">
            <div class="container overflow-hidden text-center">
                <div class="row gy-5">
                    <div class="col-6">
                        <div class="p-3"></div>
                    </div>
                    <div class="col-6">
                        <div class="p-3"></div>
                    </div>
                </div>
            </div>
            <section class="">
                <div class="container overflow-hidden text-center">
                    <div class="row gy-5">
                        <div class="col-6">
                            <div class="p-3"></div>
                        </div>
                        <div class="col-6">
                            <div class="p-3"></div>
                        </div>
                    </div>
                </div>
                <div class="container text-center text-md-start mt-5">
                    <div class="row mt-3">
                        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                            <h6 class="text-uppercase fw-bold mb-4">Information</h6>
                            <p>
                            {% blocktranslate %}
                            Ich habe diese Website selbst programmiert und gehostet. 
                            Falls Sie einen Fehler belibiger Art finden, würde ich mich freuen, 
                            wenn Sie mich darüber benachrichtigen.
                            <br><br>
                            Die Suche nach Schwachstellen und Fehlern auf dieser Website ist für 
                            diesen Zweck ausdrücklich erlaubt.
                            {% endblocktranslate %}
                            <br>
                            <a href="mailto:admin@cscherr.de">admin@cscherr.de</a>
                            </p>
                        </div>
                        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
                            <h6 class="text-uppercase fw-bold mb-4">
                                Links
                            </h6>
                            <p>
                            <a href="{% url 'start:legal' %}" class="text-reset">{% translate "Legal Info" %}</a>
                            </p>
                            <p>
                            <a href="https://github.com/plexsheep" class="text-reset">GitHub</a>
                            </p>
                            <p>
                            <a href="https://git.cscherr.de" class="text-reset">Selfhosted Git</a>
                            </p>
                            <p>
                            <a href="https://git.cscherr.de/PlexSheep/gawa" class="text-reset">{% trans "Quellcode dieser Website" %}</a>
                            </p>
                        </div>
                        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                            <h6 class="text-uppercase fw-bold mb-4">{% translate "Contact" %}</h6>
                            <p>Christoph Johannes Scherr</p>
                            <p><i class="fas fa-home me-3 text-secondary">
                                Leininger Straße 20,<br>
                                Maxdorf 67133,<br>
                                {% translate "Deutschland" %}
                            </i></p>
                            <p>
                            <a href="mailto:contact@cscherr.de">contact@cscherr.de</a>
                            </p>
                        </div>
                    </div>
                </div>
            </section>
            <div class="text-center p-4 bg-black text-light">
                © 2023 Christoph J. Scherr
                <br>
                <a class="text-reset fw-bold" href="https://www.cscherr.de/">cscherr.de</a>
            </div>
        </footer>
        {% compress js %}
        <script src="/static/bs5/dist/js/bootstrap.bundle.min.js"></script>
        {% endcompress %}
    </body>
</html>
