Add standalone spending dashboards (Amazon AU + Uber)
- Amazon: 9,400 across 565 orders (2021-2026) - Uber: 7,534 across 559 orders (Eats + Rides) - Fully self-contained HTML files with embedded data - Interactive charts, year filtering, searchable tables
This commit is contained in:
42
index.html
Normal file
42
index.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spending Dashboards</title>
|
||||
<style>
|
||||
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0a0a1a;color:#e0e0e0;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}
|
||||
.wrap{text-align:center;max-width:600px;padding:40px}
|
||||
h1{font-size:2.5em;margin-bottom:10px}
|
||||
.sub{color:#666;margin-bottom:40px}
|
||||
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
|
||||
.card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;padding:30px;width:220px;text-decoration:none;color:#e0e0e0;transition:all .3s}
|
||||
.card:hover{transform:translateY(-4px);border-color:#FF9900;box-shadow:0 8px 30px rgba(255,153,0,.2)}
|
||||
.card h2{margin:0 0 8px 0;font-size:1.3em}
|
||||
.card .icon{font-size:2.5em;margin-bottom:12px}
|
||||
.amazon h2{color:#FF9900}
|
||||
.uber h2{color:#06C167}
|
||||
.card p{color:#888;font-size:.9em;margin:0}
|
||||
.footer{margin-top:40px;color:#444;font-size:.8em}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<h1>Spending Dashboards</h1>
|
||||
<p class="sub">Personal finance tracking — built with data exports</p>
|
||||
<div class="cards">
|
||||
<a href="amazon-dashboard.html" class="card amazon">
|
||||
<div class="icon">📦</div>
|
||||
<h2>Amazon AU</h2>
|
||||
<p>$19,400 across 565 orders<br>6 years of spending data</p>
|
||||
</a>
|
||||
<a href="uber-dashboard.html" class="card uber">
|
||||
<div class="icon">🚗</div>
|
||||
<h2>Uber</h2>
|
||||
<p>$17,534 across 559 orders<br>Eats + Rides breakdown</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer">Built by Hermes AI • Data from email scraping & CSV exports</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user