Compare commits
7 Commits
d77ed7ed31
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| ca4ac4c3ac | |||
| 6471d72b74 | |||
| 4e2d489632 | |||
| f964b6e344 | |||
| 3fbf19a271 | |||
| 35bce6e53d | |||
| 4c7d05abd0 |
16
README.md
16
README.md
@@ -1,4 +1,4 @@
|
|||||||
# Work Week Progress Bar
|
# Day Drain
|
||||||
|
|
||||||
Because staring at the clock is bad for morale, but staring at a **progress bar** is somehow motivating.
|
Because staring at the clock is bad for morale, but staring at a **progress bar** is somehow motivating.
|
||||||
|
|
||||||
@@ -9,7 +9,7 @@ This is a small Flask-powered web app that visualizes:
|
|||||||
It progresses **only during your scheduled work hours**
|
It progresses **only during your scheduled work hours**
|
||||||
|
|
||||||
### Daily Progress Bar
|
### Daily Progress Bar
|
||||||
- Advances **every minute** (configurable)
|
- Advances **every 10ms** (configurable)
|
||||||
- Only runs **on workdays**
|
- Only runs **on workdays**
|
||||||
- Only during **work hours**
|
- Only during **work hours**
|
||||||
|
|
||||||
@@ -19,6 +19,9 @@ It progresses **only during your scheduled work hours**
|
|||||||
- During the day, the bar fills smoothly
|
- During the day, the bar fills smoothly
|
||||||
- End of Workweek = **100% freedom**
|
- End of Workweek = **100% freedom**
|
||||||
|
|
||||||
|
### Demo Site
|
||||||
|
https://daydrain.com
|
||||||
|
|
||||||
### Configuration
|
### Configuration
|
||||||
|
|
||||||
| Variable | Default | Description |
|
| Variable | Default | Description |
|
||||||
@@ -26,11 +29,4 @@ It progresses **only during your scheduled work hours**
|
|||||||
| WORK_START_TIME | 07:00 | Workday start (HH:MM) |
|
| WORK_START_TIME | 07:00 | Workday start (HH:MM) |
|
||||||
| WORK_END_TIME | 17:30 | Workday end (HH:MM) |
|
| WORK_END_TIME | 17:30 | Workday end (HH:MM) |
|
||||||
| WORK_DAYS | 0,1,2,3 | JS day numbers (Sun=0) |
|
| WORK_DAYS | 0,1,2,3 | JS day numbers (Sun=0) |
|
||||||
| UPDATE_INTERVAL_MS | 60000 | Update frequency |
|
| UPDATE_INTERVAL_MS | 10 | Update frequency |
|
||||||
|
|
||||||
## Tech Stack
|
|
||||||
|
|
||||||
- **Flask** – serves the page and minds its business
|
|
||||||
- **Vanilla JavaScript** – handles all time logic client-side
|
|
||||||
- **HTML + CSS** – gradients, glow, and just enough polish
|
|
||||||
- **Zero databases** – this app remembers nothing, like a healthy coping mechanism
|
|
||||||
|
|||||||
@@ -2,13 +2,13 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Work Week Progress</title>
|
<title>Day Drain</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>Workday Progress</h1>
|
<h1>Day Drain</h1>
|
||||||
<div class="status" id="statusText"></div>
|
<div class="status" id="statusText"></div>
|
||||||
|
|
||||||
<!-- Daily Progress -->
|
<!-- Daily Progress -->
|
||||||
|
|||||||
Reference in New Issue
Block a user