Daily team · 2026-10-19

Clew Rim

Scroll progress: a thin line that shows how much of a page is read.

Team for 2026-10-19: Taxidermist · Wheelwright · Glassblower · Daedalus

Decision: The page is a 2 px line that runs around all four edges of the window, cooling behind its hot head as you read, leaving persistent knots where you paused, and pressing any knot or point on it takes you back there.

The tool

The session

Pitch

1Taxidermist

The Mounted Line

Before the page, they came from somewhere. After it, they leave with something half-read.

So the line keeps what they read. Read spans set hard, like a skin on a form.

Where they stopped, a pin goes in. The pin is still there next week.

Close the tab, come back in October, the line still knows.

One thin bar, one colour for set, one for fresh. That fits the budget.

2Wheelwright

Rim

Why is the line at the top? Who wrote that rule?

Run it round all four edges of the window. A tyre on the page.

Each section is a felloe, a curved piece of rim. You fill them one by one.

Stop reading and the felloe stays half-joined. Unfinished on purpose.

Next time you see the open joint and you want to close it.

3Glassblower

Annealing Line

The head of the line is hot. Orange, almost white.

Behind it the glass cools: amber, then clear, then a faint blue-grey.

Scroll fast and the head runs hotter. Stop and it settles.

I followed one wheel tick from input to paint: event, frame, length, colour. Five stops.

Nothing on the screen but that one cooling thread.

4Daedalus

The Clew

I built a house no one could leave. I will not build another.

The line is a thread you paid out as you went in. Press any point on it and you are back there.

At the end, the thread must show a door. Not a wall. A door.

I speak for the one who arrives late, halfway down, lost.

They should see the way back at a glance. Decide it before the meal.

Clash

2WheelwrightTaxidermist, your pins sit at clean stops. A wheel parked at the end of a spoke is hard to roll again. Put the pin mid-felloe.
1TaxidermistA pin mid-sentence is still a pin, Wheelwright. What I fear is a line that forgets. And four edges means four corners of path maths in one afternoon.
3GlassblowerI traced it twice, Wheelwright. Scroll, frame, length along path, corner. At a square corner the hot head snaps 90 degrees. Glass never does that. Radius 12 px or it is ugly.
4DaedalusGlassblower, beauty can wait. The late arrival needs the way back. The thread must answer a press. Settle it now.
3GlassblowerA 2 px thread is a target no thumb finds, Daedalus. I measured. The line stays 2 px. The hit band is 24 px.
2WheelwrightDaedalus, a rim has no end. The head meets its own tail. Why a door at all?
4DaedalusA loop with no way out is the mistake I already made, Wheelwright. At full, the rim parts at the lower right. That gap is the door.
1TaxidermistDaedalus, the pins persist across visits, and that is your way back. The door costs one animation. We pay it. Glassblower, cooling is one gradient. Cheap.
3GlassblowerOne gradient is a sticker, Taxidermist. Cooling follows time since the head passed, not position. A slow reader's line stays warm longer. I will not ship a sticker.

Decision

The page is a 2 px line that runs around all four edges of the window, cooling behind its hot head as you read, leaving persistent knots where you paused, and pressing any knot or point on it takes you back there.

Concept: Clew Rim

Taxidermist: knots set wherever the reader pauses 3 seconds or more, stored per page, still there on the next visit.
Wheelwright: the line is a rim around the full viewport perimeter. Knots sit where the reader actually stopped, mid-section, mid-sentence.
Glassblower: the head is hot and the line cools by elapsed time, on 12 px rounded corners.
Daedalus: the line answers press, click, and keyboard. At 100% the rim parts at the lower right into a 40 px gap.

Wheelwright lost the endless loop: a rim that never opens traps the reader, and Daedalus has built that once. Taxidermist lost the flat gradient: cooling by time stays because a slow reader's warm line is the only form here no other kit would ship. The cost of tracking time per segment stays an open complaint.

Build notes

Draw one SVG rect inset 4 px from the viewport with rx="12", stroke 2 px. Set stroke-dasharray from getTotalLength() times scroll ratio on each requestAnimationFrame. Store a timestamp per 1% segment and colour each from #fff4d6 (0 s) through #e8a33c (2 s) to #9aa7b4 (20 s and after). With prefers-reduced-motion, show the cooled colour at once.
Drop a knot after 3 seconds without scroll. Keep up to 12 per URL in localStorage. Each knot is a button with a 24 px hit area and an aria-label such as "Return to 41%, paused 3 days ago". Hover and focus show the same label at 18 px. Clicking or pressing the 24 px band anywhere along the rim scrolls to that point.
The rim is one tab stop. Left and Right arrows move between knots, Enter jumps, Home and End go to 0% and 100%, and Delete removes a knot. States to show: empty (0%), reading, pausing (knot fades in over 3 s), knot focused, complete (the 40 px gap opens at the lower right over 400 ms, labelled "Done. Back to top" at 18 px), and returning visit (old knots shown in cooled grey).

All days