code-sinth

Go to file

Jose Luis Montañes baca3c2df1 sandbox/studio: metallic ring on knobs, top/bottom bars, recessed code

Three changes following the reference more closely:

1. Knobs now have a metallic outer bezel (chrome ring): vertical
   gradient running silver at the top → dark at the bottom, with a
   thin highlight on the upper crescent. The dark dial sits inside
   it with a slight inner shadow showing depth. Size bumped to 56px
   so the bezel is visible.

2. Layout split into two stacks:
   - left-stack: top-bar / screen / bottom-bar (vertical strip)
   - right-stack: knobs / seq

3. Top bar: STOP+RUN as a tight pair (no gap), buttons stretch to
   the bar's full height. Bottom bar matches the top bar visually
   and shows a "● RUNNING_" label with the pulsing amber dot, no
   longer inside the code area.

4. Code area is now *recessed* into the rack — no separate bordered
   panel. Inset shadows + slightly darker background simulate a
   cutout / screen window in the metal frame.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-01 18:01:24 +02:00

code_sinth

initial: code-sinth — DSL-driven modular synth (Python engine + web app)

2026-05-01 17:37:06 +02:00

docs

track 1: foundation polish — splitter, custom scrollbars, micro-states

2026-05-01 17:42:53 +02:00

examples

initial: code-sinth — DSL-driven modular synth (Python engine + web app)

2026-05-01 17:37:06 +02:00

viz

initial: code-sinth — DSL-driven modular synth (Python engine + web app)