Skip to content
h✳habitatsmall world.
big little lives.
HomeHow it livesDevelopment logDesign libraryAbout
Deutsch
Back to the development log
Website2026-10-16T00:16:27.707547+02:00

A little movement, an immediate response

Can the website feel as welcoming as the village? Menus and buttons now respond with a little softness, while flowers and the sun move gently. Motion can be paused, and system preferences come first.

A historical website layout accompanying this development entry.↗
Website screenshot · final German phone menu. The design and language switch remain familiar; separate state checks verify its interaction.16 Oct 2026
A historical website layout accompanying this development entry.↗
Website screenshot · footer control after pausing decorative motion. The preference also persisted when opening the German edition.16 Oct 2026
A historical website layout accompanying this development entry.↗
Website screenshot · the existing desktop sun beside the activity cards. A still records appearance; changing browser transforms verify its slow movement.16 Oct 2026
Full entry & measurements

The German edition was pushed first in the separate website-only commit 55bf46d. This subsequent refinement keeps the design, both languages and reviewed sharing image. The mobile menu expands and collapses with a computed 200 ms height/margin transition, 140 ms opacity and 180 ms translation. ARIA and inert states update immediately; closed links are excluded from keyboard focus, Escape returns focus, and JavaScript now shares the CSS 900 px breakpoint. Buttons have brief pressed/hover/focus feedback; details, diagram panels and dialogs enter over 160 ms. Existing flower, sun, sprout and sparkle decorations animate only transforms, do not intercept clicks and pause on hidden pages. The footer Journal tools pause button persists across English/German and storage denial is handled; reduced motion takes priority. On 16 October 2026 the current publication/localization/export/evidence/overview/font suites passed 124 tests in 18.28 seconds. Actual-handler Node verification passed five new interaction tests plus 28 existing renderer/appearance checks. Browser verification passed 10/10 language/breakpoint conditions (English/German at 320, 820, 900, 901 and 1280 px) without horizontal overflow; Space/Enter/Escape and visible keyboard focus were checked. Actual computed flower/sun transforms changed between samples, while pause returned animation-play-state paused and German Resume restored running. Explicit local reduced-motion emulation reported no flower/sun animation, zero-second menu transitions and the disabled German system-controlled button. This used a labeled private fixture with forced media branches and a local matchMedia shim; it is not an OS preference measurement. Six reviewed website stills preserve original, intermediate, pause, reduced and final appearances; stills do not prove motion. Final source app.js SHA-256 f47b8b1c97264f70adabfa05d61cc2d139870b4e31abb74052d51e7c8b1a783a and style.css SHA-256 6919255653c89185b24daf21e143665a59388889fe7974c4e091fa149df3f4f7 were recorded by the Node renderer at 00:14:28 Zurich. No sustained frame-rate or input-latency acceptance was measured. Source and captures: docs/public-website.md. Next: owner Plesk deployment and assessment on the actual phone/browser. A website push alone does not establish a live update.

habitat ✳

A small experiment. An unfolding story.

Follow the progressMeet the makerRSS feed →
A curated development journal · Unity + Python
Feeds & updates
Published snapshot

Capture details & source