diff options
| author | Ahmed <git@gumx.cc> | 2026-06-20 00:09:11 +0300 |
|---|---|---|
| committer | Ahmed <git@gumx.cc> | 2026-06-20 00:09:11 +0300 |
| commit | f7f53feab9d3d6a6138c90057596f2fcd015ec00 (patch) | |
| tree | 174b49a9c00fdb2b522fae3f9e4ee665ed9f16a8 | |
| parent | 74f656375b4c5525871ec93617912eea8bb810a5 (diff) | |
fix: bunch of vibed edits to fix vibed edits
| -rw-r--r-- | README.md | 22 | ||||
| -rw-r--r-- | ccc.html | 6 | ||||
| -rw-r--r-- | styles/ccc.css | 2 |
3 files changed, 15 insertions, 15 deletions
@@ -8,12 +8,12 @@ Live at [coffee.gumx.cc](https://coffee.gumx.cc). Source at [git.gumx.cc/ccc](ht ## Features -- **Contributions heatmap** — 53 × 7 grid (Sunday-aligned) covering the past 52 weeks, rendered in SVG. Month labels along the top, Mon/Wed/Fri labels on the left. Today's cell has a visible outline. -- **5-level greyscale scale** — cup counts are bucketed proportionally to `MAX_CUPS` using `Math.round`. A legend is shown below the heatmap. -- **Hover tooltips** — hovering any cell shows the date and cup count in a fixed-position tooltip. -- **Two modes** — local mode (full editing, localStorage) or static site mode (read-only, fetches from a remote URL). -- **Stats** — today's cups, current streak, total cups, and daily average. -- **Light and dark mode** — full `prefers-color-scheme` support via CSS custom properties. The heatmap re-renders if the OS theme changes mid-session. +- **Contributions heatmap**: 53 x 7 grid (Sunday-aligned) covering the past 52 weeks, rendered in SVG. Month labels along the top, Mon/Wed/Fri labels on the left. Today's cell has a visible outline. +- **5-level greyscale scale**: cup counts are bucketed proportionally to `MAX_CUPS` using `Math.round`. A legend is shown below the heatmap. +- **Hover tooltips**: hovering any cell shows the date and cup count in a fixed-position tooltip. +- **Two modes**: local mode (full editing, localStorage) or static site mode (read-only, fetches from a remote URL). +- **Stats**: today's cups, current streak, total cups, and daily average. +- **Light and dark mode**: full `prefers-color-scheme` support via CSS custom properties. The heatmap re-renders if the OS theme changes mid-session. --- @@ -21,7 +21,7 @@ Live at [coffee.gumx.cc](https://coffee.gumx.cc). Source at [git.gumx.cc/ccc](ht | File | Description | |---|---| -| `ccc.html` | The entire application — one self-contained HTML file | +| `ccc.html` | The entire application: one self-contained HTML file | | `data.json` | Example data file for static site mode | | `README.md` | This document | | `LICENSE` | MIT licence | @@ -52,8 +52,8 @@ A hint below the log controls reads: *"click any cell to edit that day's count"* ### Import and Export -- **Export JSON** — downloads your current data as `ccc-data.json`. -- **Import JSON** — opens a file picker; selecting a valid JSON file replaces the current data. Invalid files show an alert. +- **Export JSON**: downloads your current data as `ccc-data.json`. +- **Import JSON**: opens a file picker; selecting a valid JSON file replaces the current data. Invalid files show an alert. The data format is described below. @@ -67,7 +67,7 @@ In static site mode: - All editing controls are hidden. - Import and export are unavailable. -- A **"static site mode — read-only"** notice appears below the title. +- A **"static site mode: read-only"** notice appears below the title. - Data is never written to `localStorage`. To use static site mode, host `ccc.html` and `data.json` on any static hosting service (GitHub Pages, Netlify, etc.), then set `DATA_URL` to the full URL of `data.json`. @@ -116,4 +116,4 @@ Data is stored as a JSON object with a single `entries` key. Each entry is a dat ## Licence -MIT — see [LICENSE](LICENSE). +MIT. see [LICENSE](LICENSE). @@ -35,7 +35,7 @@ <h1>coffee</h1> <div id="ccc-intro"> - <p>A minimal coffee tracker. Log your daily cups and track your habits. Data lives in your browser — no account needed.</p> + <p>A minimal coffee tracker. Log your daily cups and track your habits. Data lives in your browser, no account needed.</p> </div> <div class="heatmap-wrap"> @@ -93,7 +93,7 @@ <script> // ───────────────────────────────────────────────────────────── - // CONFIG — edit these values to configure the app + // CONFIG: edit these values to configure the app // ───────────────────────────────────────────────────────────── const CONFIG = { DATA_URL: "data.json", // "" = local mode | "<url>" = static site mode @@ -267,7 +267,7 @@ g.addEventListener("mouseenter", (e) => { const cups = entries[iso] || 0; const label = cups === 1 ? "cup" : "cups"; - tooltip.textContent = `${formatDisplay(iso)} — ${cups} ${label}`; + tooltip.textContent = `${formatDisplay(iso)}: ${cups} ${label}`; tooltip.style.display = "block"; positionTooltip(e); }); diff --git a/styles/ccc.css b/styles/ccc.css index cbf4853..edb0899 100644 --- a/styles/ccc.css +++ b/styles/ccc.css @@ -1,4 +1,4 @@ -/* ccc app-specific styles — base typography/layout from /styles/main.css */ +/* ccc app-specific styles; base typography/layout from /styles/main.css */ /* Extra reset the app needs beyond main.css */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } |
