88 lines
5.0 KiB
HTML
88 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Uber Eats Monthly Spend — July 2026</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f8f9fa; color: #1a1a2e; padding: 40px 20px; }
|
|
.card { max-width: 640px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 32px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
|
|
.header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
|
|
.icon { font-size: 36px; line-height: 1; }
|
|
h1 { font-size: 22px; font-weight: 700; color: #1a1a2e; }
|
|
.subtitle { font-size: 13px; color: #6b7280; margin-top: 2px; }
|
|
.summary-row { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
|
|
.stat { flex: 1; background: #f3f4f6; border-radius: 14px; padding: 16px; text-align: center; }
|
|
.stat-value { font-size: 22px; font-weight: 700; color: #1a1a2e; }
|
|
.stat-label { font-size: 11px; color: #6b7280; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.5px; }
|
|
.stat.up .stat-value { color: #dc2626; }
|
|
.section-title { font-size: 14px; font-weight: 600; color: #374151; margin: 24px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb; }
|
|
.order-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f3f4f6; }
|
|
.order-item:last-child { border-bottom: none; }
|
|
.order-left { display: flex; flex-direction: column; }
|
|
.order-restaurant { font-size: 14px; font-weight: 600; color: #1a1a2e; }
|
|
.order-date { font-size: 12px; color: #9ca3af; }
|
|
.order-amount { font-size: 15px; font-weight: 700; color: #1a1a2e; }
|
|
.freq-item { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; }
|
|
.freq-name { color: #1a1a2e; }
|
|
.freq-count { color: #6b7280; font-weight: 500; }
|
|
.vs { font-size: 12px; color: #9ca3af; padding: 8px 0 0; }
|
|
.vs span { color: #374151; font-weight: 500; }
|
|
.footer { font-size: 11px; color: #9ca3af; margin-top: 24px; text-align: center; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="header">
|
|
<div class="icon">🍔</div>
|
|
<div>
|
|
<h1>Uber Eats — July 2026</h1>
|
|
<div class="subtitle">Monthly spend report • 01 Aug 2026</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="summary-row">
|
|
<div class="stat">
|
|
<div class="stat-value">$264.51</div>
|
|
<div class="stat-label">Total Spend</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-value">11</div>
|
|
<div class="stat-label">Orders</div>
|
|
</div>
|
|
<div class="stat">
|
|
<div class="stat-value">$24.05</div>
|
|
<div class="stat-label">Avg/Order</div>
|
|
</div>
|
|
<div class="stat up">
|
|
<div class="stat-value">+124%</div>
|
|
<div class="stat-label">vs 2026-06</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">🍽️ Top 5 Most Expensive</div>
|
|
<div class="order-item"><div class="order-left"><span class="order-restaurant">Coles</span><span class="order-date">2026-07-11 17:02</span></div><div class="order-amount">$40.73</div></div>
|
|
<div class="order-item"><div class="order-left"><span class="order-restaurant">Foodies Market IGA</span><span class="order-date">2026-07-09 15:42</span></div><div class="order-amount">$36.35</div></div>
|
|
<div class="order-item"><div class="order-left"><span class="order-restaurant">IGA Grocery</span><span class="order-date">2026-07-23 20:31</span></div><div class="order-amount">$34.38</div></div>
|
|
<div class="order-item"><div class="order-left"><span class="order-restaurant">806 Noodle House</span><span class="order-date">2026-07-06 14:19</span></div><div class="order-amount">$24.66</div></div>
|
|
<div class="order-item"><div class="order-left"><span class="order-restaurant">Lepak Kopitiam Vic Park, also known as Yum Yum Tree Vic Park</span><span class="order-date">2026-07-09 12:56</span></div><div class="order-amount">$24.28</div></div>
|
|
|
|
|
|
<div class="section-title">🔄 Most Frequented</div>
|
|
<div class="freq-item"><span class="freq-name">Hungry Jacks</span><span class="freq-count">3 orders</span></div>
|
|
<div class="freq-item"><span class="freq-name">Angelo Street Market</span><span class="freq-count">2 orders</span></div>
|
|
<div class="freq-item"><span class="freq-name">806 Noodle House</span><span class="freq-count">2 orders</span></div>
|
|
<div class="freq-item"><span class="freq-name">IGA Grocery</span><span class="freq-count">1 order</span></div>
|
|
<div class="freq-item"><span class="freq-name">Coles</span><span class="freq-count">1 order</span></div>
|
|
<div class="freq-item"><span class="freq-name">Foodies Market IGA</span><span class="freq-count">1 order</span></div>
|
|
<div class="freq-item"><span class="freq-name">Lepak Kopitiam Vic Park</span><span class="freq-count">1 order</span></div>
|
|
|
|
|
|
<div class="vs">vs 2026-06: <span>+124%</span> in spend (+$146.46) • orders went from 3 to 11</div>
|
|
|
|
<div class="footer">Generated from Camofox authenticated Uber Eats session</div>
|
|
</div>
|
|
</body>
|
|
</html>
|