<!DOCTYPE html>
<html lang="de">

<head>
    <title>Shell Script Hub</title>
    {% include "./components/meta.njk" %}
    <style>
        * {
            box-sizing: border-box;
        }
    </style>
    <script>
        // On page load or when changing themes, best to add inline in `head` to avoid FOUC
        if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark');
        } else {
            document.documentElement.classList.remove('dark')
        }
    </script>
</head>

<body class="bg-gray-100 dark:bg-gray-800 dark:text-white">
    <div id="app" class="w-full">
        {% include "./components/navbar.njk" %}
        <div class="container relative mx-auto py-12 flex flex-col justify-center items-center gap-16">
            {% if page == 'authorities' %}
                {% include "./pages/authorities.njk" %}
            {% endif %}
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.1/dist/flowbite.min.js"></script>
    <!-- <script src="/widgets.jumbotron.js"></script> -->
    <script src="/start.js"></script>
</body>

</html>