ui from the tenis kurt website

This commit is contained in:
Priec
2026-05-17 15:21:07 +02:00
parent 622afc310d
commit 059fdf1b49
4 changed files with 58 additions and 40 deletions

File diff suppressed because one or more lines are too long

View File

@@ -4,23 +4,28 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Admin{% endblock title %}</title> <title>{% block title %}Admin{% endblock title %}</title>
<script src="https://cdn.tailwindcss.com"></script> <link href="/static/css/app.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/htmx.org@1.9.12"></script> <script src="https://unpkg.com/htmx.org@1.9.12"></script>
<style>
.btn { --animation-btn: 0; --btn-focus-scale: 1; }
</style>
</head> </head>
<body> <body class="min-h-screen bg-base-200 font-sans text-base-content antialiased">
<header> <header class="navbar bg-base-100 shadow-sm">
<nav> <nav class="mx-auto flex w-full max-w-6xl items-center justify-between gap-2 px-4">
<a href="/admin/dashboard">Dashboard</a> <a href="/admin/dashboard" class="min-w-0 truncate text-lg font-bold">Admin</a>
<a href="/admin/blog/articles">Blog</a> <div class="flex items-center gap-1">
<a href="/admin/about">About</a> <a href="/admin/dashboard" class="btn btn-ghost btn-sm">Dashboard</a>
<a href="/">View site</a> <a href="/admin/blog/articles" class="btn btn-ghost btn-sm">Blog</a>
<a href="/admin/about" class="btn btn-ghost btn-sm">About</a>
<a href="/" class="btn btn-ghost btn-sm">View site</a>
<form method="post" action="/admin/logout"> <form method="post" action="/admin/logout">
<button type="submit">Logout</button> <button type="submit" class="btn btn-ghost btn-sm">Logout</button>
</form> </form>
</div>
</nav> </nav>
</header> </header>
<main> <main class="mx-auto max-w-6xl px-4 py-6">
{% block content %}{% endblock content %} {% block content %}{% endblock content %}
</main> </main>
</body> </body>

View File

@@ -3,21 +3,27 @@
{% block title %}Admin login{% endblock title %} {% block title %}Admin login{% endblock title %}
{% block content %} {% block content %}
<h1>Admin login</h1> <div class="mx-auto mt-8 max-w-sm">
<div class="card border border-base-300 bg-base-100 shadow-sm">
<div class="card-body">
<h1 class="card-title">Admin login</h1>
{% if error %} {% if error %}
<p>{{ error }}</p> <div class="alert alert-error">
<span>Invalid email or password.</span>
</div>
{% endif %} {% endif %}
<form method="post" action="/admin/login" class="space-y-2">
<form method="post" action="/admin/login"> <div class="form-control">
<label> <label class="label"><span class="label-text">Email</span></label>
Email <input type="email" name="email" required class="input input-bordered w-full">
<input type="email" name="email" required> </div>
</label> <div class="form-control">
<label> <label class="label"><span class="label-text">Password</span></label>
Password <input type="password" name="password" required class="input input-bordered w-full">
<input type="password" name="password" required> </div>
</label> <button class="btn btn-neutral mt-2 w-full">Login</button>
<button type="submit">Login</button>
</form> </form>
</div>
</div>
</div>
{% endblock content %} {% endblock content %}

View File

@@ -4,20 +4,25 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Universal Web{% endblock title %}</title> <title>{% block title %}Universal Web{% endblock title %}</title>
<script src="https://cdn.tailwindcss.com"></script> <link href="/static/css/app.css" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet" type="text/css">
<script src="https://unpkg.com/htmx.org@1.9.12"></script> <script src="https://unpkg.com/htmx.org@1.9.12"></script>
<style>
.btn { --animation-btn: 0; --btn-focus-scale: 1; }
</style>
</head> </head>
<body> <body class="min-h-screen bg-base-200 font-sans text-base-content antialiased">
<header> <header class="navbar bg-base-100 shadow-sm">
<nav> <nav class="mx-auto flex w-full max-w-6xl items-center justify-between gap-2 px-4">
<a href="/">Home</a> <a href="/" class="min-w-0 truncate text-lg font-bold">Universal Web</a>
<a href="/about">About</a> <div class="flex items-center gap-1">
<a href="/blog">Blog</a> <a href="/" class="btn btn-ghost btn-sm">Home</a>
<a href="/admin/login">Admin</a> <a href="/about" class="btn btn-ghost btn-sm">About</a>
<a href="/blog" class="btn btn-ghost btn-sm">Blog</a>
<a href="/admin/login" class="btn btn-ghost btn-sm">Admin</a>
</div>
</nav> </nav>
</header> </header>
<main> <main class="mx-auto max-w-6xl px-4 py-6">
{% block content %}{% endblock content %} {% block content %}{% endblock content %}
</main> </main>
</body> </body>