images updated; better docs

index.html

@@ -85,6 +85,7 @@
           <ul>
             <li>Full qwerty keyboard layout</li>
             <li>Fully customizable through QMK firmware</li>
+            <li>Primary target layout is "English US intl. with AltGr"</li>
             <li>Uses the phones USB-C port</li>
             <li>No Bluetooth &ndash; No additional battery</li>
             <li>Very thin footprint</li>
@@ -112,11 +113,12 @@
               Integrated USB Hub
               <ul>
                 <li>Keyboard can be permanently connected to the phone</li>
-                <li>Charge via additional USB-C port with USB-PD passthrough</li>
+                <li>Charging the phone via additional USB-C port with USB-PD passthrough</li>
                 <li>Get an additional USB-C port to connect other accessories</li>
               </ul>
             </li>
             <li>Key frontlight</li>
+            <li>Layout and firmware improvements</li>
           </ul>
 
           <h2 class="subtitle">Future revisions may include</h2>
@@ -144,126 +146,20 @@
           <h2 class="subtitle">ANSI</h2>
           <div class="container">
             <div class="content">
-              <div class="highlight is-family-monospace">
+              <figure class="image">
-                <pre>0: no mod
+                <a href="http://www.keyboard-layout-editor.com/#/gists/7dd07f537fdabe4e8c25ad3b9b0d8173"><img src="/mkbd65-ansi.png" alt="ANSI layout" /></a>
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
+              </figure><!--/.image-->
-║ Esc║ 1  ║ 2  ║ 3  ║ 4  ║ 5  ║ 6  ║ 7  ║ 8  ║ 9  ║ 0  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ q  ║ w  ║ e  ║ r  ║ t  ║ y  ║ u  ║ i  ║ o  ║ p  ║ [  ║ ]  ║ \  ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ a  ║ s  ║ d  ║ f  ║ g  ║ h  ║ j  ║ k  ║ l  ║ ;  ║ &apos;  ║    ⏎    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
-║ z  ║ x  ║ c  ║ v  ║ b  ║ n  ║ m  ║ ,  ║ .  ║ /  ║ ▲  ║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║ ⇧  ║AltG║     Space    ║ -  ║ =  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight is-family-monospace">
-                <pre>1: mod shift (default keyboard behaviour)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║ Esc║ !  ║ @  ║ #  ║ $  ║ %  ║ ^  ║ &amp;  ║ *  ║ (  ║ )  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ Q  ║ W  ║ E  ║ R  ║ T  ║ Y  ║ U  ║ I  ║ O  ║ P  ║ {  ║ }  ║ |  ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ A  ║ S  ║ D  ║ F  ║ G  ║ H  ║ J  ║ K  ║ L  ║ :  ║ &quot;  ║    ⏎    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
-║ Z  ║ X  ║ C  ║ V  ║ B  ║ N  ║ M  ║ &lt;  ║ &gt;  ║ ?  ║ ▲  ║░░░░░░░░░║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║░░░░║AltG║     Space    ║ _  ║ +  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight is-family-monospace">
-                <pre>2: mod AltGr (default keyboard behaviour)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║    ║ ¹  ║ ²  ║ ³  ║ ¤  ║ &euro;  ║ ^  ║ ̛  ║ ˛  ║ ‘  ║ ’  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ ä  ║ å  ║ é  ║ ë  ║ þ  ║ ü  ║ ú  ║ í  ║ ó  ║ ö  ║ &laquo;  ║ &raquo;  ║ ¬  ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ á  ║ ß  ║ ð  ║    ║    ║    ║ ï  ║ œ  ║ ø  ║ &para;  ║ ´  ║    ⏎    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
-║ æ  ║ œ  ║ &copy;  ║ &reg;  ║    ║ ñ  ║ µ  ║ ç  ║ ˙  ║ ¿  ║ ▲  ║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║ ⇧  ║░░░░║     Space    ║ ¥  ║ ×  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight is-family-monospace">
-                <pre>3: mod fn (adds missing keys)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║ Esc║ F1 ║ F2 ║ F3 ║ F4 ║ F5 ║ F6 ║ F7 ║ F8 ║ F9 ║ F10║ Delete  ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║ F11║ F12║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║ `  ║ Super   ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║PgUp║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║░░░░║ ⇧  ║AltG║      ↹       ║    ║    ║Pos1║PgDn║ End║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
             </div><!--/.content-->
           </div><!--/.container-->
         </div><!--/.column-->
 
         <div class="column">
-          <h2 class="subtitle">ANSI (big enter)</h2>
+          <h2 class="subtitle">"ISO" (ANSI with big enter)</h2>
           <div class="container">
             <div class="content">
-              <div class="highlight">
+              <figure class="image">
-                <pre>0: no mod
+                <a href="http://www.keyboard-layout-editor.com/#/gists/ea8b9739acc4a8de44a7013d14665932"><img src="/mkbd65-iso.png" alt="ISO layout" /></a>
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
+              </figure><!--/.image-->
-║ Esc║ 1  ║ 2  ║ 3  ║ 4  ║ 5  ║ 6  ║ 7  ║ 8  ║ 9  ║ 0  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ q  ║ w  ║ e  ║ r  ║ t  ║ y  ║ u  ║ i  ║ o  ║ p  ║ [  ║ ]  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣ ⏎  ║
-║ a  ║ s  ║ d  ║ f  ║ g  ║ h  ║ j  ║ k  ║ l  ║ ;  ║ &apos;  ║ \  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ z  ║ x  ║ c  ║ v  ║ b  ║ n  ║ m  ║ ,  ║ .  ║ /  ║ ▲  ║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║ ⇧  ║AltG║     Space    ║ -  ║ =  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight">
-                <pre>1: mod shift (default keyboard behaviour)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║ Esc║ !  ║ @  ║ #  ║ $  ║ %  ║ ^  ║ &amp;  ║ *  ║ (  ║ )  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ Q  ║ W  ║ E  ║ R  ║ T  ║ Y  ║ U  ║ I  ║ O  ║ P  ║ {  ║ }  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣ ⏎  ║
-║ A  ║ S  ║ D  ║ F  ║ G  ║ H  ║ J  ║ K  ║ L  ║ :  ║ &quot;  ║ |  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ Z  ║ X  ║ C  ║ V  ║ B  ║ N  ║ M  ║ &lt;  ║ &gt;  ║ ?  ║ ▲  ║░░░░░░░░░║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║░░░░║AltG║     Space    ║ _  ║ +  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight">
-                <pre>2: mod AltGr (default keyboard behaviour)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║    ║ ¹  ║ ²  ║ ³  ║ ¤  ║ &euro;  ║ ^  ║ ̛  ║ ˛  ║ ‘  ║ ’  ║    ⌫    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║ ä  ║ å  ║ é  ║ ë  ║ þ  ║ ü  ║ ú  ║ í  ║ ó  ║ ö  ║ &laquo;  ║ &raquo;  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣ ⏎  ║
-║ á  ║ ß  ║ ð  ║    ║    ║    ║ ï  ║ œ  ║ ø  ║ &para;  ║ ´  ║ ¬  ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║ æ  ║ œ  ║ &copy;  ║ &reg;  ║    ║ ñ  ║ µ  ║ ç  ║ ˙  ║ ¿  ║ ▲  ║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║ Fn ║ ⇧  ║░░░░║     Space    ║ ¥  ║ ×  ║ ◀  ║ ▼  ║ ▶  ║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
-              <div class="highlight">
-                <pre>3: mod fn (adds missing keys)
-╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
-║ Esc║ F1 ║ F2 ║ F3 ║ F4 ║ F5 ║ F6 ║ F7 ║ F8 ║ F9 ║ F10║ Delete  ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║ F11║ F12║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣Supr║
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║ `  ║    ║    ║
-╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
-║    ║    ║    ║    ║    ║    ║    ║    ║    ║    ║PgUp║    ⇧    ║
-╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
-║Ctrl║░░░░║ ⇧  ║AltG║      ↹       ║    ║    ║Pos1║PgDn║ End║Ctrl║
-╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</pre>
-              </div><!--/.highlight-->
             </div><!--/.content-->
           </div><!--/.container-->
         </div><!--/.column-->
@@ -275,16 +171,23 @@
         <h1 class="title">Tips</h1>
 
         <div class="content">
+          <p>The <span class="tag">Fn</span> key unlocks a lot of the missing keys and other functions.</p>
+          <p>The key labeled <span class="tag">Alt</span> is actually the <span class="tag">AltGr</span> key. Because the <span class="tag">Alt</span> key is not very useful on Android but the <span class="tag">AltGr</span> key is used in the English US intl. layout.</p>
+          <p>The <span class="tag">AltGr</span> key is also a sticky key. That means that it remains active until the next key is pressed, and then it is released. This allows you to type keyboard combinations without pressing more than one key at a time.</p>
+          <p>This keyboard uses the Esc-Grave option from QMK to combine the <span class="tag">Esc</span> and <span class="tag">`~</span> keys</p>
+          <p>Useful combinations:</p>
           <ul>
-            <li>Hold left thumb on <span class="tag">Fn</span> and right thumb on <span class="tag">⏎</span> to press <span class="tag">Super</span></li>
+            <li>Hold left thumb on <span class="tag">Fn</span> and right thumb on <span class="tag">⏎</span> to press <span class="tag">Super</span> (Windows key)</li>
             <li>Get <span class="tag">`</span> key by pressing <span class="tag">Fn</span> with left thumb and <span class="tag">'</span> with right thumb</li>
-            <li>Get <span class="tag">~</span> key by pressing <span class="tag">Fn</span>+<span class="tag">Shift</span> with left thumb and <span class="tag">'</span> with right thumb</li>
+            <li>Get <span class="tag">~</span> key by pressing <span class="tag">Shift</span> with right thumb and <span class="tag">Esc</span> with left thumb</li>
-            <li>Since Android doesn't really use the <span class="tag">Alt</span> key, the <span class="tag">Alt</span> key on this keyboard is actually an <span class="tag">AltGr</span> key to give you the <span class="tag">€</span> and german umlauts in the English (US) international layout</li>
+            <li>Get <span class="tag">€</span> by tapping <span class="tag">AltGr</span> followed by <span class="tag">5</span> in the English (US) international layout</li>
-            <li>
+            <li>Get the german umlaut <span class="tag">ä</span> by tapping <span class="tag">AltGr</span> followed by <span class="tag">q</span> in the English (US) international layout</li>
-              The keyboard uses the Esc-Grave option from QMK to combine the <span class="tag">Esc</span> and <span class="tag">`~</span> keys, so sorry french typists but:
+            <li>Get the german umlaut <span class="tag">ü</span> by tapping <span class="tag">AltGr</span> followed by <span class="tag">y</span> in the English (US) international layout</li>
+            <li>Get the german umlaut <span class="tag">ö</span> by tapping <span class="tag">AltGr</span> followed by <span class="tag">p</span> in the English (US) international layout</li>
+            <li>I'm sorry french typists:
               <ul>
-                <li>Pressing <span class="tag">AltGr</span>+<span class="tag">Fn</span>+<span class="tag">'</span> is the only way to get <span class="tag">`</span> and combine it with the next char</li>
+                <li>Tapping <span class="tag">AltGr</span> followed by <span class="tag">Fn</span>+<span class="tag">'</span> is the only way to get <span class="tag">`</span> and combine it with the next char</li>
-                <li>Pressing <span class="tag">AltGr</span>+<span class="tag">Shift</span>+<span class="tag">Fn</span>+<span class="tag">'</span> is the only way to get <span class="tag">~</span> and combine it with the next char</li>
+                <li>Tapping <span class="tag">AltGr</span> followed by <span class="tag">Shift</span>+<span class="tag">Fn</span>+<span class="tag">'</span> is the only way to get <span class="tag">~</span> and combine it with the next char</li>
               </ul>
             </li>
           </ul>
@@ -292,6 +195,7 @@
       </div><!--/.container-->
     </section><!--/.section-->
 
+
     <section id="hardware" class="section">
       <div class="container">
         <h1 class="title">Hardware</h1>
@@ -312,6 +216,7 @@
     <section id="case" class="section">
       <div class="container">
         <h1 class="title">Case</h1>
+        <p>The CAD filesfor the case are generated from configuration files. </p>
         <p>Imagine some nice pictures of colorful 3D prints here!</p>
       </div><!--/.container-->
     </section><!--/.section-->

mkbd65-ansi.json

@@ -36,7 +36,7 @@
     {
       "a": 7,
       "f": 7,
-      "w2": 2
+      "w": 2
     },
     "<i class='mss mss-Unicode-BackSpace-DeleteLeft-Big-2'></i>"
   ],
@@ -82,7 +82,7 @@
     {
       "a": 7,
       "f": 7,
-      "w2": 2
+      "w": 2
     },
     "<i class='mss mss-Return-5'></i>"
   ],
@@ -109,7 +109,7 @@
     },
     "<i class='kb kb-Multimedia-Up'></i>",
     {
-      "w2": 2
+      "w": 2
     },
     "⇧"
   ],
@@ -128,12 +128,10 @@
     },
     "Alt",
     {
-      "w": 2,
+      "w": 3
-      "w2": 3
     },
     "",
     {
-      "x": 1,
       "a": 4
     },
     "_\n-",

mkbd65-ansi.svg

@@ -458,19 +458,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="596" y="2"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="596" y="2"
           width="104" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="596" y="2"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="596" y="2"
           width="104" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -478,19 +470,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="597" y="3"
-            width="48" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="597" y="3"
             width="102" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="597" y="3"
-            width="48" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="597" y="3"
             width="102" height="48"
             rx="5" fill="#494949"/>
@@ -498,24 +482,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill11" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="596" y1="2" x2="646" y2="2"/>
-          
         <rect x="597" y="3"
               width="102" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="597" y="3"
-                width="102" height="48"
-                rx="5" fill="url(#_fill11)"/>
-          <rect x="597" y="3"
-                width="48" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="597" y="3"
-              width="48" height="48"
-              rx="5" fill="url(#_fill11)"/>
       
 
      
@@ -1439,19 +1408,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="596" y="110"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="596" y="110"
           width="104" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="596" y="110"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="596" y="110"
           width="104" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -1459,19 +1420,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="597" y="111"
-            width="48" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="597" y="111"
             width="102" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="597" y="111"
-            width="48" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="597" y="111"
             width="102" height="48"
             rx="5" fill="#494949"/>
@@ -1479,24 +1432,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill36" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="596" y1="110" x2="646" y2="110"/>
-          
         <rect x="597" y="111"
               width="102" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="597" y="111"
-                width="102" height="48"
-                rx="5" fill="url(#_fill36)"/>
-          <rect x="597" y="111"
-                width="48" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="597" y="111"
-              width="48" height="48"
-              rx="5" fill="url(#_fill36)"/>
       
 
      
@@ -1926,19 +1864,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="596" y="164"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="596" y="164"
           width="104" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="596" y="164"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="596" y="164"
           width="104" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -1946,19 +1876,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="597" y="165"
-            width="48" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="597" y="165"
             width="102" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="597" y="165"
-            width="48" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="597" y="165"
             width="102" height="48"
             rx="5" fill="#494949"/>
@@ -1966,24 +1888,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill48" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="596" y1="164" x2="646" y2="164"/>
-          
         <rect x="597" y="165"
               width="102" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="597" y="165"
-                width="102" height="48"
-                rx="5" fill="url(#_fill48)"/>
-          <rect x="597" y="165"
-                width="48" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="597" y="165"
-              width="48" height="48"
-              rx="5" fill="url(#_fill48)"/>
       
 
      
@@ -2147,19 +2054,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="218" y="218"
-          width="104" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="218" y="218"
           width="158" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="218" y="218"
-          width="104" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="218" y="218"
           width="158" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -2167,19 +2066,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="219" y="219"
-            width="102" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="219" y="219"
             width="156" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="219" y="219"
-            width="102" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="219" y="219"
             width="156" height="48"
             rx="5" fill="#494949"/>
@@ -2187,24 +2078,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill53" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="218" y1="218" x2="322" y2="218"/>
-          
         <rect x="219" y="219"
               width="156" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="219" y="219"
-                width="156" height="48"
-                rx="5" fill="url(#_fill53)"/>
-          <rect x="219" y="219"
-                width="102" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="219" y="219"
-              width="102" height="48"
-              rx="5" fill="url(#_fill53)"/>
       
 
      

mkbd65-iso.json

@@ -36,7 +36,7 @@
     {
       "a": 7,
       "f": 7,
-      "w2": 2
+      "w": 2
     },
     "<i class='mss mss-Unicode-BackSpace-DeleteLeft-Big-2'></i>"
   ],
@@ -109,7 +109,7 @@
     },
     "<i class='kb kb-Multimedia-Up'></i>",
     {
-      "w2": 2
+      "w": 2
     },
     "⇧"
   ],
@@ -128,12 +128,10 @@
     },
     "Alt",
     {
-      "w": 2,
+      "w": 3
-      "w2": 3
     },
     "",
     {
-      "x": 1,
       "a": 4
     },
     "_\n-",

mkbd65-iso.svg

@@ -458,19 +458,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="596" y="2"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="596" y="2"
           width="104" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="596" y="2"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="596" y="2"
           width="104" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -478,19 +470,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="597" y="3"
-            width="48" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="597" y="3"
             width="102" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="597" y="3"
-            width="48" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="597" y="3"
             width="102" height="48"
             rx="5" fill="#494949"/>
@@ -498,24 +482,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill11" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="596" y1="2" x2="646" y2="2"/>
-          
         <rect x="597" y="3"
               width="102" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="597" y="3"
-                width="102" height="48"
-                rx="5" fill="url(#_fill11)"/>
-          <rect x="597" y="3"
-                width="48" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="597" y="3"
-              width="48" height="48"
-              rx="5" fill="url(#_fill11)"/>
       
 
      
@@ -1895,19 +1864,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="596" y="164"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="596" y="164"
           width="104" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="596" y="164"
-          width="50" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="596" y="164"
           width="104" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -1915,19 +1876,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="597" y="165"
-            width="48" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="597" y="165"
             width="102" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="597" y="165"
-            width="48" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="597" y="165"
             width="102" height="48"
             rx="5" fill="#494949"/>
@@ -1935,24 +1888,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill48" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="596" y1="164" x2="646" y2="164"/>
-          
         <rect x="597" y="165"
               width="102" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="597" y="165"
-                width="102" height="48"
-                rx="5" fill="url(#_fill48)"/>
-          <rect x="597" y="165"
-                width="48" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="597" y="165"
-              width="48" height="48"
-              rx="5" fill="url(#_fill48)"/>
       
 
      
@@ -2116,19 +2054,11 @@
 
   
     <!-- Outer Border -->
-    <rect x="218" y="218"
-          width="104" height="50"
-          rx="5" fill="#3d3d3d" class="outer border"/>
-    
     <rect x="218" y="218"
           width="158" height="50"
           rx="5" fill="#3d3d3d" class="outer border"/>
     
     <!-- Outer Fill -->
-    <rect x="218" y="218"
-          width="104" height="50"
-          rx="5" fill="#3d3d3d"/>
-    
     <rect x="218" y="218"
           width="158" height="50"
           rx="5" fill="#3d3d3d"/>
@@ -2136,19 +2066,11 @@
 
     
       <!-- Inner Border -->
-      <rect x="219" y="219"
-            width="102" height="48"
-            rx="5" fill="#494949" class="inner border"/>
-      
       <rect x="219" y="219"
             width="156" height="48"
             rx="5" fill="#494949" class="inner border"/>
       
       <!-- Inner Fill -->
-      <rect x="219" y="219"
-            width="102" height="48"
-            rx="5" fill="#494949"/>
-      
       <rect x="219" y="219"
             width="156" height="48"
             rx="5" fill="#494949"/>
@@ -2156,24 +2078,9 @@
       
         
         
-          
-          
-            <linearGradient id="_fill53" xlink:href="#FLAT" gradientUnits="userSpaceOnUse"
-                            x1="218" y1="218" x2="322" y2="218"/>
-          
         <rect x="219" y="219"
               width="156" height="48"
-                rx="5" fill="#494949"/>
+              rx="5" fill="url(#FLAT)"/>
-          <rect x="219" y="219"
-                width="156" height="48"
-                rx="5" fill="url(#_fill53)"/>
-          <rect x="219" y="219"
-                width="102" height="48"
-                rx="5" fill="#494949"/>
-        
-        <rect x="219" y="219"
-              width="102" height="48"
-              rx="5" fill="url(#_fill53)"/>
       
 
      

mkbd65pro_ansi.json

@@ -0,0 +1,137 @@
+[
+  {
+    "backcolor": "#656565",
+    "name": "mkbd65pro_ansi",
+    "author": "XenGi",
+    "radii": "3",
+    "switchMount": "alps",
+    "switchBrand": "alps",
+    "pcb": true
+  },
+  [
+    {
+      "c": "#3d3d3d",
+      "t": "#f0f0f0",
+      "p": "FLAT",
+      "a": 7,
+      "f": 5
+    },
+    "Esc",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "0",
+    {
+      "a": 5
+    },
+    "_\n-",
+    "+\n=",
+    {
+      "a": 7
+    },
+    "<i class='mss mss-Unicode-BackSpace-DeleteLeft-Big-2'></i>"
+  ],
+  [
+    "<i class='kb kb-Tab-1'></i>",
+    "Q",
+    "W",
+    "E",
+    "R",
+    "T",
+    "Y",
+    "U",
+    "I",
+    "O",
+    "P",
+    {
+      "a": 5
+    },
+    "{\n[",
+    "}\n]",
+    "|\n\\"
+  ],
+  [
+    {
+      "a": 7,
+      "w": 1.25
+    },
+    "⇪Caps",
+    "A",
+    "S",
+    "D",
+    "F",
+    "G",
+    "H",
+    "J",
+    "K",
+    "L",
+    {
+      "a": 5
+    },
+    ":\n;",
+    "\"\n'",
+    {
+      "a": 7,
+      "w": 1.75
+    },
+    "<i class='mss mss-Return-5'></i>"
+  ],
+  [
+    {
+      "w": 1.75
+    },
+    "⇧Shift",
+    "Z",
+    "X",
+    "C",
+    "V",
+    "B",
+    "N",
+    "M",
+    {
+      "a": 5
+    },
+    "<\n,",
+    {
+      "l": true
+    },
+    ">\n.",
+    {
+      "x": 0.25,
+      "a": 7
+    },
+    "<i class='kb kb-Multimedia-Up'></i>",
+    {
+      "w": 2
+    },
+    "⇧Shift"
+  ],
+  [
+    "Ctrl",
+    "<i class='kb kb-logo-android'></i>",
+    "Fn",
+    "AltGr",
+    {
+      "w": 4
+    },
+    "",
+    "AltGr",
+    {
+      "a": 5
+    },
+    "?\n/",
+    {
+      "a": 7
+    },
+    "<i class='kb kb-Multimedia-Back'></i>",
+    "<i class='kb kb-Multimedia-Down'></i>",
+    "<i class='kb kb-Multimedia-Play'></i>",
+    "Ctrl"
+  ]
+]