ertuncozbay.dev/hardware-software-bridge.svg

26 lines
2.4 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 220" role="img" aria-labelledby="hwsw-title hwsw-desc">
<title id="hwsw-title">Hardware and Software Systems Philosophy Diagram</title>
<desc id="hwsw-desc">Diagram showing how electronics and physical components connect through embedded firmware and C code to higher-level software and human judgment.</desc>
<rect width="760" height="220" rx="10" fill="#0f141c" stroke="#2a3546" stroke-width="2"/>
<rect x="28" y="42" width="210" height="136" rx="8" fill="#161e2b" stroke="#e5a93c" stroke-width="1.6"/>
<text x="44" y="72" fill="#e5a93c" font-family="monospace" font-size="12" font-weight="bold">LAYER 01 // HARDWARE</text>
<text x="44" y="98" fill="#e6edf3" font-family="sans-serif" font-size="14" font-weight="bold">Circuits &amp; Electronics</text>
<text x="44" y="122" fill="#9fb0c4" font-family="sans-serif" font-size="12">Physical components, power,</text>
<text x="44" y="140" fill="#9fb0c4" font-family="sans-serif" font-size="12">signals, actuators &amp; boards</text>
<line x1="238" y1="110" x2="274" y2="110" stroke="#4db6ac" stroke-width="2.2"/>
<rect x="274" y="42" width="212" height="136" rx="8" fill="#161e2b" stroke="#4db6ac" stroke-width="1.6"/>
<text x="290" y="72" fill="#4db6ac" font-family="monospace" font-size="12" font-weight="bold">LAYER 02 // BRIDGE</text>
<text x="290" y="98" fill="#e6edf3" font-family="sans-serif" font-size="14" font-weight="bold">Embedded &amp; Low-Level</text>
<text x="290" y="122" fill="#9fb0c4" font-family="sans-serif" font-size="12">C programming, registers,</text>
<text x="290" y="140" fill="#9fb0c4" font-family="sans-serif" font-size="12">future Assembly &amp; internals</text>
<line x1="486" y1="110" x2="522" y2="110" stroke="#e5a93c" stroke-width="2.2"/>
<rect x="522" y="42" width="210" height="136" rx="8" fill="#161e2b" stroke="#7986cb" stroke-width="1.6"/>
<text x="538" y="72" fill="#9fa8da" font-family="monospace" font-size="12" font-weight="bold">LAYER 03 // SOFTWARE</text>
<text x="538" y="98" fill="#e6edf3" font-family="sans-serif" font-size="14" font-weight="bold">Tools &amp; Human Judgment</text>
<text x="538" y="122" fill="#9fb0c4" font-family="sans-serif" font-size="12">Scripts, C++ / Python / Rust,</text>
<text x="538" y="140" fill="#9fb0c4" font-family="sans-serif" font-size="12">evaluating AI &amp; system logic</text>
</svg>