Skip to content
This repository was archived by the owner on Jul 6, 2026. It is now read-only.

v0.3.0 — TE Skin + Monochrome Icon

Choose a tag to compare

View all tags
@ar-gen-tin ar-gen-tin released this 16 Mar 01:05
v0.3.0
7f1074f

Spottt v0.3.0

Complete redesign: Teenage Engineering skin, 23:9 XPan widescreen, new monochrome dot-matrix icon.

Spottt

New in v0.3.0

TE Widescreen Player

  • 23:9 XPan aspect ratio — left ASCII album art + right spectrum visualization
  • Teenage Engineering aluminum body + OLED display
  • 4 TE-colored knobs (VOL/STYLE/VIZ/FX) + transport buttons
  • Frameless window with custom TE dots (🔴🟡🟢 close/mini/fullscreen)
  • Draggable top strip

Interactions

  • GPU-composited spectrum (transform:scaleY, zero reflow)
  • Album cover crossfade transition (double-buffer, 400ms)
  • Button press feedback (:active scale)
  • Optimistic play/pause update
  • Style toast overlay on S key press
  • Progress bar 100ms client-side interpolation
  • Shuffle + Repeat wired to Spotify API
  • Native fullscreen via F key or green dot

Monochrome Machine Icon

  • 7×7 dot matrix with play-triangle luminance gradient
  • Pure white on #0f0e12 — no color
  • SVG source included
  • Matching menubar icon

Install

Download Spottt.dmg, drag to Applications, run.

Assets 3
Loading