neiam /dms

<!DOCTYPE html>
<html lang="en" data-theme="her">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel=icon href=/assets/img/favicon.png>
    <link rel="stylesheet" href="/assets/css/app.css"/>
    <script defer type="text/javascript" src="/assets/js/app.js"></script>
    <title>DMS :: </title>
    <style>
        body {
            font-family: "B612 Mono", monospace;
        }
    </style>
</head>
<body>
<!-- Theme Picker -->
<div class="fixed top-4 right-4 z-50">
    <div class="dropdown dropdown-end">
        <div tabindex="0" role="button" class="btn btn-ghost btn-circle">
            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H4zm0 2h12v11H4V4z" clip-rule="evenodd"/>
            </svg>
        </div>
        <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52">
            <li><a onclick="setTheme('her')">
                <i class="fas fa-fw fa-heart"></i> Her
            </a></li>
            <li><a onclick="setTheme('afterdark')">
                <i class="fas fa-fw fa-moon"></i> After Dark
            </a></li>
            <li><a onclick="setTheme('forest')">
                <i class="fas fa-fw fa-tree"></i> Forest
            </a></li>
            <li><a onclick="setTheme('sky')">
                <i class="fas fa-fw fa-cloud"></i> Sky
            </a></li>
            <li><a onclick="setTheme('clays')">
                <i class="fas fa-fw fa-mountain"></i> Clays
            </a></li>
            <li><a onclick="setTheme('stones')">
                <i class="fas fa-fw fa-gem"></i> Stones
            </a></li>
            <li><a onclick="setTheme('lofi')">
                <i class="fas fa-fw fa-headphones"></i> Lo-Fi
            </a></li>
            <li><a onclick="setTheme('black')">
                <i class="fas fa-fw fa-pen-nib"></i> Black
            </a></li>
        </ul>
    </div>
</div>
<main class="px-4 py-20 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-3xl">
        <div class="min-h-[80%] m-10 pt-12 flex justify-center">
            <div class="max-w-max text-center">
                <div class="max-w-4xl" >
                    {% block outer %}
                        <h1 class="text-6xl font-bold text-accent" hx-get="/" hx-target="#inner" hx-push-url="/">
                            DMS
                        </h1>
                        <div id="inner">
                            {% block inner %}
                            {% endblock %}
                        </div>
                    {% endblock %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<div class="p-2 m-2" id="container">

</div>
<div class="hidden">
    <div class="text-cool bg-cool border-cool btn-cool"></div>
    <div class="text-cyan bg-cyan border-cyan"></div>
    <div class="text-good bg-good border-good"></div>
    <div class="text-lime bg-lime border-lime"></div>
    <div class="text-warm bg-warm border-warm"></div>
    <div class="text-hot bg-hot border-hot"></div>
    <div class="text-danger bg-danger border-danger"></div>
    <div class="text-critical bg-critical border-critical"></div>
</div>
</body>
</html>