marcel/familienarchiv
1
0
Fork 0
Code Issues 107 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: use de gruyter ci

Browse Source
This commit is contained in:
Marcel
2026-03-17 18:35:13 +00:00
parent 3b04f4cafe
commit 49fd29c1e6
366 changed files with 2642 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/src/routes/login/+page.svelte
View File

@@ -2,31 +2,55 @@
let { form }: { form?: { error?: string; success?: boolean } } = $props();
</script>
<div class="min-h-screen flex items-center justify-center">
<div class="bg-white p-8 rounded shadow-md w-96">
<h1 class="text-2xl font-bold mb-6 text-center">Familienarchiv</h1>
<div class="min-h-screen bg-white flex flex-col">
<!-- DGB purple accent strip -->
<div class="h-1 bg-brand-purple"></div>
<form method="POST" action="?/login" class="space-y-4">
<div>
<label for="username" class="block text-sm font-medium text-gray-700">Benutzername</label>
<input type="text" name="username" id="username" required
class="mt-1 block w-full rounded border-gray-300 shadow-sm p-2 border" />
<div class="flex-1 flex items-center justify-center px-4">
<div class="w-full max-w-sm">
<!-- Logo -->
<div class="mb-10 text-center">
<a href="/" class="inline-flex items-center gap-2" aria-label="Familienarchiv">
<svg width="220" height="22" viewBox="0 0 250 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.156128 1.01562C5.375 1.43431 9.621 4.65591 9.621 11.6669V19.8779H0.156128V10.4467H5.76852C5.76852 5.6736 3.70661 3.72129 0.156128 2.8334V1.01562Z" fill="#B4B9FF"></path>
<path d="M10.5892 19.8779C15.8076 19.4592 20.0541 16.2371 20.0541 9.22655V1.01562H10.5892V10.4467H16.2012C16.2012 15.2199 14.1397 17.1722 10.5892 18.0601V19.8779Z" fill="#B4B9FF"></path>
<text x="35" y="20" fill="#012851" font-family="Montserrat" font-weight="bold" font-size="20">FAMILIENARCHIV</text>
</svg>
</a>
</div>
<div>
<label for="password" class="block text-sm font-medium text-gray-700">Passwort</label>
<input type="password" name="password" id="password" required
class="mt-1 block w-full rounded border-gray-300 shadow-sm p-2 border" />
<!-- Card -->
<div class="bg-white border border-brand-sand rounded-sm shadow-sm p-8">
<h1 class="font-sans text-sm font-bold uppercase tracking-widest text-brand-navy mb-6">Anmelden</h1>
<form method="POST" action="?/login" class="space-y-5">
<div>
<label for="username" class="block text-xs font-bold font-sans uppercase tracking-widest text-gray-500 mb-1.5">Benutzername</label>
<input type="text" name="username" id="username" required autocomplete="username"
class="block w-full border border-gray-300 py-2.5 px-3 text-sm font-serif text-brand-navy placeholder-gray-400 focus:border-brand-navy focus:ring-1 focus:ring-brand-navy focus:outline-none" />
</div>
<div>
<label for="password" class="block text-xs font-bold font-sans uppercase tracking-widest text-gray-500 mb-1.5">Passwort</label>
<input type="password" name="password" id="password" required autocomplete="current-password"
class="block w-full border border-gray-300 py-2.5 px-3 text-sm font-serif text-brand-navy placeholder-gray-400 focus:border-brand-navy focus:ring-1 focus:ring-brand-navy focus:outline-none" />
</div>
{#if form?.error}
<div class="text-red-600 text-xs font-sans font-medium text-center">{form.error}</div>
{/if}
<button type="submit"
class="w-full bg-brand-navy text-white py-2.5 text-xs font-bold uppercase tracking-widest font-sans hover:bg-brand-navy/90 transition-colors mt-2">
Anmelden
</button>
</form>
</div>
</div>
</div>
{#if form?.error}
<div class="text-red-600 text-sm text-center">{form.error}</div>
{/if}
<button type="submit"
class="bg-brand-navy text-white h-[42px] rounded text-sm font-bold uppercase hover:bg-brand-mint hover:text-brand-navy w-full">
Anmelden
</button>
</form>
<!-- Footer -->
<div class="py-4 text-center">
<p class="text-xs font-sans text-gray-300 uppercase tracking-widest">De Gruyter Familienarchiv</p>
</div>
</div>