images/layout.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="600" height="360" version="1.1" xmlns="http://www.w3.org/2000/svg">
	<rect width="600" height="360" style="fill:#fff"/>
	<g style="fill:#fff;stroke-linejoin:round;stroke:#999">
		<rect x="20.5" y="20.5" width="35" height="35"/>
		<rect x="58.5" y="20.5" width="35" height="35"/>
		<rect x="96.5" y="20.5" width="35" height="35"/>
		<rect x="134.5" y="20.5" width="35" height="35"/>
		<rect x="172.5" y="20.5" width="35" height="35"/>
		<rect x="210.5" y="20.5" width="35" height="35"/>
		<rect x="316.5" y="20.5" width="35" height="35"/>
		<rect x="354.5" y="20.5" width="35" height="35"/>
		<rect x="392.5" y="20.5" width="35" height="35"/>
		<rect x="430.5" y="20.5" width="35" height="35"/>
		<rect x="468.5" y="20.5" width="35" height="35"/>
		<rect x="506.5" y="20.5" width="35" height="35"/>
		<rect x="544.5" y="20.5" width="35" height="35"/>
		<rect x="20.5" y="94.5" width="35" height="35"/>
		<rect x="58.5" y="88.5" width="35" height="35"/>
		<rect x="96.5" y="72.5" width="35" height="35"/>
		<rect x="134.5" y="66.5" width="35" height="35"/>
		<rect x="172.5" y="72.5" width="35" height="35"/>
		<rect x="210.5" y="78.5" width="35" height="35"/>
		<rect x="316.5" y="78.5" width="35" height="35"/>
		<rect x="354.5" y="72.5" width="35" height="35"/>
		<rect x="392.5" y="66.5" width="35" height="35"/>
		<rect x="430.5" y="72.5" width="35" height="35"/>
		<rect x="468.5" y="88.5" width="35" height="35"/>
		<rect x="506.5" y="94.5" width="35" height="35"/>
		<rect x="544.5" y="100.5" width="35" height="35"/>
		<rect x="20.5" y="132.5" width="35" height="35"/>
		<rect x="58.5" y="126.5" width="35" height="35"/>
		<rect x="96.5" y="110.5" width="35" height="35"/>
		<rect x="134.5" y="104.5" width="35" height="35"/>
		<rect x="172.5" y="110.5" width="35" height="35"/>
		<rect x="210.5" y="116.5" width="35" height="35"/>
		<rect x="316.5" y="116.5" width="35" height="35"/>
		<rect x="354.5" y="110.5" width="35" height="35"/>
		<rect x="392.5" y="104.5" width="35" height="35"/>
		<rect x="430.5" y="110.5" width="35" height="35"/>
		<rect x="468.5" y="126.5" width="35" height="35"/>
		<rect x="506.5" y="132.5" width="35" height="35"/>
		<rect x="544.5" y="138.5" width="35" height="35"/>
		<rect x="20.5" y="170.5" width="35" height="35" style="fill:#39d;stroke:#39d"/>
		<rect x="58.5" y="164.5" width="35" height="35"/>
		<rect x="96.5" y="148.5" width="35" height="35"/>
		<rect x="134.5" y="142.5" width="35" height="35"/>
		<rect x="172.5" y="148.5" width="35" height="35"/>
		<rect x="210.5" y="154.5" width="35" height="35"/>
		<rect x="316.5" y="154.5" width="35" height="35"/>
		<rect x="354.5" y="148.5" width="35" height="35"/>
		<rect x="392.5" y="142.5" width="35" height="35"/>
		<rect x="430.5" y="148.5" width="35" height="35"/>
		<rect x="468.5" y="164.5" width="35" height="35"/>
		<rect x="506.5" y="170.5" width="35" height="35"/>
		<rect x="544.5" y="176.5" width="35" height="35"/>
		<rect x="20.5" y="208.5" width="35" height="35"/>
		<rect x="58.5" y="202.5" width="35" height="35"/>
		<rect x="96.5" y="186.5" width="35" height="35"/>
		<rect x="134.5" y="180.5" width="35" height="35"/>
		<rect x="172.5" y="186.5" width="35" height="35"/>
		<rect x="210.5" y="192.5" width="35" height="35"/>
		<rect x="316.5" y="192.5" width="35" height="35"/>
		<rect x="354.5" y="186.5" width="35" height="35"/>
		<rect x="392.5" y="180.5" width="35" height="35"/>
		<rect x="430.5" y="186.5" width="35" height="35"/>
		<rect x="468.5" y="202.5" width="35" height="35"/>
		<rect x="506.5" y="208.5" width="35" height="35"/>
		<rect x="87.5" y="253.5" width="43" height="35"/>
		<rect transform="rotate(15)" x="203" y="210" width="43" height="35"/>
		<rect transform="rotate(30)" x="304" y="138" width="43" height="35"/>
		<path d="m281 220.5 24.5 24.5-24.5 24.5-24.5-24.5z"/>
		<path d="m254 247.5 24.5 24.5-24.5 24.5-24.5-24.5z"/>
		<path d="m308 247.5 24.5 24.5-24.5 24.5-24.5-24.5z"/>
		<path d="m281 274.5 24.5 24.5-24.5 24.5-24.5-24.5z"/>
		<rect transform="rotate(-30)" x="140" y="419" width="43" height="35"/>
		<rect transform="rotate(-15)" x="297" y="355" width="43" height="35"/>
		<rect x="431.5" y="253.5" width="43" height="35"/>
	</g>
	<g style="font-family:'Source Code Pro', monospace;font-size:14px;text-anchor:middle">
		<text x="38" y="36">ESC</text>
		<text x="76" y="36">F1</text>
		<text x="114" y="36">F2</text>
		<text x="152" y="36">F3</text>
		<text x="190" y="36">F4</text>
		<text x="228" y="36">F5</text>
		<text x="334" y="36">F6</text>
		<text x="372" y="36">F7</text>
		<text x="410" y="36">F8</text>
		<text x="448" y="36">F9</text>
		<text x="486" y="36">F10</text>
		<text x="524" y="36">F11</text>
		<text x="562" y="36">F12</text>
		<text x="38" y="110">~ `</text>
		<text x="76" y="104">! 1</text>
		<text x="114" y="88">@ 2</text>
		<text x="152" y="82"># 3</text>
		<text x="190" y="88">$ 4</text>
		<text x="228" y="94">% 5</text>
		<text x="334" y="94">^ 6</text>
		<text x="372" y="88">&amp; 7</text>
		<text x="410" y="82">* 8</text>
		<text x="448" y="88">( 9</text>
		<text x="486" y="104">) 0</text>
		<text x="524" y="110">_ -</text>
		<text x="562" y="116">+ =</text>
		<text x="38" y="148">TAB</text>
		<text x="76" y="142">Q</text>
		<text x="114" y="126">W</text>
		<text x="152" y="120">E</text>
		<text x="190" y="126">R</text>
		<text x="228" y="132">T</text>
		<text x="334" y="132">Y</text>
		<text x="372" y="126">U</text>
		<text x="410" y="120">I</text>
		<text x="448" y="126">O</text>
		<text x="486" y="142">P</text>
		<text x="524" y="148">{ [</text>
		<text x="562" y="154">} ]</text>
		<text x="38" y="186" style="fill:#fff">LAY</text>
		<text x="76" y="180">A</text>
		<text x="114" y="164">S</text>
		<text x="152" y="158">D</text>
		<text x="190" y="164">F</text>
		<text x="228" y="170">G</text>
		<text x="334" y="170">H</text>
		<text x="372" y="164">J</text>
		<text x="410" y="158">K</text>
		<text x="448" y="164">L</text>
		<text x="486" y="180">: ;</text>
		<text x="524" y="186">" '</text>
		<text x="562" y="192">| \</text>
		<text x="38" y="224">SHF</text>
		<text x="76" y="218">Z</text>
		<text x="114" y="202">X</text>
		<text x="152" y="196">C</text>
		<text x="190" y="202">V</text>
		<text x="228" y="208">B</text>
		<text x="334" y="208">N</text>
		<text x="372" y="202">M</text>
		<text x="410" y="196">&lt; ,</text>
		<text x="448" y="202">&gt; .</text>
		<text x="486" y="218">? /</text>
		<text x="524" y="224">SHF</text>
		<text x="109" y="269">ALT</text>
		<text transform="rotate(15)" x="224.5" y="225.5">BKS</text>
		<text transform="rotate(30)" x="325.5" y="153.5">CTR</text>
		<path d="m239.5 271.5h8.5m-4.5-4-4 4 4 4" style="fill:none;stroke:#000"/>
		<path d="m281.5 230.5v8.5m-4-4.5 4-4 4 4" style="fill:none;stroke:#000"/>
		<path d="m280.5 313.5v-8.5m-4 4.5 4 4 4-4" style="fill:none;stroke:#000"/>
		<path d="m322.5 272.5h-8.5m4.5-4 4 4-4 4" style="fill:none;stroke:#000"/>
		<text transform="rotate(-30)" x="161.5" y="434.5">ENT</text>
		<text transform="rotate(-15)" x="318.5" y="370.5">SP</text>
		<text x="453" y="269">ALT</text>
	</g>
	<g style="fill:#39d;font-family:'Source Code Pro', monospace;font-size:14px;text-anchor:middle">
		<text x="38" y="51"/>
		<text x="76" y="51"/>
		<text x="114" y="51"/>
		<text x="152" y="51"/>
		<text x="190" y="51"/>
		<text x="228" y="51"/>
		<text x="334" y="51"/>
		<text x="372" y="51"/>
		<text x="410" y="51">÷</text>
		<text x="448" y="51">*</text>
		<text x="486" y="51"/>
		<text x="524" y="51"/>
		<text x="562" y="51"/>
		<text x="38" y="125"/>
		<text x="76" y="119"/>
		<text x="114" y="103"/>
		<text x="152" y="97"/>
		<text x="190" y="103"/>
		<text x="228" y="109"/>
		<text x="334" y="109"/>
		<text x="372" y="103">7</text>
		<text x="410" y="97">8</text>
		<text x="448" y="103">9</text>
		<text x="486" y="119">-</text>
		<text x="524" y="125"/>
		<text x="562" y="131">PRT</text>
		<text x="38" y="163"/>
		<text x="76" y="157"/>
		<text x="114" y="141"/>
		<text x="152" y="135"/>
		<text x="190" y="141"/>
		<text x="228" y="147"/>
		<text x="334" y="147"/>
		<text x="372" y="141">4</text>
		<text x="410" y="135">5</text>
		<text x="448" y="141">6</text>
		<text x="486" y="157">+</text>
		<text x="524" y="163"/>
		<text x="562" y="169">SCR</text>
		<text x="38" y="199"/>
		<text x="76" y="195"/>
		<text x="114" y="179"/>
		<text x="152" y="173"/>
		<text x="190" y="179"/>
		<text x="228" y="185"/>
		<text x="334" y="185"/>
		<text x="372" y="179">1</text>
		<text x="410" y="173">2</text>
		<text x="448" y="179">3</text>
		<text x="486" y="195">ENT</text>
		<text x="524" y="201"/>
		<text x="562" y="207">BRK</text>
		<text x="38" y="239"/>
		<text x="76" y="233"/>
		<text x="114" y="217"/>
		<text x="152" y="211"/>
		<text x="190" y="217"/>
		<text x="228" y="223"/>
		<text x="334" y="223"/>
		<text x="372" y="217"/>
		<text x="410" y="211">0</text>
		<text x="448" y="217">.</text>
		<text x="486" y="233"/>
		<text x="524" y="239"/>
		<text x="109" y="284"/>
		<text transform="rotate(15)" x="224.5" y="240.5"/>
		<text transform="rotate(30)" x="325.5" y="168.5">DEL</text>
		<text transform="rotate(-45)" x="-12.5" y="384.5">HOM</text>
		<text transform="rotate(45)" x="372" y="-12.5">PGU</text>
		<text transform="rotate(45)" x="410" y="8.5">PGD</text>
		<text transform="rotate(-45)" x="25.5" y="406">END</text>
		<text transform="rotate(-30)" x="161.5" y="449.5">INS</text>
		<text transform="rotate(-15)" x="318.5" y="385.5"/>
		<text x="453" y="284"/>
	</g>
</svg>