allowthem-server 0.0.3

HTTP server and middleware for allowthem
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}allowthem{% endblock %}</title>

    {# CSS: Tailwind browser package in dev, compiled CSS in production #}
    {% if is_production %}
    <link rel="stylesheet" href="/static/css/style.css">
    {% else %}
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
    {% endif %}

    {% block theme %}
    <style>
        :root {
            --at-accent: {{ accent | default("#2563eb") }};
            --at-accent-hover: {{ accent_hover | default("#1d4ed8") }};
            --at-accent-ring: {{ accent_ring | default("#3b82f6") }};
        }
        .at-btn-primary {
            background-color: var(--at-accent);
        }
        .at-btn-primary:hover {
            background-color: var(--at-accent-hover);
        }
        .at-btn-primary:focus-visible {
            outline: 2px solid var(--at-accent-ring);
            outline-offset: 2px;
        }
        .at-input-focus:focus {
            border-color: var(--at-accent);
            box-shadow: 0 0 0 1px var(--at-accent-ring);
        }
        .at-link {
            color: var(--at-accent);
        }
        .at-link:hover {
            color: var(--at-accent-hover);
        }
    </style>
    {% endblock %}

    {% block head %}{% endblock %}
</head>
<body class="bg-gray-50 min-h-screen">
    {% block body %}{% endblock %}

    {# HTMX #}
    <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"
            integrity="sha384-/TgkGk7p307TH7EXJDuUlgG3Ce1UVolAOFopFekQkkXihi5u/6OCvVKyz1W+idaz"
            crossorigin="anonymous"></script>
    {% block scripts %}{% endblock %}
</body>
</html>