WebApp Design modern
This commit is contained in:
parent
49c9e36a0c
commit
b5931509af
5 changed files with 580 additions and 157 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue