add the whole thing I guess

2026-01-11 21:42:37 -05:00
commit 4885488b51
3 changed files with 174 additions and 0 deletions
--- a/templates/index.html
+++ b/templates/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Work Week Progress</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+  <div class="container">
+    <h1>Workday Progress</h1>
+    <div class="status" id="statusText"></div>
+
+    <!-- Daily Progress -->
+    <div class="progress-bar">
+      <div class="progress-fill daily" id="dailyFill"></div>
+    </div>
+    <div class="percent" id="dailyPercent">0%</div>
+
+    <!-- Weekly Progress -->
+    <h2 class="weekly-title">Work Week Progress</h2>
+    <div class="progress-bar weekly">
+      <div class="progress-fill weekly-fill" id="weeklyFill"></div>
+    </div>
+    <div class="percent weekly-percent" id="weeklyPercent">0%</div>
+  </div>
+
+  <script>
+    const WORK_START_HOUR = 7;
+    const WORK_START_MINUTE = 0;
+    const WORK_END_HOUR = 17;
+    const WORK_END_MINUTE = 30;
+
+    const TOTAL_WORK_MINUTES = 630; // 10.5 hours
+    const WORK_DAYS = [0, 1, 2, 3]; // Sunday → Wednesday
+    const WEEKLY_DAY_WEIGHT = 100 / WORK_DAYS.length;
+
+    function updateProgress() {
+      const now = new Date();
+      const day = now.getDay();
+
+      const statusText = document.getElementById("statusText");
+      const dailyFill = document.getElementById("dailyFill");
+      const weeklyFill = document.getElementById("weeklyFill");
+      const dailyPercentText = document.getElementById("dailyPercent");
+      const weeklyPercentText = document.getElementById("weeklyPercent");
+
+      let dailyPercent = 0;
+
+      const start = new Date(now);
+      start.setHours(WORK_START_HOUR, WORK_START_MINUTE, 0, 0);
+
+      const end = new Date(now);
+      end.setHours(WORK_END_HOUR, WORK_END_MINUTE, 0, 0);
+
+      const isWorkday = WORK_DAYS.includes(day);
+
+      if (!isWorkday) {
+        statusText.textContent = "Not a workday 😌";
+      } else if (now < start) {
+        statusText.textContent = "Workday hasn't started yet";
+      } else if (now > end) {
+        dailyPercent = 100;
+        statusText.textContent = "Workday complete 🎉";
+      } else {
+        const elapsedMinutes = Math.floor((now - start) / 60000);
+        dailyPercent = Math.min((elapsedMinutes / TOTAL_WORK_MINUTES) * 100, 100);
+        statusText.textContent = "Grinding…";
+      }
+
+      // Apply daily progress
+      dailyFill.style.width = dailyPercent + "%";
+      dailyPercentText.textContent = dailyPercent.toFixed(1) + "%";
+
+      // Weekly progress
+      let completedDays = WORK_DAYS.filter(d => d < day).length;
+      let weeklyPercent =
+        (completedDays * WEEKLY_DAY_WEIGHT) +
+        (isWorkday ? (dailyPercent / 100) * WEEKLY_DAY_WEIGHT : 0);
+
+      weeklyPercent = Math.min(weeklyPercent, 100);
+
+      weeklyFill.style.width = weeklyPercent + "%";
+      weeklyPercentText.textContent = weeklyPercent.toFixed(1) + "%";
+    }
+
+    updateProgress();
+    setInterval(updateProgress, 60 * 1000);
+  </script>
+</body>
+</html>