enrico/lampada-monica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Enrico
2026-03-17 20:59:58 +01:00
commit 8992811486
14 changed files with 1396 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
templates/index.html Normal file
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Viaggio</title>
<meta name="theme-color" content="#f7f2ea" />
<link rel="stylesheet" href="/static/style.css" />
</head>
<body class="page">
<header class="topbar">
<div class="wrap topbar-inner">
<div class="brand">
<div class="brand-mark" aria-hidden="true"></div>
<div>
<div class="brand-title">Viaggio di nozze</div>
<div class="brand-sub">Piano, spostamenti, todo e costi</div>
</div>
</div>
<form method="post" action="/logout">
<button class="btn ghost" type="submit">Logout</button>
</form>
</div>
</header>
<main class="wrap">
<section id="calendario" class="anchor-offset card">
<h2 class="section">Calendario</h2>
<div class="small">Clicca un giorno per vedere il piano (lorem ipsum).</div>
<div id="calendar" class="calendar"></div>
</section>
<section id="giorno" class="anchor-offset card">
<h2 class="section">Giorno selezionato</h2>
<div id="dayView"></div>
</section>
<section id="todo" class="anchor-offset card">
<h2 class="section">To do</h2>
<div class="toolbar">
<div class="search">
<span>＋</span>
<input id="todoNewText" placeholder="Aggiungi una cosa da fare" />
</div>
<div class="actions">
<button class="btn" id="todoAddBtn">Aggiungi</button>
</div>
</div>
<div id="todoList"></div>
</section>
<section id="costi" class="anchor-offset card">
<h2 class="section">Costi</h2>
<div class="small">Cambio di riferimento: 1 EUR = <span id="rate">182.85</span> JPY</div>
<div class="cost-inputs">
<div class="search">
<span>🧾</span>
<input id="costDesc" placeholder="Descrizione spesa" />
</div>
<div class="search">
<span>¥</span>
<input id="costJpy" type="number" min="0" step="1" placeholder="Importo JPY" />
</div>
<div class="search">
<span>€</span>
<input id="costEur" type="number" min="0" step="0.01" placeholder="Importo EUR" />
</div>
</div>
<div class="actions" style="margin-top: 10px">
<button class="btn" id="addCostBtn">Aggiungi spesa</button>
</div>
<div id="costList"></div>
<div class="totals">
<div class="kpi">
<div class="label">Totale JPY</div>
<div class="value" id="totalJpy">¥0</div>
</div>
<div class="kpi">
<div class="label">Totale EUR</div>
<div class="value" id="totalEur">€0,00</div>
</div>
</div>
</section>
</main>
<nav class="footer">
<div class="inner">
<a class="navbtn" href="#calendario">Calendario</a>
<a class="navbtn" href="#giorno">Giorno</a>
<a class="navbtn" href="#todo">To do</a>
<a class="navbtn" href="#costi">Costi</a>
</div>
</nav>
<script src="/static/app.js"></script>
</body>
</html>

45
templates/login.html Normal file
View File

@@ -0,0 +1,45 @@
<!doctype html>
<html lang="it">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Login · Viaggio</title>
<meta name="theme-color" content="#f7f2ea" />
<link rel="stylesheet" href="/static/style.css" />
</head>
<body class="page">
<main class="wrap">
<section class="card auth-card">
<div class="brand">
<div class="brand-mark" aria-hidden="true"></div>
<div>
<div class="brand-title">Viaggio di nozze</div>
<div class="brand-sub">Accesso riservato</div>
</div>
</div>
{% if error %}
<div class="notice notice--error">{{ error }}</div>
{% endif %}
<form method="post" action="/login" class="form">
<label class="field">
<div class="label">Username</div>
<input name="username" autocomplete="username" required />
</label>
<label class="field">
<div class="label">Password</div>
<input name="password" type="password" autocomplete="current-password" required />
</label>
<button class="btn big-btn" type="submit">Entra</button>
</form>
<div class="small" style="margin-top: 10px">
Suggerimento: questo sito non espone porte verso l'host; sta dietro reverse proxy.
</div>
</section>
</main>
</body>
</html>