chore: complete update

This commit is contained in:
2025-07-17 16:24:20 +02:00
parent 899227b0a4
commit 64a7051137
1300 changed files with 85570 additions and 2756 deletions

View File

@@ -0,0 +1,27 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Admin</title>
<meta name="description" content="Admin">
<meta property="og:type" content="Admin">
</head>
<body>
<!--<header>
<h2>Admin</h2>
</header>-->
<menu>
<li><a href="/admin">Dashboard</a></li>
</menu>
<main></main>
</body>
</html>

View File

@@ -0,0 +1,146 @@
<layout src="admin-main"/>
<a href="/admin/routes">Routes</a>
<br>
<a href="/admin/imageslots">Image Slots</a>
<div class="section">
<h2>Basis-Cards (nur semantische Selektoren)</h2>
<div class="demo-grid">
<article class="card">
<header>
<div>
<h3>Projekt Alpha</h3>
<small>Erstellt am 10. Juli 2025</small>
</div>
<span role="status">Aktiv</span>
</header>
<main>
<p>Diese Card nutzt nur semantische HTML-Elemente. Das Styling erfolgt über Selektoren wie <code>.card > header</code> und <code>.card h3</code>.</p>
<p>Weniger Klassen, sauberer HTML-Code.</p>
</main>
<footer>
<small>Letztes Update: heute</small>
<div>
<button>Öffnen</button>
<button>Teilen</button>
</div>
</footer>
</article>
<article class="card">
<header>
<h3>Einfache Card</h3>
</header>
<main>
<p>Minimaler HTML-Code, maximale Semantik.</p>
</main>
<footer>
<div>
<button>Action</button>
</div>
</footer>
</article>
</div>
</div>
<div class="section">
<h2>Status-Varianten (Klassen für Varianten)</h2>
<div class="demo-grid">
<article class="card card--success">
<header>
<h3>Erfolg</h3>
<span role="status">Abgeschlossen</span>
</header>
<main>
<p>Success-Variante durch eine einzige Modifier-Klasse.</p>
</main>
<footer>
<div>
<button>Details</button>
</div>
</footer>
</article>
<article class="card card--error">
<header>
<h3>Fehler</h3>
<span role="status">Problem</span>
</header>
<main>
<p>Error-Variante mit systematischen Farben.</p>
</main>
<footer>
<div>
<button>Beheben</button>
<button>Ignorieren</button>
</div>
</footer>
</article>
</div>
</div>
<div class="section">
<h2>Größen-Varianten</h2>
<div class="demo-grid">
<article class="card card--compact">
<header>
<h3>Kompakt</h3>
</header>
<main>
<p>Weniger Padding durch Modifier-Klasse.</p>
</main>
</article>
<article class="card card--spacious">
<header>
<h3>Großzügig</h3>
</header>
<main>
<p>Mehr Weißraum für wichtige Inhalte.</p>
</main>
<footer>
<div>
<button>Hauptaktion</button>
</div>
</footer>
</article>
</div>
</div>
<div class="section">
<h2>Layout-Varianten</h2>
<div class="demo-grid demo-grid--wide">
<article class="card card--horizontal">
<header>
<h3>Horizontal</h3>
</header>
<main>
<p>Horizontales Layout durch Modifier.</p>
</main>
<footer>
<div>
<button>Action</button>
</div>
</footer>
</article>
<article class="card card--media">
<img src="https://picsum.photos/400/200?random=2" alt="Demo">
<header>
<h3>Mit Media</h3>
</header>
<main>
<p>Bild wird durch Selector <code>.card--media img</code> gestylt.</p>
</main>
<footer>
<div>
<button>Ansehen</button>
</div>
</footer>
</article>
</div>
</div>

View File

@@ -0,0 +1,11 @@
<layout src="admin-main"/>
<form action='/admin/imageslots/edit/{{ id }}' method='post'>
<input type='hidden' name='_method' value='PUT'/>
<label>Slot Name:
<input type='text' name='slotName' value='{{ slotName }}'/>
</label>
<input type='submit' value='Update'/>
</form>

View File

@@ -0,0 +1,21 @@
<layout src="admin-main"/>
<for var="slot" in="slots">
<form action='/admin/imageslots/{{ slot.slotName }}' method='post'>
<h3>{{ slot.slotName }}</h3>
<input type='submit' value='Update'/>
</form>
</for>
<form action='/admin/imageslots/create' method='post'>
<label>Slot Name:
<input type='text' name='slotName' value=''/>
</label>
<input type='submit' value='Create'/>
</form>

View File

@@ -0,0 +1,11 @@
<layout src="admin-main"/>
<div>Routes Page</div>
<p>{{ name }}</p>
<ul>
<for var="route" in="routes">
<li><a href="{{ route.path }}">{{ route.path }} </a> <i> ({{ route.class }}) {{ route.attributes.0 }} </i> </li>
</for>
</ul>