Compare commits

...

2 Commits

Author SHA1 Message Date
3598efe955 Add Forrest Mims Mini-Notebooks resource link
Links the homepage reference row to forrest.warehack.ing/mims/ — the classic
hand-drawn Engineer's Mini-Notebook series. Custom spiral-notebook SVG with a
sketched resistor zigzag, in warm amber to sit apart from the teal IC chip.
2026-07-04 19:12:56 -06:00
a56675720a Fix oscilloscope tracks: transcode N-Spheres FLAC to MP3
The 5 N-Spheres tracks shipped as full-length FLAC (30-52MB each, ~189MB
total) and failed to play in Safari/iOS (flaky FLAC support). Transcode to
192kbps MP3 (~41MB total, stereo preserved for the XY Lissajous) which plays
everywhere. Matches the working spirals_shrt.mp3 pattern.
2026-07-04 19:12:56 -06:00
12 changed files with 32 additions and 5 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -125,11 +125,11 @@
// ── Signal configuration ──────────────────────────────────
const SIGNALS = [
{ id: 'spirals', name: 'Spirals', src: '/spirals_shrt.mp3', artist: 'Jerobeam Fenderson', license: 'CC BY-NC-SA 4.0', link: 'http://oscilloscopemusic.com/' },
{ id: 'function', name: 'Function', src: '/n-spheres/function.flac', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'intersect', name: 'Intersect', src: '/n-spheres/intersect.flac', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'attractor', name: 'Attractor', src: '/n-spheres/attractor.flac', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'flux', name: 'Flux', src: '/n-spheres/flux.flac', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'core', name: 'Core', src: '/n-spheres/core.flac', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'function', name: 'Function', src: '/n-spheres/function.mp3', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'intersect', name: 'Intersect', src: '/n-spheres/intersect.mp3', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'attractor', name: 'Attractor', src: '/n-spheres/attractor.mp3', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'flux', name: 'Flux', src: '/n-spheres/flux.mp3', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
{ id: 'core', name: 'Core', src: '/n-spheres/core.mp3', artist: 'Fenderson & Hansi3D', album: 'N-Spheres' },
] as const;
// ── Skin configuration ────────────────────────────────────

View File

@ -156,6 +156,33 @@ try {
<Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
</a>
<a href="https://forrest.warehack.ing/mims/" target="_blank" rel="noopener noreferrer"
class="inline-flex items-center gap-4 px-5 py-3 rounded-lg border border-slate-700
hover:border-slate-500 hover:bg-slate-800/40 transition-colors group">
<!-- Inline spiral-notebook SVG with a hand-sketched resistor zigzag — a nod to Mims' hand-drawn schematics -->
<svg viewBox="0 0 120 32" class="w-24 h-8 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" aria-label="Hand-drawn electronics mini-notebook">
<!-- Notebook cover -->
<rect x="30" y="4" width="60" height="24" rx="2" fill="rgba(217,119,6,0.08)" stroke="rgba(217,119,6,0.6)" stroke-width="1.5"/>
<!-- Spiral binding rings on the left edge -->
<line x1="30" y1="9" x2="24" y2="9" stroke="rgba(217,119,6,0.5)" stroke-width="1.5"/>
<line x1="30" y1="16" x2="24" y2="16" stroke="rgba(217,119,6,0.5)" stroke-width="1.5"/>
<line x1="30" y1="23" x2="24" y2="23" stroke="rgba(217,119,6,0.5)" stroke-width="1.5"/>
<!-- Hand-drawn resistor zigzag inside the notebook -->
<polyline points="42,16 48,11 54,21 60,11 66,21 72,11 78,16" fill="none" stroke="rgba(217,119,6,0.55)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Terminal node dot -->
<circle cx="83" cy="16" r="1.6" fill="rgba(217,119,6,0.65)"/>
</svg>
<div>
<span class="text-sm font-semibold text-slate-200 group-hover:text-slate-100">
Forrest Mims Mini-Notebooks
</span>
<span class="block text-xs text-slate-500">
15 classic hand-drawn electronics guides
</span>
</div>
<Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
</a>
</div>
</section>