diff --git a/spec.html b/spec.html
index 17ec351..9f88792 100644
--- a/spec.html
+++ b/spec.html
@@ -136,158 +136,185 @@
<!-- First row -->
+ <!-- E00 -->
<rect x="0" y="0" width="80" height="80" />
<text x="10" y="70" class="layer1">`</text>
<text x="10" y="10" class="layer2">~</text>
<text x="70" y="70" class="layer3">≈</text>
<text x="70" y="10" class="layer4">±</text>
+ <!-- E01 -->
<rect x="80" y="0" width="80" height="80" />
<text x="90" y="70" class="layer1">1</text>
<text x="90" y="10" class="layer2">!</text>
<text x="150" y="70" class="layer3">!</text>
<text x="150" y="10" class="layer4">¡</text>
+ <!-- E02 -->
<rect x="160" y="0" width="80" height="80" />
<text x="170" y="70" class="layer1">2</text>
<text x="170" y="10" class="layer2">@</text>
<text x="230" y="70" class="layer3">‰</text>
<text x="230" y="10" class="layer4">«</text>
+ <!-- E03 -->
<rect x="240" y="0" width="80" height="80" />
<text x="250" y="70" class="layer1">3</text>
<text x="250" y="10" class="layer2">#</text>
<text x="310" y="70" class="layer3">£</text>
<text x="310" y="10" class="layer4">»</text>
+ <!-- E04 -->
<rect x="320" y="0" width="80" height="80" />
<text x="330" y="70" class="layer1">4</text>
<text x="330" y="10" class="layer2">$</text>
<text x="390" y="70" class="layer3">¢</text>
<text x="390" y="10" class="layer4">‹</text>
+ <!-- E05 -->
<rect x="400" y="0" width="80" height="80" />
<text x="410" y="70" class="layer1">5</text>
<text x="410" y="10" class="layer2">%</text>
<text x="470" y="70" class="layer3">€</text>
<text x="470" y="10" class="layer4">›</text>
+ <!-- E06 -->
<rect x="480" y="0" width="80" height="80" />
<text x="490" y="70" class="layer1">6</text>
<text x="490" y="10" class="layer2">^</text>
<text x="550" y="70" class="layer3">√</text>
<text x="550" y="10" class="layer4">✓</text>
+ <!-- E07 -->
<rect x="560" y="0" width="80" height="80" />
<text x="570" y="70" class="layer1">7</text>
<text x="570" y="10" class="layer2">&</text>
<text x="630" y="70" class="layer3">⁊</text>
<text x="630" y="10" class="layer4">✗</text>
+ <!-- E08 -->
<rect x="640" y="0" width="80" height="80" />
<text x="650" y="70" class="layer1">8</text>
<text x="650" y="10" class="layer2">*</text>
<text x="710" y="70" class="layer3">°</text>
<text x="710" y="10" class="layer4">•</text>
+ <!-- E09 -->
<rect x="720" y="0" width="80" height="80" />
<text x="730" y="70" class="layer1">9</text>
<text x="730" y="10" class="layer2">(</text>
<text x="790" y="70" class="layer3">ª</text>
<text x="790" y="10" class="layer4"></text>
+ <!-- E10 -->
<rect x="800" y="0" width="80" height="80" />
<text x="810" y="70" class="layer1">0</text>
<text x="810" y="10" class="layer2">)</text>
<text x="870" y="70" class="layer3">º</text>
<text x="870" y="10" class="layer4">©</text>
+ <!-- E11 -->
<rect x="880" y="0" width="80" height="80" />
<text x="890" y="70" class="layer1">-</text>
<text x="890" y="10" class="layer2">_</text>
<text x="950" y="70" class="layer3">−</text>
<text x="950" y="10" class="layer4">÷</text>
+ <!-- E12 -->
<rect x="960" y="0" width="80" height="80" />
<text x="970" y="70" class="layer1">=</text>
<text x="970" y="10" class="layer2">+</text>
<text x="1030" y="70" class="layer3">×</text>
<text x="1030" y="10" class="layer4">≠</text>
+ <!-- Backspace -->
<rect x="1040" y="0" width="160" height="80" />
<text x="1050" y="10" class="layer2 function">Backspace</text>
<!-- Second row -->
+ <!-- Tab -->
<rect x="0" y="80" width="120" height="80" />
<text x="10" y="90" class="layer2 function">Tab</text>
+ <!-- D01 -->
<rect x="120" y="80" width="80" height="80" />
<text x="130" y="150" class="layer1">q</text>
<text x="130" y="90" class="layer2">Q</text>
<text x="190" y="150" class="layer3">à</text>
<text x="190" y="90" class="layer4">À</text>
+ <!-- D02 -->
<rect x="200" y="80" width="80" height="80" />
<text x="210" y="150" class="layer1">w</text>
<text x="210" y="90" class="layer2">W</text>
<text x="270" y="150" class="layer3">é</text>
<text x="270" y="90" class="layer4">É</text>
+ <!-- D03 -->
<rect x="280" y="80" width="80" height="80" />
<text x="290" y="150" class="layer1">e</text>
<text x="290" y="90" class="layer2">E</text>
<text x="350" y="150" class="layer3">ë</text>
<text x="350" y="90" class="layer4">Ë</text>
+ <!-- D04 -->
<rect x="360" y="80" width="80" height="80" />
<text x="370" y="150" class="layer1">r</text>
<text x="370" y="90" class="layer2">R</text>
<text x="430" y="150" class="layer3">è</text>
<text x="430" y="90" class="layer4">È</text>
+ <!-- D05 -->
<rect x="440" y="80" width="80" height="80" />
<text x="450" y="150" class="layer1">t</text>
<text x="450" y="90" class="layer2">T</text>
<text x="510" y="150" class="layer3">®</text>
<text x="510" y="90" class="layer4">™</text>
+ <!-- D06 -->
<rect x="520" y="80" width="80" height="80" />
<text x="530" y="150" class="layer1">y</text>
<text x="530" y="90" class="layer2">Y</text>
<text x="590" y="150" class="layer3">û</text>
<text x="590" y="90" class="layer4">Û</text>
+ <!-- D07 -->
<rect x="600" y="80" width="80" height="80" />
<text x="610" y="150" class="layer1">u</text>
<text x="610" y="90" class="layer2">U</text>
<text x="670" y="150" class="layer3">ü</text>
<text x="670" y="90" class="layer4">Ü</text>
+ <!-- D08 -->
<rect x="680" y="80" width="80" height="80" />
<text x="690" y="150" class="layer1">i</text>
<text x="690" y="90" class="layer2">I</text>
<text x="750" y="150" class="layer3">ï</text>
<text x="750" y="90" class="layer4">Ï</text>
+ <!-- D09 -->
<rect x="760" y="80" width="80" height="80" />
<text x="770" y="150" class="layer1">o</text>
<text x="770" y="90" class="layer2">O</text>
<text x="830" y="150" class="layer3">ö</text>
<text x="830" y="90" class="layer4">Ö</text>
+ <!-- D10 -->
<rect x="840" y="80" width="80" height="80" />
<text x="850" y="150" class="layer1">p</text>
<text x="850" y="90" class="layer2">P</text>
<text x="910" y="150" class="layer3">¶</text>
<text x="910" y="90" class="layer4">§</text>
+ <!-- D11 -->
<rect x="920" y="80" width="80" height="80" />
<text x="930" y="150" class="layer1">[</text>
<text x="930" y="90" class="layer2">{</text>
<text x="990" y="150" class="layer3">‘</text>
<text x="990" y="90" class="layer4">“</text>
+ <!-- D12 -->
<rect x="1000" y="80" width="80" height="80" />
<text x="1010" y="150" class="layer1">]</text>
<text x="1010" y="90" class="layer2">}</text>
@@ -296,75 +323,88 @@
<!-- Third row -->
+ <!-- Caps Lock -->
<rect x="0" y="160" width="140" height="80" />
<text x="10" y="170" class="layer2 function">Caps Lock</text>
+ <!-- C01 -->
<rect x="140" y="160" width="80" height="80" />
<text x="150" y="230" class="layer1">a</text>
<text x="150" y="170" class="layer2">A</text>
<text x="210" y="230" class="layer3">ä</text>
<text x="210" y="170" class="layer4">Ä</text>
+ <!-- C02 -->
<rect x="220" y="160" width="80" height="80" />
<text x="230" y="230" class="layer1">s</text>
<text x="230" y="170" class="layer2">S</text>
<text x="290" y="230" class="layer3">ß</text>
<text x="290" y="170" class="layer4">ẞ</text>
+ <!-- C03 -->
<rect x="300" y="160" width="80" height="80" />
<text x="310" y="230" class="layer1">d</text>
<text x="310" y="170" class="layer2">D</text>
<text x="370" y="230" class="layer3 deadkey">◌̈</text>
<text x="370" y="170" class="layer4">″</text>
+ <!-- C04 -->
<rect x="380" y="160" width="80" height="80" />
<text x="390" y="230" class="layer1">f</text>
<text x="390" y="170" class="layer2">F</text>
<text x="450" y="230" class="layer3 deadkey">◌́</text>
<text x="450" y="170" class="layer4">′</text>
+ <!-- C05 -->
<rect x="460" y="160" width="80" height="80" />
<text x="470" y="230" class="layer1">g</text>
<text x="470" y="170" class="layer2">G</text>
<text x="530" y="230" class="layer3 deadkey">◌̄</text>
<text x="530" y="170" class="layer4"></text>
+ <!-- C06 -->
<rect x="540" y="160" width="80" height="80" />
<text x="550" y="230" class="layer1">h</text>
<text x="550" y="170" class="layer2">H</text>
<text x="610" y="230" class="layer3"></text>
<text x="610" y="170" class="layer4"></text>
+ <!-- C07 -->
<rect x="620" y="160" width="80" height="80" />
<text x="630" y="230" class="layer1">j</text>
<text x="630" y="170" class="layer2">J</text>
<text x="690" y="230" class="layer3 deadkey">◌̀</text>
<text x="690" y="170" class="layer4"></text>
+ <!-- C08 -->
<rect x="700" y="160" width="80" height="80" />
<text x="710" y="230" class="layer1">k</text>
<text x="710" y="170" class="layer2">K</text>
<text x="770" y="230" class="layer3 deadkey">◌̂</text>
<text x="770" y="170" class="layer4"></text>
+ <!-- C09 -->
<rect x="780" y="160" width="80" height="80" />
<text x="790" y="230" class="layer1">l</text>
<text x="790" y="170" class="layer2">L</text>
<text x="850" y="230" class="layer3">ô</text>
<text x="850" y="170" class="layer4">Ô</text>
+ <!-- C10 -->
<rect x="860" y="160" width="80" height="80" />
<text x="870" y="230" class="layer1">;</text>
<text x="870" y="170" class="layer2">:</text>
<text x="930" y="230" class="layer3">;</text>
<text x="930" y="170" class="layer4">:</text>
+ <!-- C11 -->
<rect x="940" y="160" width="80" height="80" />
<text x="950" y="230" class="layer1">'</text>
<text x="950" y="170" class="layer2">"</text>
<text x="1010" y="230" class="layer3">‚</text>
<text x="1010" y="170" class="layer4">„</text>
+ <!-- C12 -->
<rect x="1020" y="160" width="80" height="80" />
<text x="1030" y="230" class="layer1">\</text>
<text x="1030" y="170" class="layer2">|</text>
@@ -373,109 +413,129 @@
<!-- Fourth row -->
+ <!-- Left Shift -->
<rect x="0" y="240" width="100" height="80" />
<text x="10" y="250" class="layer2 function">Shift</text>
+ <!-- B00 -->
<rect x="100" y="240" width="80" height="80" />
<text x="110" y="310" class="layer1">\</text>
<text x="110" y="250" class="layer2">|</text>
<text x="170" y="310" class="layer3">ê</text>
<text x="170" y="250" class="layer4">Ê</text>
+ <!-- B01 -->
<rect x="180" y="240" width="80" height="80" />
<text x="190" y="310" class="layer1">z</text>
<text x="190" y="250" class="layer2">Z</text>
<text x="250" y="310" class="layer3">æ</text>
<text x="250" y="250" class="layer4">Æ</text>
+ <!-- B02 -->
<rect x="260" y="240" width="80" height="80" />
<text x="270" y="310" class="layer1">x</text>
<text x="270" y="250" class="layer2">X</text>
<text x="330" y="310" class="layer3">œ</text>
<text x="330" y="250" class="layer4">Œ</text>
+ <!-- B03 -->
<rect x="340" y="240" width="80" height="80" />
<text x="350" y="310" class="layer1">c</text>
<text x="350" y="250" class="layer2">C</text>
<text x="410" y="310" class="layer3">ç</text>
<text x="410" y="250" class="layer4">Ç</text>
+ <!-- B04 -->
<rect x="420" y="240" width="80" height="80" />
<text x="430" y="310" class="layer1">v</text>
<text x="430" y="250" class="layer2">V</text>
<text x="490" y="310" class="layer3">—</text>
<text x="490" y="250" class="layer4"></text>
+ <!-- B05 -->
<rect x="500" y="240" width="80" height="80" />
<text x="510" y="310" class="layer1">b</text>
<text x="510" y="250" class="layer2">B</text>
<text x="570" y="310" class="layer3">–</text>
<text x="570" y="250" class="layer4"></text>
+ <!-- B06 -->
<rect x="580" y="240" width="80" height="80" />
<text x="590" y="310" class="layer1">n</text>
<text x="590" y="250" class="layer2">N</text>
<text x="650" y="310" class="layer3">ñ</text>
<text x="650" y="250" class="layer4">Ñ</text>
+ <!-- B07 -->
<rect x="660" y="240" width="80" height="80" />
<text x="670" y="310" class="layer1">m</text>
<text x="670" y="250" class="layer2">M</text>
<text x="730" y="310" class="layer3">μ</text>
<text x="730" y="250" class="layer4">Ω</text>
+ <!-- B08 -->
<rect x="740" y="240" width="80" height="80" />
<text x="750" y="310" class="layer1">,</text>
<text x="750" y="250" class="layer2"><</text>
<text x="810" y="310" class="layer3">…</text>
<text x="810" y="250" class="layer4">≤</text>
+ <!-- B09 -->
<rect x="820" y="240" width="80" height="80" />
<text x="830" y="310" class="layer1">.</text>
<text x="830" y="250" class="layer2">></text>
<text x="890" y="310" class="layer3">⋅</text>
<text x="890" y="250" class="layer4">≥</text>
+ <!-- B10 -->
<rect x="900" y="240" width="80" height="80" />
<text x="910" y="310" class="layer1">/</text>
<text x="910" y="250" class="layer2">?</text>
<text x="970" y="310" class="layer3">?</text>
<text x="970" y="250" class="layer4">¿</text>
+ <!-- Right Shift -->
<rect x="980" y="240" width="220" height="80" />
<text x="990" y="250" class="layer2 function">Shift</text>
<!-- Fifth row -->
+ <!-- Left Ctrl -->
<rect x="0" y="320" width="120" height="80" />
<text x="10" y="350" class="function">Ctrl</text>
+ <!-- Left Win -->
<rect x="120" y="320" width="100" height="80" />
<text x="130" y="350" class="function">Win</text>
+ <!-- Left Alt -->
<rect x="220" y="320" width="100" height="80" />
<text x="230" y="350" class="function">Alt</text>
+ <!-- Space -->
<rect x="320" y="320" width="460" height="80" />
<text x="330" y="390" class="layer1 function">Space</text>
<text x="330" y="330" class="layer2 function">Space</text>
<text x="770" y="390" class="layer3 function">Narrow non-breaking space</text>
<text x="770" y="330" class="layer4 function">Non-breaking space</text>
+ <!-- AltGr -->
<rect x="780" y="320" width="100" height="80" />
<text x="790" y="350" class="function">AltGr</text>
+ <!-- Right Win -->
<rect x="880" y="320" width="100" height="80" />
<text x="890" y="350" class="function">Win</text>
+ <!-- Menu -->
<rect x="980" y="320" width="100" height="80" />
<text x="990" y="350" class="function">Menu</text>
+ <!-- Right Ctrl -->
<rect x="1080" y="320" width="120" height="80" />
<text x="1090" y="350" class="function">Ctrl</text>
<!-- Return -->
-
<polygon points="1080, 80
1200, 80
1200, 240
@@ -530,164 +590,192 @@
<!-- First row -->
+ <!-- E00 -->
<rect x="0" y="0" width="80" height="80" />
<text x="10" y="70" class="layer1">`</text>
<text x="10" y="10" class="layer2">~</text>
<text x="70" y="70" class="layer3">≈</text>
<text x="70" y="10" class="layer4">±</text>
+ <!-- E01 -->
<rect x="80" y="0" width="80" height="80" />
<text x="90" y="70" class="layer1">1</text>
<text x="90" y="10" class="layer2">!</text>
<text x="150" y="70" class="layer3">!</text>
<text x="150" y="10" class="layer4">¡</text>
+ <!-- E02 -->
<rect x="160" y="0" width="80" height="80" />
<text x="170" y="70" class="layer1">2</text>
<text x="170" y="10" class="layer2">@</text>
<text x="230" y="70" class="layer3">‰</text>
<text x="230" y="10" class="layer4">«</text>
+ <!-- E03 -->
<rect x="240" y="0" width="80" height="80" />
<text x="250" y="70" class="layer1">3</text>
<text x="250" y="10" class="layer2">#</text>
<text x="310" y="70" class="layer3">£</text>
<text x="310" y="10" class="layer4">»</text>
+ <!-- E04 -->
<rect x="320" y="0" width="80" height="80" />
<text x="330" y="70" class="layer1">4</text>
<text x="330" y="10" class="layer2">$</text>
<text x="390" y="70" class="layer3">¢</text>
<text x="390" y="10" class="layer4">‹</text>
+ <!-- E05 -->
<rect x="400" y="0" width="80" height="80" />
<text x="410" y="70" class="layer1">5</text>
<text x="410" y="10" class="layer2">%</text>
<text x="470" y="70" class="layer3">€</text>
<text x="470" y="10" class="layer4">›</text>
+ <!-- E06 -->
<rect x="480" y="0" width="80" height="80" />
<text x="490" y="70" class="layer1">6</text>
<text x="490" y="10" class="layer2">^</text>
<text x="550" y="70" class="layer3">√</text>
<text x="550" y="10" class="layer4">✓</text>
+ <!-- E07 -->
<rect x="560" y="0" width="80" height="80" />
<text x="570" y="70" class="layer1">7</text>
<text x="570" y="10" class="layer2">&</text>
<text x="630" y="70" class="layer3">⁊</text>
<text x="630" y="10" class="layer4">✗</text>
+ <!-- E08 -->
<rect x="640" y="0" width="80" height="80" />
<text x="650" y="70" class="layer1">8</text>
<text x="650" y="10" class="layer2">*</text>
<text x="710" y="70" class="layer3">°</text>
<text x="710" y="10" class="layer4">•</text>
+ <!-- E09 -->
<rect x="720" y="0" width="80" height="80" />
<text x="730" y="70" class="layer1">9</text>
<text x="730" y="10" class="layer2">(</text>
<text x="790" y="70" class="layer3">ª</text>
<text x="790" y="10" class="layer4"></text>
+ <!-- E10 -->
<rect x="800" y="0" width="80" height="80" />
<text x="810" y="70" class="layer1">0</text>
<text x="810" y="10" class="layer2">)</text>
<text x="870" y="70" class="layer3">º</text>
<text x="870" y="10" class="layer4">©</text>
+ <!-- E11 -->
<rect x="880" y="0" width="80" height="80" />
<text x="890" y="70" class="layer1">-</text>
<text x="890" y="10" class="layer2">_</text>
<text x="950" y="70" class="layer3">−</text>
<text x="950" y="10" class="layer4">÷</text>
+ <!-- E12 -->
<rect x="960" y="0" width="80" height="80" />
<text x="970" y="70" class="layer1">=</text>
<text x="970" y="10" class="layer2">+</text>
<text x="1030" y="70" class="layer3">×</text>
<text x="1030" y="10" class="layer4">≠</text>
+ <!-- Backspace -->
<rect x="1040" y="0" width="160" height="80" />
<text x="1050" y="10" class="layer2 function">Backspace</text>
<!-- Second row -->
+ <!-- Tab -->
<rect x="0" y="80" width="120" height="80" />
<text x="10" y="90" class="layer2 function">Tab</text>
+ <!-- D01 -->
<rect x="120" y="80" width="80" height="80" />
<text x="130" y="150" class="layer1">q</text>
<text x="130" y="90" class="layer2">Q</text>
<text x="190" y="150" class="layer3">à</text>
<text x="190" y="90" class="layer4">À</text>
+ <!-- D02 -->
<rect x="200" y="80" width="80" height="80" />
<text x="210" y="150" class="layer1">w</text>
<text x="210" y="90" class="layer2">W</text>
<text x="270" y="150" class="layer3">é</text>
<text x="270" y="90" class="layer4">É</text>
+ <!-- D03 -->
<rect x="280" y="80" width="80" height="80" />
<text x="290" y="150" class="layer1">e</text>
<text x="290" y="90" class="layer2">E</text>
<text x="350" y="150" class="layer3">ë</text>
<text x="350" y="90" class="layer4">Ë</text>
+ <!-- D04 -->
<rect x="360" y="80" width="80" height="80" />
<text x="370" y="150" class="layer1">r</text>
<text x="370" y="90" class="layer2">R</text>
<text x="430" y="150" class="layer3">è</text>
<text x="430" y="90" class="layer4">È</text>
+ <!-- D05 -->
<rect x="440" y="80" width="80" height="80" />
<text x="450" y="150" class="layer1">t</text>
<text x="450" y="90" class="layer2">T</text>
<text x="510" y="150" class="layer3">®</text>
<text x="510" y="90" class="layer4">™</text>
+ <!-- D06 -->
<rect x="520" y="80" width="80" height="80" />
<text x="530" y="150" class="layer1">y</text>
<text x="530" y="90" class="layer2">Y</text>
<text x="590" y="150" class="layer3">û</text>
<text x="590" y="90" class="layer4">Û</text>
+ <!-- D07 -->
<rect x="600" y="80" width="80" height="80" />
<text x="610" y="150" class="layer1">u</text>
<text x="610" y="90" class="layer2">U</text>
<text x="670" y="150" class="layer3">ü</text>
<text x="670" y="90" class="layer4">Ü</text>
+ <!-- D08 -->
<rect x="680" y="80" width="80" height="80" />
<text x="690" y="150" class="layer1">i</text>
<text x="690" y="90" class="layer2">I</text>
<text x="750" y="150" class="layer3">ï</text>
<text x="750" y="90" class="layer4">Ï</text>
+ <!-- D09 -->
<rect x="760" y="80" width="80" height="80" />
<text x="770" y="150" class="layer1">o</text>
<text x="770" y="90" class="layer2">O</text>
<text x="830" y="150" class="layer3">ö</text>
<text x="830" y="90" class="layer4">Ö</text>
+ <!-- D10 -->
<rect x="840" y="80" width="80" height="80" />
<text x="850" y="150" class="layer1">p</text>
<text x="850" y="90" class="layer2">P</text>
<text x="910" y="150" class="layer3">¶</text>
<text x="910" y="90" class="layer4">§</text>
+ <!-- D11 -->
<rect x="920" y="80" width="80" height="80" />
<text x="930" y="150" class="layer1">[</text>
<text x="930" y="90" class="layer2">{</text>
<text x="990" y="150" class="layer3">‘</text>
<text x="990" y="90" class="layer4">“</text>
+ <!-- D12 -->
<rect x="1000" y="80" width="80" height="80" />
<text x="1010" y="150" class="layer1">]</text>
<text x="1010" y="90" class="layer2">}</text>
<text x="1070" y="150" class="layer3">’</text>
<text x="1070" y="90" class="layer4">”</text>
+ <!-- C12 -->
<rect x="1080" y="80" width="120" height="80" />
<text x="1090" y="150" class="layer1">\</text>
<text x="1090" y="90" class="layer2">|</text>
@@ -696,172 +784,205 @@
<!-- Third row -->
+ <!-- Caps Lock -->
<rect x="0" y="160" width="140" height="80" />
<text x="10" y="170" class="layer2 function">Caps Lock</text>
+ <!-- C01 -->
<rect x="140" y="160" width="80" height="80" />
<text x="150" y="230" class="layer1">a</text>
<text x="150" y="170" class="layer2">A</text>
<text x="210" y="230" class="layer3">ä</text>
<text x="210" y="170" class="layer4">Ä</text>
+ <!-- C02 -->
<rect x="220" y="160" width="80" height="80" />
<text x="230" y="230" class="layer1">s</text>
<text x="230" y="170" class="layer2">S</text>
<text x="290" y="230" class="layer3">ß</text>
<text x="290" y="170" class="layer4">ẞ</text>
+ <!-- C03 -->
<rect x="300" y="160" width="80" height="80" />
<text x="310" y="230" class="layer1">d</text>
<text x="310" y="170" class="layer2">D</text>
<text x="370" y="230" class="layer3 deadkey">◌̈</text>
<text x="370" y="170" class="layer4">″</text>
+ <!-- C04 -->
<rect x="380" y="160" width="80" height="80" />
<text x="390" y="230" class="layer1">f</text>
<text x="390" y="170" class="layer2">F</text>
<text x="450" y="230" class="layer3 deadkey">◌́</text>
<text x="450" y="170" class="layer4">′</text>
+ <!-- C05 -->
<rect x="460" y="160" width="80" height="80" />
<text x="470" y="230" class="layer1">g</text>
<text x="470" y="170" class="layer2">G</text>
<text x="530" y="230" class="layer3 deadkey">◌̄</text>
<text x="530" y="170" class="layer4"></text>
+ <!-- C06 -->
<rect x="540" y="160" width="80" height="80" />
<text x="550" y="230" class="layer1">h</text>
<text x="550" y="170" class="layer2">H</text>
<text x="610" y="230" class="layer3"></text>
<text x="610" y="170" class="layer4"></text>
+ <!-- C07 -->
<rect x="620" y="160" width="80" height="80" />
<text x="630" y="230" class="layer1">j</text>
<text x="630" y="170" class="layer2">J</text>
<text x="690" y="230" class="layer3 deadkey">◌̀</text>
<text x="690" y="170" class="layer4"></text>
+ <!-- C08 -->
<rect x="700" y="160" width="80" height="80" />
<text x="710" y="230" class="layer1">k</text>
<text x="710" y="170" class="layer2">K</text>
<text x="770" y="230" class="layer3 deadkey">◌̂</text>
<text x="770" y="170" class="layer4"></text>
+ <!-- C09 -->
<rect x="780" y="160" width="80" height="80" />
<text x="790" y="230" class="layer1">l</text>
<text x="790" y="170" class="layer2">L</text>
<text x="850" y="230" class="layer3">ô</text>
<text x="850" y="170" class="layer4">Ô</text>
+ <!-- C10 -->
<rect x="860" y="160" width="80" height="80" />
<text x="870" y="230" class="layer1">;</text>
<text x="870" y="170" class="layer2">:</text>
<text x="930" y="230" class="layer3">;</text>
<text x="930" y="170" class="layer4">:</text>
+ <!-- C11 -->
<rect x="940" y="160" width="80" height="80" />
<text x="950" y="230" class="layer1">'</text>
<text x="950" y="170" class="layer2">"</text>
<text x="1010" y="230" class="layer3">‚</text>
<text x="1010" y="170" class="layer4">„</text>
+ <!-- Return -->
<rect x="1020" y="160" width="180" height="80" />
<text x="1030" y="170" class="layer2 function">Return</text>
<!-- Fourth row -->
+ <!-- Left Shift -->
<rect x="0" y="240" width="180" height="80" />
<text x="10" y="250" class="layer2 function">Shift</text>
+ <!-- B01 -->
<rect x="180" y="240" width="80" height="80" />
<text x="190" y="310" class="layer1">z</text>
<text x="190" y="250" class="layer2">Z</text>
<text x="250" y="310" class="layer3">æ</text>
<text x="250" y="250" class="layer4">Æ</text>
+ <!-- B02 -->
<rect x="260" y="240" width="80" height="80" />
<text x="270" y="310" class="layer1">x</text>
<text x="270" y="250" class="layer2">X</text>
<text x="330" y="310" class="layer3">œ</text>
<text x="330" y="250" class="layer4">Œ</text>
+ <!-- B03 -->
<rect x="340" y="240" width="80" height="80" />
<text x="350" y="310" class="layer1">c</text>
<text x="350" y="250" class="layer2">C</text>
<text x="410" y="310" class="layer3">ç</text>
<text x="410" y="250" class="layer4">Ç</text>
+ <!-- B04 -->
<rect x="420" y="240" width="80" height="80" />
<text x="430" y="310" class="layer1">v</text>
<text x="430" y="250" class="layer2">V</text>
<text x="490" y="310" class="layer3">—</text>
<text x="490" y="250" class="layer4"></text>
+ <!-- B05 -->
<rect x="500" y="240" width="80" height="80" />
<text x="510" y="310" class="layer1">b</text>
<text x="510" y="250" class="layer2">B</text>
<text x="570" y="310" class="layer3">–</text>
<text x="570" y="250" class="layer4"></text>
+ <!-- B06 -->
<rect x="580" y="240" width="80" height="80" />
<text x="590" y="310" class="layer1">n</text>
<text x="590" y="250" class="layer2">N</text>
<text x="650" y="310" class="layer3">ñ</text>
<text x="650" y="250" class="layer4">Ñ</text>
+ <!-- B07 -->
<rect x="660" y="240" width="80" height="80" />
<text x="670" y="310" class="layer1">m</text>
<text x="670" y="250" class="layer2">M</text>
<text x="730" y="310" class="layer3">μ</text>
<text x="730" y="250" class="layer4">Ω</text>
+ <!-- B08 -->
<rect x="740" y="240" width="80" height="80" />
<text x="750" y="310" class="layer1">,</text>
<text x="750" y="250" class="layer2"><</text>
<text x="810" y="310" class="layer3">…</text>
<text x="810" y="250" class="layer4">≤</text>
+ <!-- B09 -->
<rect x="820" y="240" width="80" height="80" />
<text x="830" y="310" class="layer1">.</text>
<text x="830" y="250" class="layer2">></text>
<text x="890" y="310" class="layer3">⋅</text>
<text x="890" y="250" class="layer4">≥</text>
+ <!-- B10 -->
<rect x="900" y="240" width="80" height="80" />
<text x="910" y="310" class="layer1">/</text>
<text x="910" y="250" class="layer2">?</text>
<text x="970" y="310" class="layer3">?</text>
<text x="970" y="250" class="layer4">¿</text>
+ <!-- Right Shift -->
<rect x="980" y="240" width="220" height="80" />
<text x="990" y="250" class="layer2 function">Shift</text>
<!-- Fifth row -->
+ <!-- Left Ctrl -->
<rect x="0" y="320" width="120" height="80" />
<text x="10" y="350" class="function">Ctrl</text>
+ <!-- Left Win -->
<rect x="120" y="320" width="100" height="80" />
<text x="130" y="350" class="function">Win</text>
+ <!-- Left Alt -->
<rect x="220" y="320" width="100" height="80" />
<text x="230" y="350" class="function">Alt</text>
+ <!-- Space -->
<rect x="320" y="320" width="460" height="80" />
<text x="330" y="390" class="layer1 function">Space</text>
<text x="330" y="330" class="layer2 function">Space</text>
<text x="770" y="390" class="layer3 function">Narrow non-breaking space</text>
<text x="770" y="330" class="layer4 function">Non-breaking space</text>
+ <!-- Right Alt -->
<rect x="780" y="320" width="100" height="80" />
<text x="790" y="350" class="function">AltGr</text>
+ <!-- Right Win -->
<rect x="880" y="320" width="100" height="80" />
<text x="890" y="350" class="function">Win</text>
+ <!-- Menu -->
<rect x="980" y="320" width="100" height="80" />
<text x="990" y="350" class="function">Menu</text>
+ <!-- Right Ctrl -->
<rect x="1080" y="320" width="120" height="80" />
<text x="1090" y="350" class="function">Ctrl</text>