From 4885488b51571f3826b6516ce1d4e0a0dbeb11cd Mon Sep 17 00:00:00 2001 From: josh Date: Sun, 11 Jan 2026 21:42:37 -0500 Subject: [PATCH] add the whole thing I guess --- app.py | 10 +++++ static/style.css | 73 +++++++++++++++++++++++++++++++++++ templates/index.html | 91 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 174 insertions(+) create mode 100644 app.py create mode 100644 static/style.css create mode 100644 templates/index.html diff --git a/app.py b/app.py new file mode 100644 index 0000000..7fcc529 --- /dev/null +++ b/app.py @@ -0,0 +1,10 @@ +from flask import Flask, render_template + +app = Flask(__name__) + +@app.route("/") +def index(): + return render_template("index.html") + +if __name__ == "__main__": + app.run(host="0.0.0.0", port=5000, debug=True) diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..ed27109 --- /dev/null +++ b/static/style.css @@ -0,0 +1,73 @@ +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + background: radial-gradient(circle at top, #1e293b, #020617); + color: #e5e7eb; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + margin: 0; +} + +.container { + width: 90%; + max-width: 600px; + text-align: center; +} + +h1 { + margin-bottom: 0.25rem; +} + +.weekly-title { + margin-top: 2rem; + margin-bottom: 0.5rem; + font-size: 1.2rem; + color: #cbd5f5; +} + +.status { + margin-bottom: 1rem; + font-size: 0.95rem; + color: #94a3b8; +} + +.progress-bar { + width: 100%; + height: 28px; + background: #020617; + border-radius: 999px; + overflow: hidden; + box-shadow: inset 0 0 8px rgba(0,0,0,0.8); +} + +.progress-bar.weekly { + height: 22px; +} + +.progress-fill { + height: 100%; + width: 0%; + transition: width 0.4s ease; +} + +.progress-fill.daily { + background: linear-gradient(90deg, #22c55e, #86efac); + box-shadow: 0 0 12px rgba(34,197,94,0.6); +} + +.progress-fill.weekly-fill { + background: linear-gradient(90deg, #6366f1, #a5b4fc); + box-shadow: 0 0 10px rgba(99,102,241,0.6); +} + +.percent { + margin-top: 0.6rem; + font-size: 1.05rem; + font-weight: 600; +} + +.weekly-percent { + font-size: 0.95rem; + color: #c7d2fe; +} diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..9e62213 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,91 @@ + + + + + Work Week Progress + + + + +
+

Workday Progress

+
+ + +
+
+
+
0%
+ + +

Work Week Progress

+
+
+
+
0%
+
+ + + +