filipriec/universal_web_loco_rewrite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui from the tenis kurt website

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

31
assets/views/admin/base.html
View File

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

40
assets/views/admin/login.html
View File

@@ -3,21 +3,27 @@
{% block title %}Admin login{% endblock title %}
{% block content %}
<h1>Admin login</h1>
{% if error %}
<p>{{ error }}</p>
{% endif %}
<form method="post" action="/admin/login">
<label>
Email
<input type="email" name="email" required>
</label>
<label>
Password
<input type="password" name="password" required>
</label>
<button type="submit">Login</button>
</form>
<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 %}
<div class="alert alert-error">
<span>Invalid email or password.</span>
</div>
{% endif %}
<form method="post" action="/admin/login" class="space-y-2">
<div class="form-control">
<label class="label"><span class="label-text">Email</span></label>
<input type="email" name="email" required class="input input-bordered w-full">
</div>
<div class="form-control">
<label class="label"><span class="label-text">Password</span></label>
<input type="password" name="password" required class="input input-bordered w-full">
</div>
<button class="btn btn-neutral mt-2 w-full">Login</button>
</form>
</div>
</div>
</div>
{% endblock content %}

25
assets/views/base.html
View File

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