diff --git a/README.md b/README.md
index d9c0158..47c0e25 100644
--- a/README.md
+++ b/README.md
@@ -1,25 +1,25 @@
 # Keyboard Heatmap
-This repository contains the sourcecode of [my recently released keyboard heatmap](http://www.patrick-wied.at/projects/heatmap-keyboard/ "Realtime Keyboard Heatmap").
-The keyboard heatmap shows the distribution of characters of a text while you're typing. It's using my JavaScript heatmap library ([heatmap.js](http://www.patrick-wied.at/static/heatmapjs/ "Heatmap.js")) to make that possible.
+This repository contains the sourcecode of [my recently released keyboard heatmap](https://www.patrick-wied.at/projects/heatmap-keyboard/ "Realtime Keyboard Heatmap").
+The keyboard heatmap shows the distribution of characters of a text while you're typing. It's using my JavaScript heatmap library ([heatmap.js](https://www.patrick-wied.at/static/heatmapjs/ "Heatmap.js")) to make that possible.
 
 Currently support keyboard layouts:
 - ASSET
 - CARPALX_QFMLWY
-- QWERTY
+- COLEMAK
 - DVORAK
 - DVORAK PROGRAMMER
-- COLEMAK
+- ERGODOX COLEMAK/DVORAK/QWERTY
 - LIIGOL
-- ERGODOX COLEMAK/DVORAK/QUERY
 - MINIMAK 4/8/12 K
 - NORMAN
+- QWERTY
 - WORKMAN
 
 
 **Contributions are very welcome!**
 
 ## How to add your own layout
-I wrote an article about [how to add your own keyboard layout to the keyboard heatmap](http://www.patrick-wied.at/blog/new-layouts-for-the-keyboard-heatmap "check it out"). It's really easy and fun ;)
+I wrote an article about [how to add your own keyboard layout to the keyboard heatmap](https://www.patrick-wied.at/blog/new-layouts-for-the-keyboard-heatmap "check it out"). It's really easy and fun ;)
 
 ## Features planned
 - More Keyboard Layouts
@@ -29,12 +29,13 @@ I wrote an article about [how to add your own keyboard layout to the keyboard he
 
 ## Changelog
 - Added DVORAK Layout
-- Added ERGODOX DVORAK Layout 
+- Added ERGODOX DVORAK Layout
 - Added LIIGOL Layout
 
 ## Contributions
 - Zeff Houssney contributed the DVORAK background image and the layout's coordinates
-- Liigo Zhuang contributed the LIIGOL layout design, background image and the layout's coordinates 
+- Liigo Zhuang contributed the LIIGOL layout design, background image and the layout's coordinates
+- Ryan Wilson contributed the initial 2 ERGODOX layouts, images, and layout's coordinates
 
 ## License
 The Keyboard Heatmap is licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php "") and [Beerware](http://en.wikipedia.org/wiki/Beerware "") License.
diff --git a/app/img/ERGODOX_DVORAK.png b/app/img/ERGODOX_DVORAK.png
index a736b61..f500124 100644
Binary files a/app/img/ERGODOX_DVORAK.png and b/app/img/ERGODOX_DVORAK.png differ
diff --git a/app/index.html b/app/index.html
index d16f69c..d8f80cb 100644
--- a/app/index.html
+++ b/app/index.html
@@ -70,8 +70,8 @@ <h2>Customize it</h2>
                     <option value="DVORAK">Dvorak</option>
                     <option value="DVORAK_PROGRAMMER">Dvorak Programmer</option>
                     <option value="ERGODOX_COLEMAK">ErgoDox COLEMAK</option>
-                    <option value="ERGODOX_QWERTY">ErgoDox QWERTY</option>
                     <option value="ERGODOX_DVORAK">ErgoDox DVORAK</option>
+                    <option value="ERGODOX_QWERTY">ErgoDox QWERTY</option>
                     <option value="LIIGOL">LIIGOL Layout</option>
                     <option value="MINIMAK_4K">Minimak 4-Keys</option>
                     <option value="MINIMAK_8K">Minimak 8-Keys</option>
diff --git a/app/keyboard-layouts.js b/app/keyboard-layouts.js
index 8dcbefa..e1498d0 100644
--- a/app/keyboard-layouts.js
+++ b/app/keyboard-layouts.js
@@ -1243,7 +1243,7 @@ app.LAYOUTS = {
         "/": [765, 111],
 
         "notset": [35, 111],
-        "notset": [86, 111],
+        "\"": [86, 111],
         "<": [127, 104],
         ">": [169, 101],
         "P": [210, 104],
@@ -1321,21 +1321,21 @@ app.LAYOUTS = {
         "notset": [765, 194],
         
         // 1 row (bottom) /////////
-        "[": [35, 208],
-        "]": [92, 208],
-        "\\": [138, 208],
+        "[": [44, 235],
+        "]": [86, 235],
+        "\\": [127, 228],
         "notset": [183, 208],
         "notset": [229, 208],
 
-        "{": [571, 208],
-        "}": [617, 208],
-        "|": [662, 208],
+        "notset": [571, 208],
+        "notset": [617, 208],
+        "notset": [662, 208],
         "notset": [708, 208],
         "notset": [754, 208],
         
-        "notset": [35, 208],
-        "notset": [92, 208],
-        "notset": [138, 208],
+        "{": [44, 235],
+        "}": [86, 235],
+        "|": [127, 228],
         "notset": [183, 208],
         "notset": [229, 208],
 
diff --git a/app/util/Ergodox_layout_image_template.html b/app/util/Ergodox_layout_image_template.html
new file mode 100755
index 0000000..4e543c2
--- /dev/null
+++ b/app/util/Ergodox_layout_image_template.html
@@ -0,0 +1,285 @@
+<html>
+<!-- NOTE: this is a simple ergodox layout SVG creation tool -->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <body>
+        <style type="text/css">
+            .k {
+            fill: #ffffff;
+            fill-opacity: 1;
+            stroke: #000000;
+            stroke-width="4";
+            }
+
+            .o {
+            fill: #ffffff;
+            fill-opacity: 0;
+            cursor: pointer;
+            }
+
+            .t {
+            font-size: 14px;
+            text-anchor: middle;
+            font-weight: bold;
+            }
+
+            .h {
+            display: none;
+            }
+        </style>
+        <div id="svg-container">
+<!-- NOTE: native image needs to be 800 x 373 to fit in original page, so width scaling of 80.80808...% and match height aspect -->
+            <svg width="990" height="400" data-id="3" id="l-3" xmlns:svg="http://www.w3.org/2000/svg">
+                <g>
+<!-- Left 1st Row (Top) -->
+                    <rect class="k k-1" width="72.9" height="48.6" x="2.30931" y="29.53557" transform=""></rect>
+                    <text class="t t-1" x="38.75931" y="57.83557" transform=""><tspan x="38.75931" dy="-7">~</tspan><tspan x="38.75931" dy="14">`</tspan></text>
+                    <rect class="o o-1" data-id="1" width="72.9" height="48.6" x="2.30931" y="29.53557" transform=""></rect>
+                    <rect class="k k-2" width="48.6" height="48.6" x="78.75306" y="29.53557" transform=""></rect>
+                    <text class="t t-2" x="103.05306" y="57.83557" transform=""><tspan x="103.05306" dy="-7">!</tspan><tspan x="103.05306" dy="14">1</tspan></text>
+                    <rect class="o o-2" data-id="2" width="48.6" height="48.6" x="78.75306" y="29.53557" transform=""></rect>
+                    <rect class="k k-3" width="48.6" height="48.6" x="130.18806" y="20.95632" transform=""></rect>
+                    <text class="t t-3" x="154.48806" y="49.25632" transform=""><tspan x="154.48806" dy="-7">@</tspan><tspan x="154.48806" dy="14">2</tspan></text>
+                    <rect class="o o-3" data-id="3" width="48.6" height="48.6" x="130.18806" y="20.95632" transform=""></rect>
+                    <rect class="k k-4" width="48.6" height="48.6" x="181.62306" y="16.64253" transform=""></rect>
+                    <text class="t t-4" x="205.92306" y="44.94253" transform=""><tspan x="205.92306" dy="-7">#</tspan><tspan x="205.92306" dy="14">3</tspan></text>
+                    <rect class="o o-4" data-id="4" width="48.6" height="48.6" x="181.62306" y="16.64253" transform=""></rect>
+                    <rect class="k k-5" width="48.6" height="48.6" x="233.05806" y="20.95632" transform=""></rect>
+                    <text class="t t-5" x="257.35806" y="49.25632" transform=""><tspan x="257.35806" dy="-7">$</tspan><tspan x="257.35806" dy="14">4</tspan></text>
+                    <rect class="o o-5" data-id="5" width="48.6" height="48.6" x="233.05806" y="20.95632" transform=""></rect>
+                    <rect class="k k-6" width="48.6" height="48.6" x="284.49306" y="24.39207" transform=""></rect>
+                    <text class="t t-6" x="308.79306" y="52.69207" transform=""><tspan x="308.79306" dy="-7">%</tspan><tspan x="308.79306" dy="14">5</tspan></text>
+                    <rect class="o o-6" data-id="6" width="48.6" height="48.6" x="284.49306" y="24.39207" transform=""></rect>
+                    <rect class="k k-7" width="48.6" height="48.6" x="335.92806" y="24.39207" transform=""></rect>
+                    <text class="t t-7" x="360.22806" y="52.69207" transform="">[-L3]</text>
+                    <rect class="o o-7" data-id="7" width="48.6" height="48.6" x="335.92806" y="24.39207" transform=""></rect>
+<!-- Left 2nd Row -->
+                    <rect class="k k-8" width="72.9" height="48.6" x="2.30931" y="80.96382" transform=""></rect>
+                    <text class="t t-8" x="38.75931" y="109.26382" transform="">Tab</text>
+                    <rect class="o o-8" data-id="8" width="72.9" height="48.6" x="2.30931" y="80.96382" transform=""></rect>
+                    <rect class="k k-9" width="48.6" height="48.6" x="78.75306" y="80.96382" transform=""></rect>
+                    <text class="t t-9" x="103.05306" y="109.26382" transform=""><tspan x="103.05306" dy="-7">Q</tspan><tspan x="103.05306" dy="14">q</tspan></text>
+                    <rect class="o o-9" data-id="9" width="48.6" height="48.6" x="78.75306" y="80.96382" transform=""></rect>
+                    <rect class="k k-10" width="48.6" height="48.6" x="130.18806" y="72.39132" transform=""></rect>
+                    <text class="t t-10" x="154.48806" y="100.69132" transform=""><tspan x="154.48806" dy="-7">W</tspan><tspan x="154.48806" dy="14">w</tspan></text>
+                    <rect class="o o-10" data-id="10" width="48.6" height="48.6" x="130.18806" y="72.39132" transform=""></rect>
+                    <rect class="k k-11" width="48.6" height="48.6" x="181.62306" y="68.07753" transform=""></rect>
+                    <text class="t t-11" x="205.92306" y="96.37753" transform=""><tspan x="205.92306" dy="-7">E</tspan><tspan x="205.92306" dy="14">e</tspan></text>
+                    <rect class="o o-11" data-id="11" width="48.6" height="48.6" x="181.62306" y="68.07753" transform=""></rect>
+                    <rect class="k k-12" width="48.6" height="48.6" x="233.05806" y="72.39132" transform=""></rect>
+                    <text class="t t-12" x="257.35806" y="100.69132" transform=""><tspan x="257.35806" dy="-7">R</tspan><tspan x="257.35806" dy="14">r</tspan></text>
+                    <rect class="o o-12" data-id="12" width="48.6" height="48.6" x="233.05806" y="72.39132" transform=""></rect>
+                    <rect class="k k-13" width="48.6" height="48.6" x="284.49306" y="75.82032" transform=""></rect>
+                    <text class="t t-13" x="308.79306" y="104.12032" transform=""><tspan x="308.79306" dy="-7">T</tspan><tspan x="308.79306" dy="14">t</tspan></text>
+                    <rect class="o o-13" data-id="13" width="48.6" height="48.6" x="284.49306" y="75.82032" transform=""></rect>
+                    <rect class="k k-14" width="48.6" height="72.9" x="335.92806" y="76.52907" transform=""></rect>
+                    <text class="t t-14" x="360.22806" y="116.97907" transform=""><tspan x="360.22806" dy="-7">{</tspan><tspan x="360.22806" dy="14">[</tspan></text>
+                    <rect class="o o-14" data-id="14" width="48.6" height="72.9" x="335.92806" y="76.52907" transform=""></rect>
+<!-- Left 3rd Row -->
+                    <rect class="k k-15" width="72.9" height="48.6" x="2.30931" y="132.39882" transform=""></rect>
+                    <text class="t t-15" x="38.75931" y="160.69882" transform="">L Shift</text>
+                    <rect class="o o-15" data-id="15" width="72.9" height="48.6" x="2.30931" y="132.39882" transform=""></rect>
+                    <rect class="k k-16" width="48.6" height="48.6" x="78.75306" y="132.39882" transform=""></rect>
+                    <text class="t t-16" x="103.05306" y="160.69882" transform=""><tspan x="103.05306" dy="-7">A</tspan><tspan x="103.05306" dy="14">a</tspan></text>
+                    <rect class="o o-16" data-id="16" width="48.6" height="48.6" x="78.75306" y="132.39882" transform=""></rect>
+                    <rect class="k k-17" width="48.6" height="48.6" x="130.18806" y="123.82632" transform=""></rect>
+                    <text class="t t-17" x="154.48806" y="152.12632" transform=""><tspan x="154.48806" dy="-7">S</tspan><tspan x="154.48806" dy="14">s</tspan></text>
+                    <rect class="o o-17" data-id="17" width="48.6" height="48.6" x="130.18806" y="123.82632" transform=""></rect>
+                    <rect class="k k-18" width="48.6" height="48.6" x="181.62306" y="119.51253" transform=""></rect>
+                    <text class="t t-18" x="205.92306" y="147.81253" transform=""><tspan x="205.92306" dy="-7">D</tspan><tspan x="205.92306" dy="14">d</tspan></text>
+                    <rect class="o o-18" data-id="18" width="48.6" height="48.6" x="181.62306" y="119.51253" transform=""></rect>
+                    <rect class="k k-19" width="48.6" height="48.6" x="233.05806" y="123.82632" transform=""></rect>
+                    <text class="t t-19" x="257.35806" y="152.12632" transform=""><tspan x="257.35806" dy="-7">F</tspan><tspan x="257.35806" dy="14">f</tspan></text>
+                    <rect class="o o-19" data-id="19" width="48.6" height="48.6" x="233.05806" y="123.82632" transform=""></rect>
+                    <rect class="k k-20" width="48.6" height="48.6" x="284.49306" y="127.25532" transform=""></rect>
+                    <text class="t t-20" x="308.79306" y="155.55532" transform=""><tspan x="308.79306" dy="-7">G</tspan><tspan x="308.79306" dy="14">g</tspan></text>
+                    <rect class="o o-20" data-id="20" width="48.6" height="48.6" x="284.49306" y="127.25532" transform=""></rect>
+<!-- Left 4th Row -->
+                    <rect class="k k-21" width="72.9" height="48.6" x="2.30931" y="183.83382" transform=""></rect>
+                    <text class="t t-21" x="38.75931" y="212.13382" transform="">L Ctrl</text>
+                    <rect class="o o-21" data-id="21" width="72.9" height="48.6" x="2.30931" y="183.83382" transform=""></rect>
+                    <rect class="k k-22" width="48.6" height="48.6" x="78.75306" y="183.83382" transform=""></rect>
+                    <text class="t t-22" x="103.05306" y="212.13382" transform=""><tspan x="103.05306" dy="-7">Z</tspan><tspan x="103.05306" dy="14">z</tspan></text>
+                    <rect class="o o-22" data-id="22" width="48.6" height="48.6" x="78.75306" y="183.83382" transform=""></rect>
+                    <rect class="k k-23" width="48.6" height="48.6" x="130.18806" y="175.26132" transform=""></rect>
+                    <text class="t t-23" x="154.48806" y="203.56132" transform=""><tspan x="154.48806" dy="-7">X</tspan><tspan x="154.48806" dy="14">x</tspan></text>
+                    <rect class="o o-23" data-id="23" width="48.6" height="48.6" x="130.18806" y="175.26132" transform=""></rect>
+                    <rect class="k k-24" width="48.6" height="48.6" x="181.62306" y="170.94753" transform=""></rect>
+                    <text class="t t-24" x="205.92306" y="199.24753" transform=""><tspan x="205.92306" dy="-7">C</tspan><tspan x="205.92306" dy="14">c</tspan></text>
+                    <rect class="o o-24" data-id="24" width="48.6" height="48.6" x="181.62306" y="170.94753" transform=""></rect>
+                    <rect class="k k-25" width="48.6" height="48.6" x="233.05806" y="175.26132" transform=""></rect>
+                    <text class="t t-25" x="257.35806" y="203.56132" transform=""><tspan x="257.35806" dy="-7">V</tspan><tspan x="257.35806" dy="14">v</tspan></text>
+                    <rect class="o o-25" data-id="25" width="48.6" height="48.6" x="233.05806" y="175.26132" transform=""></rect>
+                    <rect class="k k-26" width="48.6" height="48.6" x="284.49306" y="178.69032" transform=""></rect>
+                    <text class="t t-26" x="308.79306" y="206.99032" transform=""><tspan x="308.79306" dy="-7">B</tspan><tspan x="308.79306" dy="14">b</tspan></text>
+                    <rect class="o o-26" data-id="26" width="48.6" height="48.6" x="284.49306" y="178.69032" transform=""></rect>
+                    <rect class="k k-27" width="48.6" height="72.9" x="335.92806" y="153.68157" transform=""></rect>
+                    <text class="t t-27" x="360.22806" y="194.13157" transform=""><tspan x="360.22806" dy="-7">_</tspan><tspan x="360.22806" dy="14">-</tspan></text>
+                    <rect class="o o-27" data-id="27" width="48.6" height="72.9" x="335.92806" y="153.68157" transform=""></rect>
+<!-- Left 5th Row (Bottom) -->
+                    <rect class="k k-28" width="48.6" height="48.6" x="27.31806" y="235.26882" transform=""></rect>
+                    <text class="t t-28" x="51.61806" y="263.56882" transform="">L Alt</text>
+                    <rect class="o o-28" data-id="28" width="48.6" height="48.6" x="27.31806" y="235.26882" transform=""></rect>
+                    <rect class="k k-29" width="48.6" height="48.6" x="78.75306" y="235.26882" transform=""></rect>
+                    <text class="t t-29" x="103.05306" y="263.56882" transform=""><tspan x="103.05306" dy="-7">Caps</tspan><tspan x="103.05306" dy="14">Lock</tspan></text>
+                    <rect class="o o-29" data-id="29" width="48.6" height="48.6" x="78.75306" y="235.26882" transform=""></rect>
+                    <rect class="k k-30" width="48.6" height="48.6" x="130.18806" y="226.69632" transform=""></rect>
+                    <text class="t t-30" x="154.48806" y="254.99632" transform=""><tspan x="154.48806" dy="-7">Print</tspan><tspan x="154.48806" dy="14">Screen</tspan></text>
+                    <rect class="o o-30" data-id="30" width="48.6" height="48.6" x="130.18806" y="226.69632" transform=""></rect>
+                    <rect class="k k-31" width="48.6" height="48.6" x="181.62306" y="222.38253" transform=""></rect>
+                    <text class="t t-31" x="205.92306" y="250.68253" transform=""><tspan x="205.92306" dy="-7">Scroll</tspan><tspan x="205.92306" dy="14">Lock</tspan></text>
+                    <rect class="o o-31" data-id="31" width="48.6" height="48.6" x="181.62306" y="222.38253" transform=""></rect>
+                    <rect class="k k-32" width="48.6" height="48.6" x="233.05806" y="226.69632" transform=""></rect>
+                    <text class="t t-32" x="257.35806" y="254.99632" transform="">Pause</text>
+                    <rect class="o o-32" data-id="32" width="48.6" height="48.6" x="233.05806" y="226.69632" transform=""></rect>
+<!-- Left Thumb -->
+                    <rect class="k k-33" width="48.6" height="48.6" x="391.08015" y="213.71391" transform="rotate(25,415.38015,238.01391)"></rect>
+                    <text class="t t-33" x="415.38015" y="242.01391" transform="rotate(25,415.38015,238.01391)">Esc</text>
+                    <rect class="o o-33" data-id="33" width="48.6" height="48.6" x="391.08015" y="213.71391" transform="rotate(25,415.38015,238.01391)"></rect>
+                    <rect class="k k-34" width="48.6" height="48.6" x="437.69403" y="235.44702" transform="rotate(25,461.99403,259.74702)"></rect>
+                    <text class="t t-34" x="461.99403" y="263.74702" transform="rotate(25,461.99403,259.74702)">L Win</text>
+                    <rect class="o o-34" data-id="34" width="48.6" height="48.6" x="437.69403" y="235.44702" transform="rotate(25,461.99403,259.74702)"></rect>
+                    <rect class="k k-37" width="48.6" height="48.6" x="415.96092" y="282.0609" transform="rotate(25,440.26092,306.3609)"></rect>
+                    <text class="t t-37" x="440.26092" y="310.3609" transform="rotate(25,440.26092,306.3609)">Home</text>
+                    <rect class="o o-37" data-id="37" width="48.6" height="48.6" x="415.96092" y="282.0609" transform="rotate(25,440.26092,306.3609)"></rect>
+                    <rect class="k k-38" width="48.6" height="97.2" x="311.8635" y="237.59838" transform="rotate(25,336.1635,286.19838)"></rect>
+                    <text class="t t-38" x="336.1635" y="290.19838" transform="rotate(25,336.1635,286.19838)">Bkspc</text>
+                    <rect class="o o-38" data-id="38" width="48.6" height="97.2" x="311.8635" y="237.59838" transform="rotate(25,336.1635,286.19838)"></rect>
+                    <rect class="k k-39" width="48.6" height="97.2" x="358.47738" y="259.33824" transform="rotate(25,382.77738,307.93824)"></rect>
+                    <text class="t t-39" x="382.77738" y="311.93824" transform="rotate(25,382.77738,307.93824)">Del</text>
+                    <rect class="o o-39" data-id="39" width="48.6" height="97.2" x="358.47738" y="259.33824" transform="rotate(25,382.77738,307.93824)"></rect>
+                    <rect class="k k-40" width="48.6" height="48.6" x="394.22106" y="328.68153" transform="rotate(25,418.52106,352.98153)"></rect>
+                    <text class="t t-40" x="418.52106" y="356.98153" transform="rotate(25,418.52106,352.98153)">End</text>
+                    <rect class="o o-40" data-id="40" width="48.6" height="48.6" x="394.22106" y="328.68153" transform="rotate(25,418.52106,352.98153)"></rect>
+<!-- Right 1st Row (Top) -->
+                    <rect class="k k-47" width="72.9" height="48.6" x="915.69069" y="29.53557" transform=""></rect>
+                    <text class="t t-47" x="952.14069" y="57.83557" transform=""><tspan x="952.14069" dy="-7">"</tspan><tspan x="952.14069" dy="14">'</tspan></text>
+                    <rect class="o o-47" data-id="47" width="72.9" height="48.6" x="915.69069" y="29.53557" transform=""></rect>
+                    <rect class="k k-46" width="48.6" height="48.6" x="863.54694" y="29.53557" transform=""></rect>
+                    <text class="t t-46" x="887.84694" y="57.83557" transform=""><tspan x="887.84694" dy="-7">)</tspan><tspan x="887.84694" dy="14">0</tspan></text>
+                    <rect class="o o-46" data-id="46" width="48.6" height="48.6" x="863.54694" y="29.53557" transform=""></rect>
+                    <rect class="k k-45" width="48.6" height="48.6" x="812.11194" y="20.95632" transform=""></rect>
+                    <text class="t t-45" x="836.41194" y="49.25632" transform=""><tspan x="836.41194" dy="-7">(</tspan><tspan x="836.41194" dy="14">9</tspan></text>
+                    <rect class="o o-45" data-id="45" width="48.6" height="48.6" x="812.11194" y="20.95632" transform=""></rect>
+                    <rect class="k k-44" width="48.6" height="48.6" x="760.67694" y="16.64253" transform=""></rect>
+                    <text class="t t-44" x="784.97694" y="44.94253" transform=""><tspan x="784.97694" dy="-7">*</tspan><tspan x="784.97694" dy="14">8</tspan></text>
+                    <rect class="o o-44" data-id="44" width="48.6" height="48.6" x="760.67694" y="16.64253" transform=""></rect>
+                    <rect class="k k-43" width="48.6" height="48.6" x="709.24194" y="20.95632" transform=""></rect>
+                    <text class="t t-43" x="733.54194" y="49.25632" transform=""><tspan x="733.54194" dy="-7">&amp;</tspan><tspan x="733.54194" dy="14">7</tspan></text>
+                    <rect class="o o-43" data-id="43" width="48.6" height="48.6" x="709.24194" y="20.95632" transform=""></rect>
+                    <rect class="k k-42" width="48.6" height="48.6" x="657.80694" y="24.39207" transform=""></rect>
+                    <text class="t t-42" x="682.10694" y="52.69207" transform=""><tspan x="682.10694" dy="-7">^</tspan><tspan x="682.10694" dy="14">6</tspan></text>
+                    <rect class="o o-42" data-id="42" width="48.6" height="48.6" x="657.80694" y="24.39207" transform=""></rect>
+                    <rect class="k k-41" width="48.6" height="48.6" x="606.37194" y="24.39207" transform=""></rect>
+                    <text class="t t-41" x="630.67194" y="52.69207" transform="">[+L4]</text>
+                    <rect class="o o-41" data-id="41" width="48.6" height="48.6" x="606.37194" y="24.39207" transform=""></rect>
+<!-- Right 2nd Row -->
+                    <rect class="k k-54" width="72.9" height="48.6" x="915.69069" y="80.96382" transform=""></rect>
+                    <text class="t t-54" x="952.14069" y="109.26382" transform=""><tspan x="952.14069" dy="-7">|</tspan><tspan x="952.14069" dy="14">\</tspan></text>
+                    <rect class="o o-54" data-id="54" width="72.9" height="48.6" x="915.69069" y="80.96382" transform=""></rect>
+                    <rect class="k k-53" width="48.6" height="48.6" x="863.54694" y="80.96382" transform=""></rect>
+                    <text class="t t-53" x="887.84694" y="109.26382" transform=""><tspan x="887.84694" dy="-7">P</tspan><tspan x="887.84694" dy="14">p</tspan></text>
+                    <rect class="o o-53" data-id="53" width="48.6" height="48.6" x="863.54694" y="80.96382" transform=""></rect>
+                    <rect class="k k-52" width="48.6" height="48.6" x="812.11194" y="72.39132" transform=""></rect>
+                    <text class="t t-52" x="836.41194" y="100.69132" transform=""><tspan x="836.41194" dy="-7">O</tspan><tspan x="836.41194" dy="14">o</tspan></text>
+                    <rect class="o o-52" data-id="52" width="48.6" height="48.6" x="812.11194" y="72.39132" transform=""></rect>
+                    <rect class="k k-51" width="48.6" height="48.6" x="760.67694" y="68.07753" transform=""></rect>
+                    <text class="t t-51" x="784.97694" y="96.37753" transform=""><tspan x="784.97694" dy="-7">I</tspan><tspan x="784.97694" dy="14">i</tspan></text>
+                    <rect class="o o-51" data-id="51" width="48.6" height="48.6" x="760.67694" y="68.07753" transform=""></rect>
+                    <rect class="k k-50" width="48.6" height="48.6" x="709.24194" y="72.39132" transform=""></rect>
+                    <text class="t t-50" x="733.54194" y="100.69132" transform=""><tspan x="733.54194" dy="-7">U</tspan><tspan x="733.54194" dy="14">u</tspan></text>
+                    <rect class="o o-50" data-id="50" width="48.6" height="48.6" x="709.24194" y="72.39132" transform=""></rect>
+                    <rect class="k k-49" width="48.6" height="48.6" x="657.80694" y="75.82032" transform=""></rect>
+                    <text class="t t-49" x="682.10694" y="104.12032" transform=""><tspan x="682.10694" dy="-7">Y</tspan><tspan x="682.10694" dy="14">y</tspan></text>
+                    <rect class="o o-49" data-id="49" width="48.6" height="48.6" x="657.80694" y="75.82032" transform=""></rect>
+                    <rect class="k k-48" width="48.6" height="72.9" x="606.37194" y="76.52907" transform=""></rect>
+                    <text class="t t-48" x="630.67194" y="116.97907" transform=""><tspan x="630.67194" dy="-7">}</tspan><tspan x="630.67194" dy="14">]</tspan></text>
+                    <rect class="o o-48" data-id="48" width="48.6" height="72.9" x="606.37194" y="76.52907" transform=""></rect>
+<!-- Right 3rd Row -->
+                    <rect class="k k-60" width="72.9" height="48.6" x="915.69069" y="132.39882" transform=""></rect>
+                    <text class="t t-60" x="952.14069" y="160.69882" transform="">R Shift</text>
+                    <rect class="o o-60" data-id="60" width="72.9" height="48.6" x="915.69069" y="132.39882" transform=""></rect>
+                    <rect class="k k-59" width="48.6" height="48.6" x="863.54694" y="132.39882" transform=""></rect>
+                    <text class="t t-59" x="887.84694" y="160.69882" transform=""><tspan x="887.84694" dy="-7">:</tspan><tspan x="887.84694" dy="14">;</tspan></text>
+                    <rect class="o o-59" data-id="59" width="48.6" height="48.6" x="863.54694" y="132.39882" transform=""></rect>
+                    <rect class="k k-58" width="48.6" height="48.6" x="812.11194" y="123.82632" transform=""></rect>
+                    <text class="t t-58" x="836.41194" y="152.12632" transform=""><tspan x="836.41194" dy="-7">L</tspan><tspan x="836.41194" dy="14">l</tspan></text>
+                    <rect class="o o-58" data-id="58" width="48.6" height="48.6" x="812.11194" y="123.82632" transform=""></rect>
+                    <rect class="k k-57" width="48.6" height="48.6" x="760.67694" y="119.51253" transform=""></rect>
+                    <text class="t t-57" x="784.97694" y="147.81253" transform=""><tspan x="784.97694" dy="-7">K</tspan><tspan x="784.97694" dy="14">k</tspan></text>
+                    <rect class="o o-57" data-id="57" width="48.6" height="48.6" x="760.67694" y="119.51253" transform=""></rect>
+                    <rect class="k k-56" width="48.6" height="48.6" x="709.24194" y="123.82632" transform=""></rect>
+                    <text class="t t-56" x="733.54194" y="152.12632" transform=""><tspan x="733.54194" dy="-7">J</tspan><tspan x="733.54194" dy="14">j</tspan></text>
+                    <rect class="o o-56" data-id="56" width="48.6" height="48.6" x="709.24194" y="123.82632" transform=""></rect>
+                    <rect class="k k-55" width="48.6" height="48.6" x="657.80694" y="127.25532" transform=""></rect>
+                    <text class="t t-55" x="682.10694" y="155.55532" transform=""><tspan x="682.10694" dy="-7">H</tspan><tspan x="682.10694" dy="14">h</tspan></text>
+                    <rect class="o o-55" data-id="55" width="48.6" height="48.6" x="657.80694" y="127.25532" transform=""></rect>
+<!-- Right 4th Row -->
+                    <rect class="k k-67" width="72.9" height="48.6" x="915.69069" y="183.83382" transform=""></rect>
+                    <text class="t t-67" x="952.14069" y="212.13382" transform="">R Ctrl</text>
+                    <rect class="o o-67" data-id="67" width="72.9" height="48.6" x="915.69069" y="183.83382" transform=""></rect>
+                    <rect class="k k-66" width="48.6" height="48.6" x="863.54694" y="183.83382" transform=""></rect>
+                    <text class="t t-66" x="887.84694" y="212.13382" transform=""><tspan x="887.84694" dy="-7">?</tspan><tspan x="887.84694" dy="14">/</tspan></text>
+                    <rect class="o o-66" data-id="66" width="48.6" height="48.6" x="863.54694" y="183.83382" transform=""></rect>
+                    <rect class="k k-65" width="48.6" height="48.6" x="812.11194" y="175.26132" transform=""></rect>
+                    <text class="t t-65" x="836.41194" y="203.56132" transform=""><tspan x="836.41194" dy="-7">&gt;</tspan><tspan x="836.41194" dy="14">.</tspan></text>
+                    <rect class="o o-65" data-id="65" width="48.6" height="48.6" x="812.11194" y="175.26132" transform=""></rect>
+                    <rect class="k k-64" width="48.6" height="48.6" x="760.67694" y="170.94753" transform=""></rect>
+                    <text class="t t-64" x="784.97694" y="199.24753" transform=""><tspan x="784.97694" dy="-7">&lt;</tspan><tspan x="784.97694" dy="14">,</tspan></text>
+                    <rect class="o o-64" data-id="64" width="48.6" height="48.6" x="760.67694" y="170.94753" transform=""></rect>
+                    <rect class="k k-63" width="48.6" height="48.6" x="709.24194" y="175.26132" transform=""></rect>
+                    <text class="t t-63" x="733.54194" y="203.56132" transform=""><tspan x="733.54194" dy="-7">M</tspan><tspan x="733.54194" dy="14">m</tspan></text>
+                    <rect class="o o-63" data-id="63" width="48.6" height="48.6" x="709.24194" y="175.26132" transform=""></rect>
+                    <rect class="k k-62" width="48.6" height="48.6" x="657.80694" y="178.69032" transform=""></rect>
+                    <text class="t t-62" x="682.10694" y="206.99032" transform=""><tspan x="682.10694" dy="-7">N</tspan><tspan x="682.10694" dy="14">n</tspan></text>
+                    <rect class="o o-62" data-id="62" width="48.6" height="48.6" x="657.80694" y="178.69032" transform=""></rect>
+                    <rect class="k k-61" width="48.6" height="72.9" x="606.37194" y="153.68157" transform=""></rect>
+                    <text class="t t-61" x="630.67194" y="194.13157" transform=""><tspan x="630.67194" dy="-7">+</tspan><tspan x="630.67194" dy="14">=</tspan></text>
+                    <rect class="o o-61" data-id="61" width="48.6" height="72.9" x="606.37194" y="153.68157" transform=""></rect>
+<!-- Right 5th Row (Bottom) -->
+                    <rect class="k k-72" width="48.6" height="48.6" x="914.98194" y="235.26882" transform=""></rect>
+                    <text class="t t-72" x="939.28194" y="263.56882" transform="">R Alt</text>
+                    <rect class="o o-72" data-id="72" width="48.6" height="48.6" x="914.98194" y="235.26882" transform=""></rect>
+                    <rect class="k k-71" width="48.6" height="48.6" x="863.54694" y="235.26882" transform=""></rect>
+                    <text class="t t-71" x="887.84694" y="263.56882" transform="">→</text>
+                    <rect class="o o-71" data-id="71" width="48.6" height="48.6" x="863.54694" y="235.26882" transform=""></rect>
+                    <rect class="k k-70" width="48.6" height="48.6" x="812.11194" y="226.69632" transform=""></rect>
+                    <text class="t t-70" x="836.41194" y="254.99632" transform="">↑</text>
+                    <rect class="o o-70" data-id="70" width="48.6" height="48.6" x="812.11194" y="226.69632" transform=""></rect>
+                    <rect class="k k-69" width="48.6" height="48.6" x="760.67694" y="222.38253" transform=""></rect>
+                    <text class="t t-69" x="784.97694" y="250.68253" transform="">↓</text>
+                    <rect class="o o-69" data-id="69" width="48.6" height="48.6" x="760.67694" y="222.38253" transform=""></rect>
+                    <rect class="k k-68" width="48.6" height="48.6" x="709.24194" y="226.69632" transform=""></rect>
+                    <text class="t t-68" x="733.54194" y="254.99632" transform="">←</text>
+                    <rect class="o o-68" data-id="68" width="48.6" height="48.6" x="709.24194" y="226.69632" transform=""></rect>
+<!-- Right Thumb -->
+                    <rect class="k k-74" width="48.6" height="48.6" x="551.21985" y="213.71391" transform="rotate(-25,575.51985,238.01391)"></rect>
+                    <text class="t t-74" x="575.51985" y="242.01391" transform="rotate(-25,575.51985,238.01391)">Ins</text>
+                    <rect class="o o-74" data-id="74" width="48.6" height="48.6" x="551.21985" y="213.71391" transform="rotate(-25,575.51985,238.01391)"></rect>
+                    <rect class="k k-73" width="48.6" height="48.6" x="504.60597" y="235.44702" transform="rotate(-25,528.90597,259.74702)"></rect>
+                    <text class="t t-73" x="528.90597" y="263.74702" transform="rotate(-25,528.90597,259.74702)">R Win</text>
+                    <rect class="o o-73" data-id="73" width="48.6" height="48.6" x="504.60597" y="235.44702" transform="rotate(-25,528.90597,259.74702)"></rect>
+                    <rect class="k k-75" width="48.6" height="48.6" x="526.33908" y="282.0609" transform="rotate(-25,550.63908,306.3609)"></rect>
+                    <text class="t t-75" x="550.63908" y="310.3609" transform="rotate(-25,550.63908,306.3609)">Pg Up</text>
+                    <rect class="o o-75" data-id="75" width="48.6" height="48.6" x="526.33908" y="282.0609" transform="rotate(-25,550.63908,306.3609)"></rect>
+                    <rect class="k k-80" width="48.6" height="97.2" x="630.4365" y="237.59838" transform="rotate(-25,654.7365,286.19838)"></rect>
+                    <text class="t t-80" x="654.7365" y="290.19838" transform="rotate(-25,654.7365,286.19838)">Space</text>
+                    <rect class="o o-80" data-id="80" width="48.6" height="97.2" x="630.4365" y="237.59838" transform="rotate(-25,654.7365,286.19838)"></rect>
+                    <rect class="k k-79" width="48.6" height="97.2" x="583.82262" y="259.33824" transform="rotate(-25,608.12262,307.93824)"></rect>
+                    <text class="t t-79" x="608.12262" y="311.93824" transform="rotate(-25,608.12262,307.93824)">↵</text>
+                    <rect class="o o-79" data-id="79" width="48.6" height="97.2" x="583.82262" y="259.33824" transform="rotate(-25,608.12262,307.93824)"></rect>
+                    <rect class="k k-78" width="48.6" height="48.6" x="548.07894" y="328.68153" transform="rotate(-25,572.37894,352.98153)"></rect>
+                    <text class="t t-78" x="572.37894" y="356.98153" transform="rotate(-25,572.37894,352.98153)">Pg Dn</text>
+                    <rect class="o o-78" data-id="78" width="48.6" height="48.6" x="548.07894" y="328.68153" transform="rotate(-25,572.37894,352.98153)"></rect>
+                </g>
+            </svg>
+        </div>
+        <script>
+            var rects = document.getElementsByTagName("rect");
+            for (var i = 0; i < rects.length; i++) {
+                var rect = rects[i];
+                rect.setAttributeNS(null, "rx", "5");
+                rect.setAttributeNS(null, "ry", "5");
+            }
+        </script>
+    </body>
+</html>