A little tracker using only variables, integers, calc, and counters to do all of your updating. (As this is mostly intended for use on forums, current and goal count variables are kept to HTML for ease for forum users uncomfortable with code.) Hover over each goal to see numerical progress.
Shreyanshsum
Shreyanshsum
/ cc-019-writing-tracker.markdown
Created
October 7, 2025 15:07
CC#019 | writing tracker
Shreyanshsum
/ cc-019-writing-tracker.markdown
Created
October 7, 2025 15:07
CC#019 | writing tracker
A little tracker using only variables, integers, calc, and counters to do all of your updating. (As this is mostly intended for use on forums, current and goal count variables are kept to HTML for ease for forum users uncomfortable with code.) Hover over each goal to see numerical progress.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="p-6 md:p-8 bg-brutal-gray"> | |
| <div class="container mx-auto max-w-6xl"> | |
| <header class="mb-12"> | |
| <h1 class="text-4xl md:text-5xl mb-4">Neo Brutalist UI</h1> | |
| <p class="text-lg max-w-2xl">A professional collection of raw, functional components with intentional design constraints.</p> | |
| </header> | |
| <!-- Navigation --> | |
| <nav class="mb-12"> | |
| <ul class="flex flex-wrap gap-4"> |
Shreyanshsum
/ cc-019-writing-tracker.markdown
Created
October 7, 2025 14:44
CC#019 | writing tracker
A little tracker using only variables, integers, calc, and counters to do all of your updating. (As this is mostly intended for use on forums, current and goal count variables are kept to HTML for ease for forum users uncomfortable with code.) Hover over each goal to see numerical progress.
An emotional rating that involves a trick of setting a negative delay for animations while paused. CSS variables are also used to set the color tones.
A Pen by Jon Kantner on CodePen.