Initial finance dashboard

2026-09-09 07:49:52 +02:00
commit 729a13bfca
6 changed files with 102 additions and 0 deletions
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="dark">
+    <title>Finance Dashboard</title>
+    <style>
+      * { box-sizing: border-box; }
+
+      body {
+        margin: 0;
+        min-height: 100vh;
+        min-height: 100svh;
+        display: grid;
+        place-items: center;
+        padding: 24px;
+        background: #0c1220;
+        color: #e8edf5;
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+        line-height: 1.6;
+      }
+
+      .card {
+        width: 100%;
+        max-width: 620px;
+        padding: clamp(24px, 6vw, 48px);
+        border: 1px solid #2a3549;
+        border-radius: 20px;
+        background: #151e2e;
+        box-shadow: 0 20px 60px #00000040;
+      }
+
+      h1 {
+        margin: 0 0 24px;
+        font-size: clamp(1.5rem, 5vw, 2.25rem);
+        line-height: 1.25;
+        letter-spacing: -0.03em;
+      }
+
+      .status {
+        margin: 0 0 16px;
+        color: #86efac;
+        font-weight: 600;
+      }
+
+      .description { margin: 0; color: #b7c3d5; }
+    </style>
+  </head>
+  <body>
+    <main class="card">
+      <h1>💶 Finance Dashboard</h1>
+      <p class="status">pinguAurora meldet sich zum Dienst.</p>
+      <p class="description">Hier entsteht dein persönliches Dashboard für Dividenden, Zinsen, Depot und Notgroschen.</p>
+    </main>
+  </body>
+</html>