6927a27f92
* Initial plan * Fix PWA: autoUpdate, correct icon (png), virtual:pwa-register, fix icon href base path Co-authored-by: RMCampos <2219519+RMCampos@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: RMCampos <2219519+RMCampos@users.noreply.github.com>
65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
<meta name="theme-color" content="#000000">
|
||
<title>Stress-Free Days Tracker</title>
|
||
<link rel="icon" type="image/png" href="icon.png">
|
||
<link rel="stylesheet" href="/src/style.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<h1>🚀 Stress-Free Days Tracker</h1>
|
||
|
||
<div class="days-banner">
|
||
<div class="days-number" id="daysCounter">0</div>
|
||
<div class="days-text">Days Without Stress</div>
|
||
</div>
|
||
|
||
<button class="bug-button" onclick="reportBug()">
|
||
😡 Report Stress
|
||
</button>
|
||
|
||
<div class="calendar">
|
||
<div class="calendar-header">
|
||
<button class="calendar-nav" onclick="previousMonth()">‹ Previous</button>
|
||
<div class="calendar-title" id="calendarTitle">Month Year</div>
|
||
<button class="calendar-nav" onclick="nextMonth()">Next ›</button>
|
||
</div>
|
||
<div class="calendar-grid" id="calendarGrid">
|
||
<!-- Calendar will be generated here -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="stats">
|
||
<div class="stat-card">
|
||
<div class="stat-number" id="totalBugs">0</div>
|
||
<div class="stat-label">Total Stressed Days</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-number" id="longestStreak">0</div>
|
||
<div class="stat-label">Longest Streak</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-number" id="currentMonth">0</div>
|
||
<div class="stat-label">Stress This Month</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="toast" id="toast"></div>
|
||
|
||
<div class="update-notification" id="updateNotification">
|
||
<div class="update-content">
|
||
<span class="update-message">New version available!</span>
|
||
<button class="update-btn" id="updateBtn">Yup</button>
|
||
<button class="update-dismiss" id="dismissBtn">×</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="module" src="/src/index.js"></script>
|
||
</body>
|
||
</html>
|
||
|