{% load static %}
<html>
    <head>
        {% include "head.html" %}
    </head>
    <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
        <script>
            a = new Audio("{% static 'startup.wav' %}");
            a.volume = 0.5;
            a.play();
        </script>
        <div class="window popup login" id="info-window">
            <div class="title-bar">
                <div class="title-bar-text">Welkom bij Muzak</div>
                <div class="title-bar-controls">
                    <button aria-label="Close"></button>
                </div>
            </div>
            <div class="window-body">
                <div class="icon login"></div>
                <div class="text">
                    <div>
                        <p>Gebruik onderstaande knop om in te loggen.</p>
                        <p>
                            Als je geen inloggegevens hebt, meld je dan bij de
                            beheerder van deze site.
                        </p>
                        <div class="field-row">
                            <form
                                action="{% url 'oidc_authentication_init' %}"
                                method="get"
                            >
                                <input
                                    type="submit"
                                    value="Inloggen"
                                    class="default"
                                />
                            </form>
                            <button onclick="bsod()">Annuleren</button>
                            <script>
                                function bsod() {
                                    var css = document.createElement("link");
                                    css.setAttribute("rel", "stylesheet");
                                    css.setAttribute("type", "text/css");
                                    css.setAttribute(
                                        "href",
                                        "{% static 'bsod.css' %}",
                                    );
                                    document
                                        .getElementsByTagName("head")[0]
                                        .appendChild(css);
                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="bsod">
            <h1>Lekkerste recept voor suikerbrood</h1>
            <div>* 500 gram bloem</div>
            <div>* 1 zakje gist</div>
            <div>* 1 theelepel kaneeel</div>
            <div>* 3 eetlepels gembersiroop</div>
            <div>* 200 ml melk</div>
            <div>* 250 gram kandijsuiker</div>
            <div>
                Neem je bloem en zakje gist en meng dit samen met je kaneel in
                een kom. Maak een kuiltje in het midden en schenk er
                gembersiroop in en lauwwarme, niet te hete, melk. Meng dit tot
                deeg, voeg een snufje zout toe en laat dat 15 minuten staan.
                Kneed het deeg tot een bal en laat het een uur rijzen onder een
                vochtige theedoek. Maak van het gerezen deeg een dikke lap en
                verdeel er je suiker over. Rol het geheel weer op en doe het
                over de lengte in een ingeboterde en ingesuikerde cakevorm. Laat
                het nog een uurtje rijzen. Bak het in ongeveer 30 minuten in een
                voorverwarmde oven op 200 graden. Voilà. Suikerbrood. Eet
                smakelijk.
            </div>
            <div class="continue">Druk op F5 om verder te gaan..</div>
        </div>
    </body>
</html>
