Add favicon and hero schematic to docs landing page
Some checks failed
CI / Lint and Format (push) Has been cancelled
CI / Test Python 3.11 on macos-latest (push) Has been cancelled
CI / Test Python 3.12 on macos-latest (push) Has been cancelled
CI / Test Python 3.13 on macos-latest (push) Has been cancelled
CI / Test Python 3.10 on ubuntu-latest (push) Has been cancelled
CI / Test Python 3.11 on ubuntu-latest (push) Has been cancelled
CI / Test Python 3.12 on ubuntu-latest (push) Has been cancelled
CI / Test Python 3.13 on ubuntu-latest (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
CI / Build Package (push) Has been cancelled

IC chip favicon eliminates the 404. Hero image shows an actual
schematic fragment (MCU, decoupling cap, LED circuit, pull-up)
so the landing page demonstrates the output, not the technology.
This commit is contained in:
Ryan Malloy 2026-03-09 05:13:07 -06:00
parent b61967f32f
commit 7149735d4b
3 changed files with 139 additions and 0 deletions

View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- IC body -->
<rect x="7" y="4" width="18" height="24" rx="2" fill="#2d8659"/>
<!-- Pin 1 notch -->
<circle cx="12" cy="7" r="1.5" fill="#1a3a2a"/>
<!-- Pins left -->
<line x1="2" y1="11" x2="7" y2="11" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
<line x1="2" y1="16" x2="7" y2="16" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
<line x1="2" y1="21" x2="7" y2="21" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
<!-- Pins right -->
<line x1="25" y1="11" x2="30" y2="11" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
<line x1="25" y1="16" x2="30" y2="16" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
<line x1="25" y1="21" x2="30" y2="21" stroke="#a8dbbe" stroke-width="2" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 858 B

View File

@ -0,0 +1,122 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 380" fill="none">
<!-- Background grid (subtle engineering paper feel) -->
<defs>
<pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#1a3a2a" stroke-width="0.5" opacity="0.3"/>
</pattern>
</defs>
<rect width="520" height="380" fill="#0f1a14" rx="12"/>
<rect x="10" y="10" width="500" height="360" fill="url(#grid)" rx="8"/>
<!-- IC symbol (U1 — microcontroller) -->
<rect x="200" y="80" width="120" height="160" rx="3" stroke="#2d8659" stroke-width="2" fill="none"/>
<circle cx="215" cy="92" r="4" stroke="#2d8659" stroke-width="1.5" fill="none"/>
<text x="260" y="72" text-anchor="middle" fill="#a8dbbe" font-family="monospace" font-size="11">U1</text>
<!-- IC pin labels left -->
<text x="208" y="122" fill="#5a9e78" font-family="monospace" font-size="9">VCC</text>
<text x="208" y="152" fill="#5a9e78" font-family="monospace" font-size="9">PA0</text>
<text x="208" y="182" fill="#5a9e78" font-family="monospace" font-size="9">PA1</text>
<text x="208" y="212" fill="#5a9e78" font-family="monospace" font-size="9">GND</text>
<!-- IC pin labels right -->
<text x="312" y="122" text-anchor="end" fill="#5a9e78" font-family="monospace" font-size="9">PB0</text>
<text x="312" y="152" text-anchor="end" fill="#5a9e78" font-family="monospace" font-size="9">PB1</text>
<text x="312" y="182" text-anchor="end" fill="#5a9e78" font-family="monospace" font-size="9">PB2</text>
<text x="312" y="212" text-anchor="end" fill="#5a9e78" font-family="monospace" font-size="9">RESET</text>
<!-- Pin stubs left -->
<line x1="180" y1="118" x2="200" y2="118" stroke="#2d8659" stroke-width="1.5"/>
<line x1="180" y1="148" x2="200" y2="148" stroke="#2d8659" stroke-width="1.5"/>
<line x1="180" y1="178" x2="200" y2="178" stroke="#2d8659" stroke-width="1.5"/>
<line x1="180" y1="208" x2="200" y2="208" stroke="#2d8659" stroke-width="1.5"/>
<!-- Pin stubs right -->
<line x1="320" y1="118" x2="340" y2="118" stroke="#2d8659" stroke-width="1.5"/>
<line x1="320" y1="148" x2="340" y2="148" stroke="#2d8659" stroke-width="1.5"/>
<line x1="320" y1="178" x2="340" y2="178" stroke="#2d8659" stroke-width="1.5"/>
<line x1="320" y1="208" x2="340" y2="208" stroke="#2d8659" stroke-width="1.5"/>
<!-- VCC power rail wire -->
<line x1="120" y1="118" x2="180" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<!-- VCC power symbol -->
<line x1="120" y1="118" x2="120" y2="100" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="112" y1="100" x2="128" y2="100" stroke="#a8dbbe" stroke-width="2"/>
<text x="120" y="94" text-anchor="middle" fill="#a8dbbe" font-family="monospace" font-size="9">VCC</text>
<!-- GND symbol -->
<line x1="120" y1="208" x2="180" y2="208" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="120" y1="208" x2="120" y2="226" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="110" y1="226" x2="130" y2="226" stroke="#a8dbbe" stroke-width="2"/>
<line x1="114" y1="230" x2="126" y2="230" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="117" y1="234" x2="123" y2="234" stroke="#a8dbbe" stroke-width="1"/>
<!-- Decoupling cap (C1) between VCC and GND -->
<line x1="80" y1="118" x2="80" y2="145" stroke="#2d8659" stroke-width="1.5"/>
<line x1="72" y1="145" x2="88" y2="145" stroke="#2d8659" stroke-width="2"/>
<line x1="72" y1="151" x2="88" y2="151" stroke="#2d8659" stroke-width="2"/>
<line x1="80" y1="151" x2="80" y2="208" stroke="#2d8659" stroke-width="1.5"/>
<!-- Cap junction to VCC rail -->
<line x1="80" y1="118" x2="120" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<circle cx="120" cy="118" r="2.5" fill="#a8dbbe"/>
<!-- Cap junction to GND rail -->
<line x1="80" y1="208" x2="120" y2="208" stroke="#a8dbbe" stroke-width="1.5"/>
<circle cx="120" cy="208" r="2.5" fill="#a8dbbe"/>
<text x="64" y="152" fill="#a8dbbe" font-family="monospace" font-size="9">C1</text>
<text x="58" y="162" fill="#5a9e78" font-family="monospace" font-size="8">100nF</text>
<!-- LED + resistor on PB0 -->
<!-- Wire from PB0 -->
<line x1="340" y1="118" x2="380" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<!-- Resistor R1 (zigzag) -->
<polyline points="380,118 384,112 390,124 396,112 402,124 408,112 412,118" stroke="#2d8659" stroke-width="1.5" fill="none"/>
<line x1="412" y1="118" x2="440" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<text x="396" y="106" text-anchor="middle" fill="#a8dbbe" font-family="monospace" font-size="9">R1</text>
<text x="396" y="136" text-anchor="middle" fill="#5a9e78" font-family="monospace" font-size="8">330R</text>
<!-- LED D1 (triangle + line) -->
<polygon points="440,110 440,126 456,118" stroke="#2d8659" stroke-width="1.5" fill="none"/>
<line x1="456" y1="110" x2="456" y2="126" stroke="#2d8659" stroke-width="1.5"/>
<!-- LED arrows (light emission) -->
<line x1="449" y1="106" x2="454" y2="100" stroke="#5a9e78" stroke-width="1"/>
<line x1="453" y1="108" x2="458" y2="102" stroke="#5a9e78" stroke-width="1"/>
<text x="448" y="140" text-anchor="middle" fill="#a8dbbe" font-family="monospace" font-size="9">D1</text>
<!-- LED to GND -->
<line x1="456" y1="118" x2="480" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="480" y1="118" x2="480" y2="226" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="470" y1="226" x2="490" y2="226" stroke="#a8dbbe" stroke-width="2"/>
<line x1="474" y1="230" x2="486" y2="230" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="477" y1="234" x2="483" y2="234" stroke="#a8dbbe" stroke-width="1"/>
<!-- Net label on PA0 -->
<line x1="140" y1="148" x2="180" y2="148" stroke="#a8dbbe" stroke-width="1.5"/>
<text x="140" y="144" fill="#a8dbbe" font-family="monospace" font-size="9">SDA</text>
<!-- Net label on PA1 -->
<line x1="140" y1="178" x2="180" y2="178" stroke="#a8dbbe" stroke-width="1.5"/>
<text x="140" y="174" fill="#a8dbbe" font-family="monospace" font-size="9">SCL</text>
<!-- Wire on PB1 trailing off -->
<line x1="340" y1="148" x2="370" y2="148" stroke="#2d8659" stroke-width="1.5" stroke-dasharray="4,3"/>
<!-- Wire on PB2 trailing off -->
<line x1="340" y1="178" x2="370" y2="178" stroke="#2d8659" stroke-width="1.5" stroke-dasharray="4,3"/>
<!-- Pull-up resistor on RESET -->
<line x1="340" y1="208" x2="380" y2="208" stroke="#a8dbbe" stroke-width="1.5"/>
<line x1="380" y1="208" x2="380" y2="188" stroke="#a8dbbe" stroke-width="1.5"/>
<!-- Resistor R2 vertical -->
<polyline points="380,188 374,184 386,178 374,172 386,166 374,160 380,156" stroke="#2d8659" stroke-width="1.5" fill="none"/>
<line x1="380" y1="156" x2="380" y2="118" stroke="#a8dbbe" stroke-width="1.5"/>
<!-- Junction with VCC rail extension -->
<circle cx="380" cy="118" r="2.5" fill="#a8dbbe"/>
<text x="392" y="176" fill="#a8dbbe" font-family="monospace" font-size="9">R2</text>
<text x="392" y="186" fill="#5a9e78" font-family="monospace" font-size="8">10K</text>
<!-- Title block hint (bottom right) -->
<rect x="340" y="300" width="160" height="60" rx="2" stroke="#1a3a2a" stroke-width="1" fill="none"/>
<line x1="340" y1="320" x2="500" y2="320" stroke="#1a3a2a" stroke-width="0.5"/>
<line x1="340" y1="340" x2="500" y2="340" stroke="#1a3a2a" stroke-width="0.5"/>
<text x="350" y="314" fill="#2d8659" font-family="monospace" font-size="8">LED Blinker</text>
<text x="350" y="334" fill="#1a3a2a" font-family="monospace" font-size="7">mckicad</text>
<text x="350" y="354" fill="#1a3a2a" font-family="monospace" font-size="7">Rev A</text>
</svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

@ -5,6 +5,9 @@ template: splash
hero:
title: "Describe what you need. Watch it happen."
tagline: "mckicad connects natural conversation to KiCad's full toolchain. No plugins. No GUI macros. Just say what you're working on."
image:
file: ../../assets/hero-schematic.svg
alt: "A KiCad schematic showing a microcontroller with decoupling capacitor, LED circuit, and pull-up resistor — the kind of design mckicad creates from a conversation."
actions:
- text: Get Started
link: /getting-started/installation/