From 53e92c190674808cb90bc8d859a2ffa2169b8121 Mon Sep 17 00:00:00 2001
From: egill-agnisson <egill-agnisson@users.noreply.github.com>
Date: Sat, 2 Mar 2024 20:36:07 +0000
Subject: [PATCH] keymap-drawer render

---
 svg/zaphod.svg  | 989 ++++++++++++++++++++++++++++++++----------------
 svg/zaphod.yaml | 179 +++++++++
 2 files changed, 838 insertions(+), 330 deletions(-)
 create mode 100644 svg/zaphod.yaml

diff --git a/svg/zaphod.svg b/svg/zaphod.svg
index 1b518fa3..0f99aad7 100644
--- a/svg/zaphod.svg
+++ b/svg/zaphod.svg
@@ -1,8 +1,9 @@
-<svg width="732.0" height="1400.0" viewBox="0 0 732.0 1400.0" class="keymap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<style>/* inherit to force styles through use tags*/
+<svg width="732" height="1400" viewBox="0 0 732 1400" class="keymap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<style>/* inherit to force styles through use tags */
 svg path {
     fill: inherit;
 }
+
 /* font and background color specifications */
 svg.keymap {
     font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
@@ -19,8 +20,13 @@ rect.key {
     stroke-width: 1;
 }
 
+/* default key side styling, only used is draw_key_sides is set */
+rect.side {
+    filter: brightness(90%);
+}
+
 /* color accent for combo boxes */
-rect.combo {
+rect.combo, rect.combo-separate {
     fill: #cdf;
 }
 
@@ -31,7 +37,8 @@ rect.held, rect.combo.held {
 
 /* color accent for ghost (optional) keys */
 rect.ghost, rect.combo.ghost {
-    fill: #ddd;
+    stroke-dasharray: 4, 4;
+    stroke-width: 2;
 }
 
 text {
@@ -85,337 +92,659 @@ path.combo {
 .icon-tabler > path {
     fill: inherit;
     stroke: inherit;
+    stroke-width: 2;
 }
 /* hide tabler's default box */
 .icon-tabler > path[stroke="none"][fill="none"] {
-    visibility: collapse;
+    visibility: hidden;
 }
 /* End Tabler Icons Cleanup */
 </style>
-<g class="layer-Base">
-<text x="30.0" y="28.0" class="label">Base:</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="110.08000000000001" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="136.08" class="tap">Q</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="75.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="101.36" class="tap">W</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="58.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="84.0" class="tap">F</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="73.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="99.68" class="tap">P</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="81.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="107.52" class="tap">B</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="81.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="107.52" class="tap">J</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="73.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="99.68" class="tap">L</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="58.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="84.0" class="tap">U</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="75.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="101.36" class="tap">Y</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="110.08000000000001" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="136.08" class="tap">;</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="166.07999999999998" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="192.07999999999998" class="tap">A</text>
-<text x="58.0" y="216.07999999999998" class="hold">LGUI</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="131.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="157.36" class="tap">R</text>
-<text x="114.0" y="181.36" class="hold">LALT</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="114.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="140.0" class="tap">S</text>
-<text x="170.0" y="164.0" class="hold">LSHFT</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="129.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="155.68" class="tap">T</text>
-<text x="226.0" y="179.68" class="hold">LCTRL</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="137.51999999999998" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="163.51999999999998" class="tap">G</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="137.51999999999998" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="163.51999999999998" class="tap">M</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="129.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="155.68" class="tap">N</text>
-<text x="506.0" y="179.68" class="hold">RCTRL</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="114.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="140.0" class="tap">E</text>
-<text x="562.0" y="164.0" class="hold">RSHFT</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="131.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="157.36" class="tap">I</text>
-<text x="618.0" y="181.36" class="hold">LALT</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="166.07999999999998" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="192.07999999999998" class="tap">O</text>
-<text x="674.0" y="216.07999999999998" class="hold">LGUI</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="222.08" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="248.08" class="tap">Z</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="187.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="213.36" class="tap">X</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="170.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="196.0" class="tap">C</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="185.67999999999998" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="211.67999999999998" class="tap">D</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="193.51999999999998" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="219.51999999999998" class="tap">V</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="193.51999999999998" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="219.51999999999998" class="tap">K</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="185.67999999999998" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="211.67999999999998" class="tap">H</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="170.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="196.0" class="tap">,</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="187.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="213.36" class="tap">.</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="222.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="248.08" class="tap">/</text>
-<rect rx="6.0" ry="6.0" x="228.0" y="268.0" width="52.0" height="52.0" class="key"/>
-<text x="254.0" y="294.0" class="tap">TAB</text>
-<text x="254.0" y="318.0" class="hold">Func</text>
-<rect rx="6.0" ry="6.0" x="284.0" y="282.0" width="52.0" height="52.0" class="key"/>
-<text x="310.0" y="308.0" class="tap">SPACE</text>
-<text x="310.0" y="332.0" class="hold">Nav</text>
-<rect rx="6.0" ry="6.0" x="396.0" y="282.0" width="52.0" height="52.0" class="key"/>
-<text x="422.0" y="308.0" class="tap">RET</text>
-<text x="422.0" y="332.0" class="hold">Sym</text>
-<rect rx="6.0" ry="6.0" x="452.0" y="268.0" width="52.0" height="52.0" class="key"/>
-<text x="478.0" y="294.0" class="tap">BKSP</text>
-<rect rx="6.0" ry="6.0" x="72.0" y="161.72" width="28.0" height="26.0" class="combo"/>
-<text x="86.0" y="174.72" class="combo tap">{</text>
-<rect rx="6.0" ry="6.0" x="128.0" y="135.68" width="28.0" height="26.0" class="combo"/>
-<text x="142.0" y="148.68" class="combo tap">[</text>
-<rect rx="6.0" ry="6.0" x="184.0" y="134.84" width="28.0" height="26.0" class="combo"/>
-<text x="198.0" y="147.84" class="combo tap">(</text>
-<rect rx="6.0" ry="6.0" x="520.0" y="134.84" width="28.0" height="26.0" class="combo"/>
-<text x="534.0" y="147.84" class="combo tap">)</text>
-<rect rx="6.0" ry="6.0" x="576.0" y="135.68" width="28.0" height="26.0" class="combo"/>
-<text x="590.0" y="148.68" class="combo tap">]</text>
-<rect rx="6.0" ry="6.0" x="632.0" y="161.72" width="28.0" height="26.0" class="combo"/>
-<text x="646.0" y="174.72" class="combo tap">}</text>
-<rect rx="6.0" ry="6.0" x="128.0" y="191.68" width="28.0" height="26.0" class="combo"/>
-<text x="142.0" y="204.68" class="combo tap">~</text>
-<rect rx="6.0" ry="6.0" x="184.0" y="190.83999999999997" width="28.0" height="26.0" class="combo"/>
-<text x="198.0" y="203.83999999999997" class="combo tap">`</text>
-<rect rx="6.0" ry="6.0" x="520.0" y="190.83999999999997" width="28.0" height="26.0" class="combo"/>
-<text x="534.0" y="203.83999999999997" class="combo tap">\</text>
-<rect rx="6.0" ry="6.0" x="576.0" y="191.68" width="28.0" height="26.0" class="combo"/>
-<text x="590.0" y="204.68" class="combo tap">|</text>
-</g>
-<g class="layer-Nav">
-<text x="30.0" y="364.0" class="label">Nav:</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="446.08000000000004" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="472.08000000000004" class="tap">
-<tspan x="58.0" dy="-0.6em">AC</tspan><tspan x="58.0" dy="1.2em">CLOSE</tspan></text>
-<rect rx="6.0" ry="6.0" x="88.0" y="411.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="437.36" class="tap">PREV</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="394.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="420.0" class="tap">NEXT</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="409.68" width="52.0" height="52.0" class="trans key"/>
-<text x="226.0" y="435.68" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="417.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="443.52" class="tap">
-<tspan x="282.0" dy="-0.6em">VOL</tspan><tspan x="282.0" dy="1.2em">UP</tspan></text>
-<rect rx="6.0" ry="6.0" x="424.0" y="417.52" width="52.0" height="52.0" class="trans key"/>
-<text x="450.0" y="443.52" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="409.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="435.68" class="tap">HOME</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="394.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="420.0" class="tap">
-<tspan x="562.0" dy="-0.6em">PG</tspan><tspan x="562.0" dy="1.2em">DN</tspan></text>
-<rect rx="6.0" ry="6.0" x="592.0" y="411.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="437.36" class="tap">
-<tspan x="618.0" dy="-0.6em">PG</tspan><tspan x="618.0" dy="1.2em">UP</tspan></text>
-<rect rx="6.0" ry="6.0" x="648.0" y="446.08000000000004" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="472.08000000000004" class="tap">END</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="502.0799999999999" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="528.0799999999999" class="tap">LGUI</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="467.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="493.36" class="tap">LALT</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="450.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="476.0" class="tap">LSHFT</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="465.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="491.68" class="tap">LCTRL</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="473.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="499.52" class="tap">
-<tspan x="282.0" dy="-0.6em">VOL</tspan><tspan x="282.0" dy="1.2em">DN</tspan></text>
-<rect rx="6.0" ry="6.0" x="424.0" y="473.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="499.52" class="tap">
-<tspan x="450.0" dy="-0.6em">AL</tspan><tspan x="450.0" dy="1.2em">CALC</tspan></text>
-<rect rx="6.0" ry="6.0" x="480.0" y="465.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="491.68" class="tap">LARW</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="450.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="476.0" class="tap">DARW</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="467.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="493.36" class="tap">UARW</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="502.0799999999999" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="528.0799999999999" class="tap">RARW</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="558.08" width="52.0" height="52.0" class="trans key"/>
-<text x="58.0" y="584.08" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="523.36" width="52.0" height="52.0" class="trans key"/>
-<text x="114.0" y="549.36" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="506.0" width="52.0" height="52.0" class="trans key"/>
-<text x="170.0" y="532.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="521.68" width="52.0" height="52.0" class="trans key"/>
-<text x="226.0" y="547.68" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="529.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="555.52" class="tap">PP</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="529.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="555.52" class="tap">INS</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="521.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="547.68" class="tap">HOME</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="506.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="532.0" class="tap">
-<tspan x="562.0" dy="-0.6em">PG</tspan><tspan x="562.0" dy="1.2em">DN</tspan></text>
-<rect rx="6.0" ry="6.0" x="592.0" y="523.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="549.36" class="tap">
-<tspan x="618.0" dy="-0.6em">PG</tspan><tspan x="618.0" dy="1.2em">UP</tspan></text>
-<rect rx="6.0" ry="6.0" x="648.0" y="558.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="584.08" class="tap">END</text>
-<rect rx="6.0" ry="6.0" x="228.0" y="604.0" width="52.0" height="52.0" class="trans key"/>
-<text x="254.0" y="630.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="284.0" y="618.0" width="52.0" height="52.0" class="held key"/>
-<rect rx="6.0" ry="6.0" x="396.0" y="618.0" width="52.0" height="52.0" class="key"/>
-<text x="422.0" y="644.0" class="tap">ESC</text>
-<rect rx="6.0" ry="6.0" x="452.0" y="604.0" width="52.0" height="52.0" class="key"/>
-<text x="478.0" y="630.0" class="tap">DEL</text>
-</g>
-<g class="layer-Sym">
-<text x="30.0" y="700.0" class="label">Sym:</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="782.08" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="808.08" class="tap">!</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="747.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="773.36" class="tap">@</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="730.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="756.0" class="tap">#</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="745.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="771.68" class="tap">$</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="753.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="779.52" class="tap">%</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="753.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="779.52" class="tap">\</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="745.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="771.68" class="tap">7</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="730.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="756.0" class="tap">8</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="747.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="773.36" class="tap">9</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="782.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="808.08" class="tap">,</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="838.0799999999999" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="864.0799999999999" class="tap">+</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="803.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="829.36" class="tap">=</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="786.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="812.0" class="tap">_</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="801.6800000000001" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="827.6800000000001" class="tap">-</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="809.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="835.52" class="tap">^</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="809.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="835.52" class="tap">0</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="801.6800000000001" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="827.6800000000001" class="tap">4</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="786.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="812.0" class="tap">5</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="803.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="829.36" class="tap">6</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="838.0799999999999" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="864.0799999999999" class="tap">.</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="894.08" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="920.08" class="tap">~</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="859.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="885.36" class="tap">LS(1)</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="842.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="868.0" class="tap">LS(2)</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="857.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="883.68" class="tap">*</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="865.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="891.52" class="tap">&amp;</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="865.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="891.52" class="tap">;</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="857.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="883.68" class="tap">1</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="842.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="868.0" class="tap">2</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="859.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="885.36" class="tap">3</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="894.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="920.08" class="tap">/</text>
-<rect rx="6.0" ry="6.0" x="228.0" y="940.0" width="52.0" height="52.0" class="key"/>
-<text x="254.0" y="966.0" class="tap">BKSP</text>
-<rect rx="6.0" ry="6.0" x="284.0" y="954.0" width="52.0" height="52.0" class="key"/>
-<text x="310.0" y="980.0" class="tap">SPACE</text>
-<rect rx="6.0" ry="6.0" x="396.0" y="954.0" width="52.0" height="52.0" class="held key"/>
-<rect rx="6.0" ry="6.0" x="452.0" y="940.0" width="52.0" height="52.0" class="trans key"/>
-<text x="478.0" y="966.0" class="trans tap">▽</text>
-</g>
-<g class="layer-Func">
-<text x="30.0" y="1036.0" class="label">Func:</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="1118.08" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="1144.08" class="tap">F1</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="1083.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="1109.36" class="tap">F2</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="1066.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="1092.0" class="tap">F3</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="1081.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="1107.68" class="tap">F4</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="1089.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="1115.52" class="tap">F5</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="1089.52" width="52.0" height="52.0" class="trans key"/>
-<text x="450.0" y="1115.52" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="1081.68" width="52.0" height="52.0" class="trans key"/>
-<text x="506.0" y="1107.68" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="1066.0" width="52.0" height="52.0" class="trans key"/>
-<text x="562.0" y="1092.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="1083.36" width="52.0" height="52.0" class="trans key"/>
-<text x="618.0" y="1109.36" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="1118.08" width="52.0" height="52.0" class="trans key"/>
-<text x="674.0" y="1144.08" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="32.0" y="1174.08" width="52.0" height="52.0" class="key"/>
-<text x="58.0" y="1200.08" class="tap">F6</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="1139.36" width="52.0" height="52.0" class="key"/>
-<text x="114.0" y="1165.36" class="tap">F7</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="1122.0" width="52.0" height="52.0" class="key"/>
-<text x="170.0" y="1148.0" class="tap">F8</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="1137.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="1163.68" class="tap">F9</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="1145.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="1171.52" class="tap">F10</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="1145.52" width="52.0" height="52.0" class="key"/>
-<text x="450.0" y="1171.52" class="tap">
-<tspan x="450.0" dy="-0.6em">BT</tspan><tspan x="450.0" dy="1.2em">0</tspan></text>
-<rect rx="6.0" ry="6.0" x="480.0" y="1137.68" width="52.0" height="52.0" class="key"/>
-<text x="506.0" y="1163.68" class="tap">
-<tspan x="506.0" dy="-0.6em">BT</tspan><tspan x="506.0" dy="1.2em">1</tspan></text>
-<rect rx="6.0" ry="6.0" x="536.0" y="1122.0" width="52.0" height="52.0" class="key"/>
-<text x="562.0" y="1148.0" class="tap">
-<tspan x="562.0" dy="-0.6em">BT</tspan><tspan x="562.0" dy="1.2em">2</tspan></text>
-<rect rx="6.0" ry="6.0" x="592.0" y="1139.36" width="52.0" height="52.0" class="key"/>
-<text x="618.0" y="1165.36" class="tap">
-<tspan x="618.0" dy="-0.6em">BT</tspan><tspan x="618.0" dy="1.2em">3</tspan></text>
-<rect rx="6.0" ry="6.0" x="648.0" y="1174.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="1200.08" class="tap">
-<tspan x="674.0" dy="-0.6em">BT</tspan><tspan x="674.0" dy="1.2em">4</tspan></text>
-<rect rx="6.0" ry="6.0" x="32.0" y="1230.08" width="52.0" height="52.0" class="trans key"/>
-<text x="58.0" y="1256.08" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="88.0" y="1195.3600000000001" width="52.0" height="52.0" class="trans key"/>
-<text x="114.0" y="1221.3600000000001" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="144.0" y="1178.0" width="52.0" height="52.0" class="trans key"/>
-<text x="170.0" y="1204.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="200.0" y="1193.68" width="52.0" height="52.0" class="key"/>
-<text x="226.0" y="1219.68" class="tap">F11</text>
-<rect rx="6.0" ry="6.0" x="256.0" y="1201.52" width="52.0" height="52.0" class="key"/>
-<text x="282.0" y="1227.52" class="tap">F12</text>
-<rect rx="6.0" ry="6.0" x="424.0" y="1201.52" width="52.0" height="52.0" class="trans key"/>
-<text x="450.0" y="1227.52" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="480.0" y="1193.68" width="52.0" height="52.0" class="trans key"/>
-<text x="506.0" y="1219.68" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="536.0" y="1178.0" width="52.0" height="52.0" class="trans key"/>
-<text x="562.0" y="1204.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="592.0" y="1195.3600000000001" width="52.0" height="52.0" class="trans key"/>
-<text x="618.0" y="1221.3600000000001" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="648.0" y="1230.08" width="52.0" height="52.0" class="key"/>
-<text x="674.0" y="1256.08" class="tap">
-<tspan x="674.0" dy="-0.6em">BT</tspan><tspan x="674.0" dy="1.2em">CLR</tspan></text>
-<rect rx="6.0" ry="6.0" x="228.0" y="1276.0" width="52.0" height="52.0" class="held key"/>
-<rect rx="6.0" ry="6.0" x="284.0" y="1290.0" width="52.0" height="52.0" class="trans key"/>
-<text x="310.0" y="1316.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="396.0" y="1290.0" width="52.0" height="52.0" class="trans key"/>
-<text x="422.0" y="1316.0" class="trans tap">▽</text>
-<rect rx="6.0" ry="6.0" x="452.0" y="1276.0" width="52.0" height="52.0" class="trans key"/>
-<text x="478.0" y="1302.0" class="trans tap">▽</text>
+<g transform="translate(30, 0)" class="layer-default">
+<text x="0" y="28" class="label">default:</text>
+<g transform="translate(0, 56)">
+<g transform="translate(28, 80)" class="key keypos-0">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">Q</text>
+</g>
+<g transform="translate(84, 45)" class="key keypos-1">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">W</text>
+</g>
+<g transform="translate(140, 28)" class="key keypos-2">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F</text>
+</g>
+<g transform="translate(196, 44)" class="key keypos-3">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">P</text>
+</g>
+<g transform="translate(252, 52)" class="key keypos-4">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">B</text>
+</g>
+<g transform="translate(420, 52)" class="key keypos-5">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">J</text>
+</g>
+<g transform="translate(476, 44)" class="key keypos-6">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">L</text>
+</g>
+<g transform="translate(532, 28)" class="key keypos-7">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">U</text>
+</g>
+<g transform="translate(588, 45)" class="key keypos-8">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">Y</text>
+</g>
+<g transform="translate(644, 80)" class="key keypos-9">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">;</text>
+</g>
+<g transform="translate(28, 136)" class="key keypos-10">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">A</text>
+<text x="0" y="24" class="key hold">LGUI</text>
+</g>
+<g transform="translate(84, 101)" class="key keypos-11">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">R</text>
+<text x="0" y="24" class="key hold">LALT</text>
+</g>
+<g transform="translate(140, 84)" class="key keypos-12">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">S</text>
+<text x="0" y="24" class="key hold">LSHFT</text>
+</g>
+<g transform="translate(196, 100)" class="key keypos-13">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">T</text>
+<text x="0" y="24" class="key hold">LCTRL</text>
+</g>
+<g transform="translate(252, 108)" class="key keypos-14">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">G</text>
+</g>
+<g transform="translate(420, 108)" class="key keypos-15">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">M</text>
+</g>
+<g transform="translate(476, 100)" class="key keypos-16">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">N</text>
+<text x="0" y="24" class="key hold">RCTRL</text>
+</g>
+<g transform="translate(532, 84)" class="key keypos-17">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">E</text>
+<text x="0" y="24" class="key hold">RSHFT</text>
+</g>
+<g transform="translate(588, 101)" class="key keypos-18">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">I</text>
+<text x="0" y="24" class="key hold">LALT</text>
+</g>
+<g transform="translate(644, 136)" class="key keypos-19">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">O</text>
+<text x="0" y="24" class="key hold">LGUI</text>
+</g>
+<g transform="translate(28, 192)" class="key keypos-20">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">Z</text>
+</g>
+<g transform="translate(84, 157)" class="key keypos-21">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">X</text>
+</g>
+<g transform="translate(140, 140)" class="key keypos-22">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">C</text>
+</g>
+<g transform="translate(196, 156)" class="key keypos-23">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">D</text>
+</g>
+<g transform="translate(252, 164)" class="key keypos-24">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">V</text>
+</g>
+<g transform="translate(420, 164)" class="key keypos-25">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">K</text>
+</g>
+<g transform="translate(476, 156)" class="key keypos-26">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">H</text>
+</g>
+<g transform="translate(532, 140)" class="key keypos-27">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">,</text>
+</g>
+<g transform="translate(588, 157)" class="key keypos-28">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">.</text>
+</g>
+<g transform="translate(644, 192)" class="key keypos-29">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">/</text>
+</g>
+<g transform="translate(224, 238)" class="key keypos-30">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">TAB</text>
+<text x="0" y="24" class="key hold">func</text>
+</g>
+<g transform="translate(280, 252)" class="key keypos-31">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">SPACE</text>
+<text x="0" y="24" class="key hold">nav</text>
+</g>
+<g transform="translate(392, 252)" class="key keypos-32">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">RET</text>
+<text x="0" y="24" class="key hold">sym</text>
+</g>
+<g transform="translate(448, 238)" class="key keypos-33">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BKSP</text>
+</g>
+<g class="combo combopos-0">
+<rect rx="6" ry="6" x="42" y="106" width="28" height="26" class="combo"/>
+<text x="56" y="119" class="combo tap">[</text>
+</g>
+<g class="combo combopos-1">
+<rect rx="6" ry="6" x="98" y="80" width="28" height="26" class="combo"/>
+<text x="112" y="93" class="combo tap">(</text>
+</g>
+<g class="combo combopos-2">
+<rect rx="6" ry="6" x="154" y="79" width="28" height="26" class="combo"/>
+<text x="168" y="92" class="combo tap">{</text>
+</g>
+<g class="combo combopos-3">
+<path d="M336,84 l-177,0" class="combo"/>
+<path d="M336,84 l177,0" class="combo"/>
+<rect rx="6" ry="6" x="322" y="71" width="28" height="26" class="combo"/>
+<text x="336" y="84" class="combo tap">&#x27;</text>
+</g>
+<g class="combo combopos-4">
+<path d="M336,100 l-121,0" class="combo"/>
+<path d="M336,100 l121,0" class="combo"/>
+<rect rx="6" ry="6" x="322" y="87" width="28" height="26" class="combo"/>
+<text x="336" y="100" class="combo tap">&quot;</text>
+</g>
+<g class="combo combopos-5">
+<rect rx="6" ry="6" x="490" y="79" width="28" height="26" class="combo"/>
+<text x="504" y="92" class="combo tap">}</text>
+</g>
+<g class="combo combopos-6">
+<rect rx="6" ry="6" x="546" y="80" width="28" height="26" class="combo"/>
+<text x="560" y="93" class="combo tap">)</text>
+</g>
+<g class="combo combopos-7">
+<rect rx="6" ry="6" x="602" y="106" width="28" height="26" class="combo"/>
+<text x="616" y="119" class="combo tap">]</text>
+</g>
+<g class="combo combopos-8">
+<rect rx="6" ry="6" x="98" y="136" width="28" height="26" class="combo"/>
+<text x="112" y="149" class="combo tap">~</text>
+</g>
+<g class="combo combopos-9">
+<rect rx="6" ry="6" x="154" y="135" width="28" height="26" class="combo"/>
+<text x="168" y="148" class="combo tap">`</text>
+</g>
+<g class="combo combopos-10">
+<rect rx="6" ry="6" x="490" y="135" width="28" height="26" class="combo"/>
+<text x="504" y="148" class="combo tap">\</text>
+</g>
+<g class="combo combopos-11">
+<rect rx="6" ry="6" x="546" y="136" width="28" height="26" class="combo"/>
+<text x="560" y="149" class="combo tap">|</text>
+</g>
+</g>
+</g>
+<g transform="translate(30, 336)" class="layer-nav">
+<text x="0" y="28" class="label">nav:</text>
+<g transform="translate(0, 56)">
+<g transform="translate(28, 80)" class="key keypos-0">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">AC</tspan><tspan x="0" dy="1.2em">CLOSE</tspan>
+</text>
+</g>
+<g transform="translate(84, 45)" class="key keypos-1">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">PREV</text>
+</g>
+<g transform="translate(140, 28)" class="key keypos-2">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">NEXT</text>
+</g>
+<g transform="translate(196, 44)" class="key trans keypos-3">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(252, 52)" class="key keypos-4">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">VOL</tspan><tspan x="0" dy="1.2em">UP</tspan>
+</text>
+</g>
+<g transform="translate(420, 52)" class="key trans keypos-5">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(476, 44)" class="key keypos-6">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">HOME</text>
+</g>
+<g transform="translate(532, 28)" class="key keypos-7">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">DN</tspan>
+</text>
+</g>
+<g transform="translate(588, 45)" class="key keypos-8">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">UP</tspan>
+</text>
+</g>
+<g transform="translate(644, 80)" class="key keypos-9">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">END</text>
+</g>
+<g transform="translate(28, 136)" class="key keypos-10">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">LGUI</text>
+</g>
+<g transform="translate(84, 101)" class="key keypos-11">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">LALT</text>
+</g>
+<g transform="translate(140, 84)" class="key keypos-12">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">LSHFT</text>
+</g>
+<g transform="translate(196, 100)" class="key keypos-13">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">LCTRL</text>
+</g>
+<g transform="translate(252, 108)" class="key keypos-14">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">VOL</tspan><tspan x="0" dy="1.2em">DN</tspan>
+</text>
+</g>
+<g transform="translate(420, 108)" class="key keypos-15">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">AL</tspan><tspan x="0" dy="1.2em">CALC</tspan>
+</text>
+</g>
+<g transform="translate(476, 100)" class="key keypos-16">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">LARW</text>
+</g>
+<g transform="translate(532, 84)" class="key keypos-17">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">DARW</text>
+</g>
+<g transform="translate(588, 101)" class="key keypos-18">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">UARW</text>
+</g>
+<g transform="translate(644, 136)" class="key keypos-19">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">RARW</text>
+</g>
+<g transform="translate(28, 192)" class="key trans keypos-20">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(84, 157)" class="key trans keypos-21">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(140, 140)" class="key trans keypos-22">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(196, 156)" class="key trans keypos-23">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(252, 164)" class="key keypos-24">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">PP</text>
+</g>
+<g transform="translate(420, 164)" class="key keypos-25">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">INS</text>
+</g>
+<g transform="translate(476, 156)" class="key keypos-26">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">HOME</text>
+</g>
+<g transform="translate(532, 140)" class="key keypos-27">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">DN</tspan>
+</text>
+</g>
+<g transform="translate(588, 157)" class="key keypos-28">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">UP</tspan>
+</text>
+</g>
+<g transform="translate(644, 192)" class="key keypos-29">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">END</text>
+</g>
+<g transform="translate(224, 238)" class="key trans keypos-30">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(280, 252)" class="key held keypos-31">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key held"/>
+</g>
+<g transform="translate(392, 252)" class="key keypos-32">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">ESC</text>
+</g>
+<g transform="translate(448, 238)" class="key keypos-33">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">DEL</text>
+</g>
+</g>
+</g>
+<g transform="translate(30, 672)" class="layer-sym">
+<text x="0" y="28" class="label">sym:</text>
+<g transform="translate(0, 56)">
+<g transform="translate(28, 80)" class="key keypos-0">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">!</text>
+</g>
+<g transform="translate(84, 45)" class="key keypos-1">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">@</text>
+</g>
+<g transform="translate(140, 28)" class="key keypos-2">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">#</text>
+</g>
+<g transform="translate(196, 44)" class="key keypos-3">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">$</text>
+</g>
+<g transform="translate(252, 52)" class="key keypos-4">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">%</text>
+</g>
+<g transform="translate(420, 52)" class="key keypos-5">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">\</text>
+</g>
+<g transform="translate(476, 44)" class="key keypos-6">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">7</text>
+</g>
+<g transform="translate(532, 28)" class="key keypos-7">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">8</text>
+</g>
+<g transform="translate(588, 45)" class="key keypos-8">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">9</text>
+</g>
+<g transform="translate(644, 80)" class="key keypos-9">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">,</text>
+</g>
+<g transform="translate(28, 136)" class="key keypos-10">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">+</text>
+</g>
+<g transform="translate(84, 101)" class="key keypos-11">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">=</text>
+</g>
+<g transform="translate(140, 84)" class="key keypos-12">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">_</text>
+</g>
+<g transform="translate(196, 100)" class="key keypos-13">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">-</text>
+</g>
+<g transform="translate(252, 108)" class="key keypos-14">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">^</text>
+</g>
+<g transform="translate(420, 108)" class="key keypos-15">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">0</text>
+</g>
+<g transform="translate(476, 100)" class="key keypos-16">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">4</text>
+</g>
+<g transform="translate(532, 84)" class="key keypos-17">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">5</text>
+</g>
+<g transform="translate(588, 101)" class="key keypos-18">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">6</text>
+</g>
+<g transform="translate(644, 136)" class="key keypos-19">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">.</text>
+</g>
+<g transform="translate(28, 192)" class="key keypos-20">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">~</text>
+</g>
+<g transform="translate(84, 157)" class="key keypos-21">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">&lt;</text>
+</g>
+<g transform="translate(140, 140)" class="key keypos-22">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">&gt;</text>
+</g>
+<g transform="translate(196, 156)" class="key keypos-23">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">*</text>
+</g>
+<g transform="translate(252, 164)" class="key keypos-24">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">&amp;</text>
+</g>
+<g transform="translate(420, 164)" class="key keypos-25">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">;</text>
+</g>
+<g transform="translate(476, 156)" class="key keypos-26">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">1</text>
+</g>
+<g transform="translate(532, 140)" class="key keypos-27">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">2</text>
+</g>
+<g transform="translate(588, 157)" class="key keypos-28">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">3</text>
+</g>
+<g transform="translate(644, 192)" class="key keypos-29">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">/</text>
+</g>
+<g transform="translate(224, 238)" class="key keypos-30">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BKSP</text>
+</g>
+<g transform="translate(280, 252)" class="key keypos-31">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">SPACE</text>
+</g>
+<g transform="translate(392, 252)" class="key held keypos-32">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key held"/>
+</g>
+<g transform="translate(448, 238)" class="key trans keypos-33">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+</g>
+</g>
+<g transform="translate(30, 1008)" class="layer-func">
+<text x="0" y="28" class="label">func:</text>
+<g transform="translate(0, 56)">
+<g transform="translate(28, 80)" class="key keypos-0">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F1</text>
+</g>
+<g transform="translate(84, 45)" class="key keypos-1">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F2</text>
+</g>
+<g transform="translate(140, 28)" class="key keypos-2">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F3</text>
+</g>
+<g transform="translate(196, 44)" class="key keypos-3">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F4</text>
+</g>
+<g transform="translate(252, 52)" class="key keypos-4">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F5</text>
+</g>
+<g transform="translate(420, 52)" class="key trans keypos-5">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(476, 44)" class="key trans keypos-6">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(532, 28)" class="key trans keypos-7">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(588, 45)" class="key trans keypos-8">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(644, 80)" class="key trans keypos-9">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(28, 136)" class="key keypos-10">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F6</text>
+</g>
+<g transform="translate(84, 101)" class="key keypos-11">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F7</text>
+</g>
+<g transform="translate(140, 84)" class="key keypos-12">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F8</text>
+</g>
+<g transform="translate(196, 100)" class="key keypos-13">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F9</text>
+</g>
+<g transform="translate(252, 108)" class="key keypos-14">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F10</text>
+</g>
+<g transform="translate(420, 108)" class="key keypos-15">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BT</text>
+<text x="0" y="24" class="key hold">0</text>
+</g>
+<g transform="translate(476, 100)" class="key keypos-16">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BT</text>
+<text x="0" y="24" class="key hold">1</text>
+</g>
+<g transform="translate(532, 84)" class="key keypos-17">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BT</text>
+<text x="0" y="24" class="key hold">2</text>
+</g>
+<g transform="translate(588, 101)" class="key keypos-18">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BT</text>
+<text x="0" y="24" class="key hold">3</text>
+</g>
+<g transform="translate(644, 136)" class="key keypos-19">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">BT</text>
+<text x="0" y="24" class="key hold">4</text>
+</g>
+<g transform="translate(28, 192)" class="key trans keypos-20">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(84, 157)" class="key trans keypos-21">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(140, 140)" class="key trans keypos-22">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(196, 156)" class="key keypos-23">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F11</text>
+</g>
+<g transform="translate(252, 164)" class="key keypos-24">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">F12</text>
+</g>
+<g transform="translate(420, 164)" class="key trans keypos-25">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(476, 156)" class="key trans keypos-26">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(532, 140)" class="key trans keypos-27">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(588, 157)" class="key trans keypos-28">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(644, 192)" class="key keypos-29">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
+<text x="0" y="0" class="key tap">
+<tspan x="0" dy="-0.6em">BT</tspan><tspan x="0" dy="1.2em">CLR</tspan>
+</text>
+</g>
+<g transform="translate(224, 238)" class="key held keypos-30">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key held"/>
+</g>
+<g transform="translate(280, 252)" class="key trans keypos-31">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(392, 252)" class="key trans keypos-32">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+<g transform="translate(448, 238)" class="key trans keypos-33">
+<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans"/>
+<text x="0" y="0" class="key trans tap">▽</text>
+</g>
+</g>
 </g>
 </svg>
diff --git a/svg/zaphod.yaml b/svg/zaphod.yaml
new file mode 100644
index 00000000..96a05ee4
--- /dev/null
+++ b/svg/zaphod.yaml
@@ -0,0 +1,179 @@
+layout: {qmk_keyboard: ferris/sweep}
+layers:
+  default:
+  - Q
+  - W
+  - F
+  - P
+  - B
+  - J
+  - L
+  - U
+  - Y
+  - ;
+  - {t: A, h: LGUI}
+  - {t: R, h: LALT}
+  - {t: S, h: LSHFT}
+  - {t: T, h: LCTRL}
+  - G
+  - M
+  - {t: N, h: RCTRL}
+  - {t: E, h: RSHFT}
+  - {t: I, h: LALT}
+  - {t: O, h: LGUI}
+  - Z
+  - X
+  - C
+  - D
+  - V
+  - K
+  - H
+  - ','
+  - .
+  - /
+  - {t: TAB, h: func}
+  - {t: SPACE, h: nav}
+  - {t: RET, h: sym}
+  - BKSP
+  nav:
+  - AC CLOSE
+  - PREV
+  - NEXT
+  - {t: ▽, type: trans}
+  - VOL UP
+  - {t: ▽, type: trans}
+  - HOME
+  - PG DN
+  - PG UP
+  - END
+  - LGUI
+  - LALT
+  - LSHFT
+  - LCTRL
+  - VOL DN
+  - AL CALC
+  - LARW
+  - DARW
+  - UARW
+  - RARW
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - PP
+  - INS
+  - HOME
+  - PG DN
+  - PG UP
+  - END
+  - {t: ▽, type: trans}
+  - {type: held}
+  - ESC
+  - DEL
+  sym:
+  - '!'
+  - '@'
+  - '#'
+  - $
+  - '%'
+  - \
+  - '7'
+  - '8'
+  - '9'
+  - ','
+  - +
+  - '='
+  - _
+  - '-'
+  - ^
+  - '0'
+  - '4'
+  - '5'
+  - '6'
+  - .
+  - '~'
+  - <
+  - '>'
+  - '*'
+  - '&'
+  - ;
+  - '1'
+  - '2'
+  - '3'
+  - /
+  - BKSP
+  - SPACE
+  - {type: held}
+  - {t: ▽, type: trans}
+  func:
+  - F1
+  - F2
+  - F3
+  - F4
+  - F5
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - F6
+  - F7
+  - F8
+  - F9
+  - F10
+  - {t: BT, h: '0'}
+  - {t: BT, h: '1'}
+  - {t: BT, h: '2'}
+  - {t: BT, h: '3'}
+  - {t: BT, h: '4'}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - F11
+  - F12
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - BT CLR
+  - {type: held}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+  - {t: ▽, type: trans}
+combos:
+- p: [10, 11]
+  k: '['
+  l: [default]
+- p: [11, 12]
+  k: (
+  l: [default]
+- p: [12, 13]
+  k: '{'
+  l: [default]
+- p: [12, 17]
+  k: ''''
+  l: [default]
+- p: [13, 16]
+  k: '"'
+  l: [default]
+- p: [16, 17]
+  k: '}'
+  l: [default]
+- p: [17, 18]
+  k: )
+  l: [default]
+- p: [18, 19]
+  k: ']'
+  l: [default]
+- p: [21, 22]
+  k: '~'
+  l: [default]
+- p: [22, 23]
+  k: '`'
+  l: [default]
+- p: [26, 27]
+  k: \
+  l: [default]
+- p: [27, 28]
+  k: '|'
+  l: [default]