warehack.ing/spicebook
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Forrest Mims Mini-Notebooks resource link

Browse Source 
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.
This commit is contained in:
Ryan Malloy 2026-07-04 19:12:56 -06:00
parent afb8218b00
commit 953b3efd58
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/pages/index.astro
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>