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,68 +1,174 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>ING Auswertung</title>
```
<meta charset="utf-8">
<title>
ING Finanzen
</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
```
</head>
<body>
<h1>ING Auswertung</h1>
<p>
<a href="/categories">Kategorien</a>
</p>
<hr>
<div class="header">
<h2>Kontostand</h2>
```
<div class="header-left">
<form action="/run/balance" method="post">
<button type="submit">
balance.py starten
</button>
</form>
<img class="logo-ing"
src="{{ url_for('static', filename='logo_ing.png') }}">
<hr>
<div>
<h2>Transaktionen</h2>
<div class="title">
ING Finanzen
</div>
<form action="/run/transactions" method="post">
<div class="subtitle">
Kontobewegungen und Auswertungen
</div>
Jahr:
<input type="text"
name="year"
placeholder="2026">
</div>
KW:
<input type="text"
name="week"
placeholder="25">
</div>
<button type="submit">
transactions.py starten
</button>
<img class="logo-hintergasse"
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
```
</form>
</div>
<hr>
<div class="navbar">
<h2>Kategorisierung</h2>
```
<a href="/">Dashboard</a>
<a href="/categories">Kategorien</a>
```
<form action="/run/categorize" method="post">
</div>
Jahr:
<input type="text"
name="year"
placeholder="2026">
<div class="container">
KW:
<input type="text"
name="week"
placeholder="25">
```
<div class="cards">
<button type="submit">
categorize_transactions.py starten
</button>
<div class="card">
</form>
<h2>Kontostand</h2>
<form action="/run/balance"
method="post">
<button type="submit">
Kontostand abrufen
</button>
</form>
</div>
<div class="card">
<h2>Transaktionen</h2>
<form action="/run/transactions"
method="post">
Jahr:
<input
type="text"
name="year"
placeholder="2026">
KW:
<input
type="text"
name="week"
placeholder="25">
<br><br>
<button type="submit">
Transaktionen laden
</button>
</form>
</div>
<div class="card">
<h2>Kategorisierung</h2>
<form action="/run/categorize"
method="post">
Jahr:
<input
type="text"
name="year"
placeholder="2026">
KW:
<input
type="text"
name="week"
placeholder="25">
<br><br>
<button type="submit">
Kategorisieren
</button>
</form>
</div>
<div class="card">
<h2>Kategorien</h2>
<p>
Kategorien und Schlüsselwörter
verwalten.
</p>
<a href="/categories">
<button type="button">
Kategorien öffnen
</button>
</a>
</div>
</div>
```
</div>
<div class="footer">
```
Hintergasse © 2026
```
</div>
</body>
</html>
</html>