WebApp Design modern

This commit is contained in:
hubobel 2026-06-20 17:09:32 +02:00
parent 49c9e36a0c
commit b5931509af
5 changed files with 580 additions and 157 deletions

View file

@ -1,77 +1,134 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>{{ category }}</title>
```
<meta charset="utf-8">
<title>
{{ category }}
</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
```
</head>
<body>
<h1>{{ category }}</h1>
<a href="/categories">
Zurück
</a>
<hr>
<h2>Neues Schlüsselwort</h2>
<form
action="/categories/add_word/{{ category }}"
method="post">
<div class="header">
```
<input
type="text"
name="word"
required>
<div class="header-left">
<button type="submit">
Hinzufügen
</button>
<img class="logo-ing"
src="{{ url_for('static', filename='logo_ing.png') }}">
<div>
<div class="title">
ING Finanzen
</div>
<div class="subtitle">
Kategorie bearbeiten
</div>
</div>
</div>
<img class="logo-hintergasse"
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
```
</form>
</div>
<hr>
<h2>Schlüsselwörter</h2>
<table border="1" cellpadding="5">
<tr>
<th>Wort</th>
<th>Aktion</th>
</tr>
{% for word in words %}
<tr>
<td>
{{ word }}
</td>
<td>
<a
href="/categories/delete_word/{{ category }}/{{ word }}"
onclick="return confirm('Wort wirklich löschen?')">
<div class="navbar">
```
Löschen
<a href="/">Dashboard</a>
<a href="/categories">Kategorien</a>
```
</a>
</div>
</td>
<div class="container">
</tr>
```
<div class="card">
{% endfor %}
<h1>{{ category }}</h1>
</table>
<p>
Schlüsselwörter dieser Kategorie verwalten.
</p>
</div>
<div class="card">
<h2>Neues Schlüsselwort</h2>
<form action="/categories/add_word/{{ category }}"
method="post">
<input
type="text"
name="word"
placeholder="Schlüsselwort"
required>
<button type="submit">
Hinzufügen
</button>
</form>
</div>
<div class="card">
<h2>Vorhandene Schlüsselwörter</h2>
<div class="tags">
{% for word in words %}
<div class="tag">
{{ word }}
<a
href="/categories/delete_word/{{ category }}/{{ word }}"
onclick="return confirm('Schlüsselwort wirklich löschen?')">
×
</a>
</div>
{% endfor %}
</div>
</div>
```
</div>
<div class="footer">
```
Hintergasse © 2026
```
</div>
</body>
</html>