Merge branch 'main' of gitlab.com:mkbd65/web

This commit is contained in:
Ricardo (XenGi) Band 2023-03-17 15:28:45 +01:00
commit 164103ceb8
No known key found for this signature in database
35 changed files with 7793 additions and 378 deletions

View file

@ -5,6 +5,7 @@ build: clean deps
cp ./node_modules/bulma/css/bulma.min.css ./public/css/bulma.css cp ./node_modules/bulma/css/bulma.min.css ./public/css/bulma.css
cp ./node_modules/@fortawesome/fontawesome-free/css/all.min.css ./public/css/fontawesome.css cp ./node_modules/@fortawesome/fontawesome-free/css/all.min.css ./public/css/fontawesome.css
cp -r ./node_modules/@fortawesome/fontawesome-free/webfonts ./public/ cp -r ./node_modules/@fortawesome/fontawesome-free/webfonts ./public/
cp ./mkbd65-ansi.png ./mkbd65-ansi-fn.png ./mkbd65-iso.png ./mkbd65-iso-fn.png ./img/
cp -r ./css ./public/ cp -r ./css ./public/
cp -r ./js ./public/ cp -r ./js ./public/
cp -r ./img ./public/ cp -r ./img ./public/

View file

@ -20,9 +20,8 @@ See it in action [here](https://mkbd65.xengi.de)!
--- ---
Copyright 2022 XenGi ![CC BY-SA 4.0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg)
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://gitlab.com/mkbd65/case">mkbd65 case</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://mkbd65.xengi.de">XenGi</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p>
Released under the [MIT license](https://gitlab.com/mkbd65/web/-/raw/main/LICENSE).
[logo]: https://gitlab.com/mkbd65/web/-/raw/main/img/logo.png [logo]: https://gitlab.com/mkbd65/web/-/raw/main/img/logo.png

View file

@ -0,0 +1,12 @@
html {
scroll-behavior: smooth;
}
#gototop {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
cursor: pointer;
}

BIN
img/mkbd65_148x148.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

BIN
img/mkbd65_222x222.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/mkbd65_74x74.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 832 B

View file

@ -4,20 +4,34 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#fefefe" />
<title>mkbd65 - by XenGi</title> <title>mkbd65 - by XenGi</title>
<link rel="stylesheet" href="css/bulma.css" /> <link rel="stylesheet" href="/css/bulma.css" />
<link rel="stylesheet" href="css/fontawesome.css" /> <link rel="stylesheet" href="/css/fontawesome.css" />
<link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
<link rel="icon" sizes="74x74" href="/img/mkbd65_74x74.png" />
<link rel="icon" sizes="148x148" href="/img/mkbd65_148x148.png" />
<link rel="icon" sizes="222x222" href="/img/mkbd65_222x222.png" />
</head> </head>
<body> <body>
<button class="button is-primary is-medium has-text-white" onclick="gototop()" id="gototop" title="Go to top">
<span class="icon is-medium">
<i class="fas fa-chevron-up"></i>
</span><!--/.icon .is-medium-->
</button><!--/.button .is-primary .is-medium .has-text-white #gototop-->
<nav class="navbar"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container"> <div class="container">
<div class="navbar-brand">
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a><!--/.navbar-burger-->
</div><!--/.navbar-brand-->
<div id="navMenu" class="navbar-menu"> <div id="navMenu" class="navbar-menu">
<div class="navbar-start"> <div class="navbar-start">
<a class="navbar-item" href="#">
Home
</a><!--/.navbar-item-->
<a class="navbar-item" href="#features"> <a class="navbar-item" href="#features">
Features Features
</a><!--/.navbar-item--> </a><!--/.navbar-item-->
@ -44,6 +58,12 @@
</span><!--/.icon--> </span><!--/.icon-->
<span>Gitlab</span> <span>Gitlab</span>
</a><!--/.button .is-dark--> </a><!--/.button .is-dark-->
<a class="button is-dark" href="https://mkbd65.zulipchat.com/">
<span class="icon">
<img src="https://raw.githubusercontent.com/zulip/zulip-desktop/main/app/resources/Icon.png" alt="Zulip icon" />
</span>
<span>Zulip</span>
</a><!--/.button .is-dark-->
</div><!--/.buttons--> </div><!--/.buttons-->
</div><!--/.navbar-item--> </div><!--/.navbar-item-->
</div><!--/.navbar-end--> </div><!--/.navbar-end-->
@ -54,12 +74,11 @@
<section class="hero is-dark is-halfheight"> <section class="hero is-dark is-halfheight">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
<p class="title"> <figure class="image is-128x128 is-inline-block">
mkbd65 <img src="/img/mkbd65_222x222.png" />
</p><!--/.title--> </figure><!--/.image .is-128x128-->
<p class="subtitle"> <p class="title">mkbd65</p><!--/.title-->
Mobile 65% keyboard addon for modern smartphones <p class="subtitle">Mobile 65% keyboard addon for modern smartphones</p><!--/.subtitle-->
</p><!--/.subtitle-->
</div><!--/.container .has-text-centered--> </div><!--/.container .has-text-centered-->
</div><!--/.hero-body--> </div><!--/.hero-body-->
</section><!--/.hero .is-dark .is-halfheight--> </section><!--/.hero .is-dark .is-halfheight-->
@ -70,9 +89,12 @@
<div class="content"> <div class="content">
<ul> <ul>
<li>Full qwerty keyboard layout (us-altgr-intl)</li> <li>Full qwerty keyboard layout</li>
<li>Fully customizable</li> <li>Fully customizable through QMK firmware</li>
<li>Uses USB-C</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>
<li>Open source firmware</li> <li>Open source firmware</li>
<li>Open hardware</li> <li>Open hardware</li>
</ul> </ul>
@ -82,87 +104,78 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h1 class="title">Planned features</h1> <h1 class="title">Roadmap</h1>
<div class="content"> <div class="content">
<h2 class="subtitle">Revision 0 (Prototype)</h2>
<ul>
<li>Standard qwerty keyboard</li>
<li>Slide out mechanism</li>
</ul>
<h2 class="subtitle">Revision 1</h2>
<ul> <ul>
<li> <li>
Integrated USB 3 Hub Integrated USB Hub
<ul> <ul>
<li>Additional USB-C port</li> <li>Keyboard can be permanently connected to the phone</li>
<li>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> </ul>
</li> </li>
<li>Headphone jack</li> <li>Key frontlight</li>
<li>Key Frontlight</li> <li>Layout and firmware improvements</li>
</ul>
<h2 class="subtitle">Future revisions may include</h2>
<p>Some of these features are a little insane, what can I do. ¯\_(ツ)_/¯</p>
<ul>
<li>Headphone jack with dedicated sound card connected to the on board USB hub</li>
<li>Key backlight</li>
<li>
Integrated KVM switch
<ul>
<li>Use the keyboard with a connected PC (headless server etc)</li>
<li>mkbd65 will advertise itself as a DisplayPort monitor over that USB cable and act as a webcam to the connected phone</li>
<li>Display content of the headless unit can then be shown in a dedicated KVM app or a compatible camera app</li>
<li>Inside the KVM app, the phones display area can be used as a touchpad/mouse for the headless unit</li>
</li>
</ul> </ul>
</div><!--/.content--> </div><!--/.content-->
</div><!--/.container--> </div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<section id="layout" class="section"> <section id="layout" class="section">
<h1 class="title">Layouts</h1>
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<h1 class="title">ANSI</h1> <h2 class="subtitle">ANSI</h2>
<div class="container">
<div class="content">
<figure class="image">
<a href="http://www.keyboard-layout-editor.com/#/gists/7dd07f537fdabe4e8c25ad3b9b0d8173"><img src="/img/mkbd65-ansi.png" alt="ANSI layout" /></a>
</figure><!--/.image-->
<figure class="image">
<a href="http://www.keyboard-layout-editor.com/#/gists/7dd07f537fdabe4e8c25ad3b9b0d8173"><img src="/img/mkbd65-ansi-fn.png" alt="ANSI layout Fn combinations" /></a>
</figure><!--/.image-->
</div><!--/.content-->
</div><!--/.container-->
</div><!--/.column-->
<div class="column">
<h2 class="subtitle">"ISO" (ANSI with big enter)</h2>
<div class="container">
<div class="content">
<figure class="image">
<a href="http://www.keyboard-layout-editor.com/#/gists/ea8b9739acc4a8de44a7013d14665932"><img src="/img/mkbd65-iso.png" alt="ISO layout" /></a>
</figure><!--/.image-->
<figure class="image">
<a href="http://www.keyboard-layout-editor.com/#/gists/ea8b9739acc4a8de44a7013d14665932"><img src="/img/mkbd65-iso-fn.png" alt="ISO layout Fn combinations" /></a>
</figure><!--/.image-->
</div><!--/.content-->
</div><!--/.container-->
</div><!--/.column--> </div><!--/.column-->
</div><!--/.columns--> </div><!--/.columns-->
<div class="container">
<h1 class="title">Default key mapping</h1>
<div class="highlight"><pre><code>0: no mod
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ESC║ 1 ║ 2 ║ 3 ║ 4 ║ 5 ║ 6 ║ 7 ║ 8 ║ 9 ║ 0 ║BACKSPACE║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ q ║ w ║ e ║ r ║ t ║ y ║ u ║ i ║ o ║ p ║ [ ║ ] ║ \ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ a ║ s ║ d ║ f ║ g ║ h ║ j ║ k ║ l ║ ; ║ ' ║ RETURN ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ z ║ x ║ c ║ v ║ b ║ n ║ m ║ , ║ . ║ / ║ ▲ ║ SHIFT ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║SHFT║ALTG║ SPACE ║ - ║ = ║ ◀ ║ ▼ ║ ▶ ║CTRL║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>1: mod shift (default keyboard behaviour)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ESC║ ! ║ @ ║ # ║ $ ║ % ║ ^ ║ &amp; ║ * ║ ( ║ ) ║BACKSPACE║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ Q ║ W ║ E ║ R ║ T ║ Y ║ U ║ I ║ O ║ P ║ { ║ } ║ | ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ A ║ S ║ D ║ F ║ G ║ H ║ J ║ K ║ L ║ : ║ " ║ RETURN ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ Z ║ X ║ C ║ V ║ B ║ N ║ M ║ < ║ > ║ ? ║ ▲ ║░░░░░░░░░║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║░░░░║ALTG║ SPACE ║ _ ║ + ║ ◀ ║ ▼ ║ ▶ ║CTRL║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>2: mod altgr (default keyboard behaviour)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ║ ¹ ║ ² ║ ³ ║ ¤ ║ € ║ ^ ║ ̛ ║ ˛ ║ ‘ ║ ’ ║BACKSPACE║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ ä ║ å ║ é ║ ë ║ þ ║ ü ║ ú ║ í ║ ó ║ ö ║ « ║ » ║ ¬ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ á ║ ß ║ ð ║ ║ ║ ║ ï ║ œ ║ ø ║ ¶ ║ ´ ║ RETURN ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ æ ║ œ ║ © ║ ® ║ ║ ñ ║ µ ║ ç ║ ˙ ║ ¿ ║ ▲ ║ SHIFT ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║SHFT║░░░░║ SPACE ║ ¥ ║ × ║ ◀ ║ ▼ ║ ▶ ║CTRL║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>3: mod fn (adds missing keys)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ Esc║ F1 ║ F2 ║ F3 ║ F4 ║ F5 ║ F6 ║ F7 ║ F8 ║ F9 ║ F10║ DELETE ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ F11║ F12║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ` ║ Super ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║PgUp║ SHIFT ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║SUPR║░░░░║SHFT║ALTG║ Tab ║ ║ ║Pos1║PgDn║ End║CTRL║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
</div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<section id="layout" class="section"> <section id="layout" class="section">
@ -170,16 +183,24 @@
<h1 class="title">Tips</h1> <h1 class="title">Tips</h1>
<div class="content"> <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> <ul>
<li>Hold left thumb on <span class="tag">Ctrl</span> and <span class="tag">Fn</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> 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 n this keyboar is actually an <span class="tag">AltGr</span> key to give you the <span class="tag">€</span> and umlauts</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>
Sorry france :( <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>Cycle through open applications with <span class="tag">Fn</span>+<span class="tag">O</span> and <span class="tag">Fn</span>+<span class="tag">P</span> (macro for <span class="tag">Alt</span>+<span class="tag">Tab</span>/<span class="tag">Alt</span>+<span class="tag">Shift</span>+<span class="tag">Tab</span>)
<li>I'm sorry french typists:
<ul> <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> </ul>
</li> </li>
</ul> </ul>
@ -187,26 +208,33 @@
</div><!--/.container--> </div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<section id="hardware" class="section"> <section id="hardware" class="section">
<div class="container"> <div class="container">
<figure class="image is-2by1"> <h1 class="title">Hardware</h1>
<img src="https://gitlab.com/mkbd65/pcb/-/raw/master/mkbd65.png?inline=false" />
</figure>
</div>
<h1 class="title">Hardware<h1>
<div class="content"> <div class="content">
<p>mkbd65 has the USB Vendor ID 1209 and Product ID 4803. You can find it <a href="https://pid.codes/1209/4803/">here</a></p>
<p>The PCB is made with KiCAD. You can download the files <a href="https://gitlab.com/mkbd65/pcb">here</a></p>
</div>
<p> <p>
<a href="https://pid.codes/1209/4803/">USB PID</a> <figure class="image is-2by1">
<img src="https://gitlab.com/mkbd65/pcb/-/raw/master/mkbd65_front.png?inline=false" />
</figure><!--/.image .is-2by1-->
<figure class="image is-2by1">
<img src="https://gitlab.com/mkbd65/pcb/-/raw/master/mkbd65_back.png?inline=false" />
</figure><!--/.image .is-2by1-->
</p> </p>
<p>mkbd65 has the USB Vendor ID 1209 and Product ID 4803. You can find it <a href="https://pid.codes/1209/4803/">here</a>.</p>
<p>The PCB is made with KiCAD. You can download the files <a href="https://gitlab.com/mkbd65/pcb">here</a>.</p>
<p>It costs about 7-25€ to produce the PCB in a fab like JLCPCB. The full <abbr title="Bill of materials">BOM</abbr> can be found <a href="https://octopart.com/bom-tool/YlMBpo3w">here</a>.</p>
</div><!--/.content-->
</div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<section id="case" class="section"> <section id="case" class="section">
<div class="container">
<h1 class="title">Case</h1>
<p>The CAD files for the case are generated from configuration files with the help of <a href="https://github.com/SolidCode/SolidPython">Solidpython</a> and <a href="https://openscad.org/">OpenSCAD</a>.</p>
<p>Imagine some nice pictures of colorful 3D prints here!</p>
</div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<section id="compat" class="section"> <section id="compat" class="section">
@ -214,21 +242,40 @@
<h1 class="title">Compatible phones</h1> <h1 class="title">Compatible phones</h1>
<div class="content"> <div class="content">
<p>The PCB is compatible with any phone that has a USB-C port. The CAD files for the case are generated from configuration files and can be adapted to most phones. The limiting factor is mostly the shape of the camera bump.</p>
<p>Currently only these models are officially supported:</p>
<ul> <ul>
<li>Oneplus 8T (planned)</li> <li><a href="https://www.oneplus.com/8t">Oneplus 8T</a> (primary target)</li>
<li><a href="https://www.motorola.com/us/smartphones-moto-g100/p">Motorola moto g100</a> (planned)</li>
</ul> </ul>
<p>You want your phone on this list? Open an issue <a href="https://gitlab.com/mkbd65/case/-/issues/new#">here</a> and use the "New phone" template.</p>
</div><!--/.content--> </div><!--/.content-->
</div><!--/.container--> </div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<footer class="footer"> <footer class="footer">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <div class="columns is-vcentered is-centered">
<strong>mkbd65</strong> by <a href="https://xengi.de">XenGi</a> is licensed under <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>. <div class="column is-one-quarter">
</p> <figure class="image">
<a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer"><img alt="CC BY-SA 4.0" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg" style="height: 31pt; width: 81pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://www.oshwa.org/"><img alt="Open Source Hardware Logo" src="https://www.oshwa.org/wp-content/uploads/2014/03/oshw-logo.svg" style="height: 48pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://qmk.fm/"><img alt="Powered by QMK logo" src="https://qmk.fm/assets/images/badge-dark.svg" style="height:42pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
</div><!--/.columns .is-vcentered-->
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://gitlab.com/mkbd65/">mkbd65</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://gitlab.com/xengi">XenGi</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p>
</div><!--/.content .has-text-centered--> </div><!--/.content .has-text-centered-->
</footer><!--/.footer--> </footer><!--/.footer-->
<script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="/js/main.js"></script>
</body> </body>
</html> </html>

View file

@ -0,0 +1,30 @@
// Show button on scroll
window.onscroll = function() { toggle_gototop() };
function toggle_gototop() {
gototop_button = document.getElementById("gototop");
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
gototop_button.style.display = "block";
} else {
gototop_button.style.display = "none";
}
}
function gototop() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
document.addEventListener('DOMContentLoaded', function() {
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
if ($navbarBurgers.length > 0) {
$navbarBurgers.forEach(function(el) {
el.addEventListener('click', function() {
const target = el.dataset.target;
const $target = document.getElementById(target);
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});

View file

View file

BIN
mkbd65-ansi-fn.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

148
mkbd65-ansi-fn.json Normal file
View file

@ -0,0 +1,148 @@
[
{
"backcolor": "#656565",
"name": "mkbd65 ANSI",
"author": "XenGi",
"notes": "https://gitlab.com/mkbd65",
"radii": "18px",
"switchMount": "alps",
"switchBrand": "alps",
"pcb": true
},
[
{
"c": "#3d3d3d",
"t": "#f0f0f0",
"p": "FLAT",
"sm": "alps",
"sb": "alps",
"a": 7,
"f": 6
},
"",
"F1",
"F2",
"F3",
"F4",
"F5",
"F6",
"F7",
"F8",
"F9",
"F10",
{
"f": 7,
"w": 2
},
"<i class='mss mss-Unicode-DeleteRight-Big-2'></i>"
],
[
{
"f": 6
},
"",
"",
"",
"",
"",
"",
"",
"",
{
"a": 5,
"f": 5
},
"Alt\nTab\n\n\n\n\nShift",
"Alt\nTab",
{
"a": 7,
"f": 6
},
"F11",
"F12",
"<i class='kb kb-Hamburger-Menu'></i>"
],
[
"",
"",
"",
"",
"",
"",
"",
"",
"<i class='kb kb-Multimedia-Play-Pause'></i>",
"<i class='kb kb-Multimedia-Stop'></i>",
{
"a": 4
},
"~\n`",
{
"a": 7,
"f": 7,
"w": 2
},
"<i class='kb kb-logo-android'></i>"
],
[
{
"f": 6
},
"",
"",
"",
"",
"",
"",
"",
"<i class='kb kb-Multimedia-Volume-Down-2'></i>",
"<i class='kb kb-Multimedia-Volume-Up-2'></i>",
"<i class='kb kb-Multimedia-Mute-2'></i>",
{
"f": 5
},
"PgUp",
{
"f": 7,
"w": 2
},
""
],
[
{
"f": 6
},
"",
{
"c": "#f0f0f0",
"t": "#3d3d3d"
},
"Fn",
{
"c": "#3d3d3d",
"t": "#f0f0f0",
"f": 7
},
"",
{
"f": 6
},
"",
{
"w": 3
},
"<i class='kb kb-Tab-2'></i>",
"",
"",
{
"f": 5
},
"Home",
"PgDn",
"End",
{
"f": 6
},
""
]
]

BIN
mkbd65-ansi-fn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

2320
mkbd65-ansi-fn.svg Normal file

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 45 KiB

BIN
mkbd65-ansi-thumb-fn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before After
Before After

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before After
Before After

View file

@ -458,19 +458,11 @@
<!-- Outer Border --> <!-- Outer Border -->
<rect x="596" y="2"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="596" y="2" <rect x="596" y="2"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="2"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="596" y="2" <rect x="596" y="2"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -478,19 +470,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="3"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="597" y="3" <rect x="597" y="3"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="3"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="597" y="3" <rect x="597" y="3"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949"/> 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" <rect x="597" y="3"
width="102" height="48" 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 --> <!-- Outer Border -->
<rect x="596" y="110"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="596" y="110" <rect x="596" y="110"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="110"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="596" y="110" <rect x="596" y="110"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -1459,19 +1420,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="111"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="597" y="111" <rect x="597" y="111"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="111"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="597" y="111" <rect x="597" y="111"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949"/> 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" <rect x="597" y="111"
width="102" height="48" 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 --> <!-- Outer Border -->
<rect x="596" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -1946,19 +1876,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="165"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="165"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949"/> 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" <rect x="597" y="165"
width="102" height="48" 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 --> <!-- Outer Border -->
<rect x="218" y="218"
width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="218" y="218" <rect x="218" y="218"
width="158" height="50" width="158" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="218" y="218"
width="104" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="218" y="218" <rect x="218" y="218"
width="158" height="50" width="158" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -2167,19 +2066,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="219" y="219"
width="102" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="219" y="219" <rect x="219" y="219"
width="156" height="48" width="156" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="219" y="219"
width="102" height="48"
rx="5" fill="#494949"/>
<rect x="219" y="219" <rect x="219" y="219"
width="156" height="48" width="156" height="48"
rx="5" fill="#494949"/> 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" <rect x="219" y="219"
width="156" height="48" 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)"/>

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Before After
Before After

BIN
mkbd65-iso-fn.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

150
mkbd65-iso-fn.json Normal file
View file

@ -0,0 +1,150 @@
[
{
"backcolor": "#656565",
"name": "mkbd65 ISO",
"author": "XenGi",
"notes": "https://gitlab.com/mkbd65",
"radii": "18px",
"switchMount": "alps",
"switchBrand": "alps",
"pcb": true
},
[
{
"c": "#3d3d3d",
"t": "#f0f0f0",
"p": "FLAT",
"sm": "alps",
"sb": "alps",
"a": 7,
"f": 6
},
"",
"F1",
"F2",
"F3",
"F4",
"F5",
"F6",
"F7",
"F8",
"F9",
"F10",
{
"f": 7,
"w": 2
},
"<i class='mss mss-Unicode-DeleteRight-Big-2'></i>"
],
[
{
"f": 6
},
"",
"",
"",
"",
"",
"",
"",
"",
{
"a": 5,
"f": 5
},
"Alt\nTab\n\n\n\n\nShift",
"Alt\nTab",
{
"a": 7,
"f": 6
},
"F11",
"F12",
{
"f": 7,
"h": 2
},
"<i class='kb kb-logo-android'></i>"
],
[
{
"f": 6
},
"",
"",
"",
"",
"",
"",
"",
"",
"<i class='kb kb-Multimedia-Play-Pause'></i>",
"<i class='kb kb-Multimedia-Stop'></i>",
{
"a": 4
},
"~\n`",
{
"a": 7
},
"<i class='kb kb-Hamburger-Menu'></i>"
],
[
"",
"",
"",
"",
"",
"",
"",
"<i class='kb kb-Multimedia-Volume-Down-2'></i>",
"<i class='kb kb-Multimedia-Volume-Up-2'></i>",
"<i class='kb kb-Multimedia-Mute-2'></i>",
{
"f": 5
},
"PgUp",
{
"f": 7,
"w": 2
},
""
],
[
{
"f": 6
},
"",
{
"c": "#f0f0f0",
"t": "#3d3d3d"
},
"Fn",
{
"c": "#3d3d3d",
"t": "#f0f0f0",
"f": 7
},
"",
{
"f": 6
},
"",
{
"w": 3
},
"<i class='kb kb-Tab-2'></i>",
"",
"",
{
"f": 5
},
"Home",
"PgDn",
"End",
{
"f": 6
},
""
]
]

BIN
mkbd65-iso-fn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

2320
mkbd65-iso-fn.svg Normal file

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 45 KiB

BIN
mkbd65-iso-thumb-fn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before After
Before After

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before After
Before After

View file

@ -458,19 +458,11 @@
<!-- Outer Border --> <!-- Outer Border -->
<rect x="596" y="2"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="596" y="2" <rect x="596" y="2"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="2"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="596" y="2" <rect x="596" y="2"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -478,19 +470,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="3"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="597" y="3" <rect x="597" y="3"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="3"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="597" y="3" <rect x="597" y="3"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949"/> 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" <rect x="597" y="3"
width="102" height="48" 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 --> <!-- Outer Border -->
<rect x="596" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="104" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -1915,19 +1876,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="165"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="165"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="102" height="48"
rx="5" fill="#494949"/> 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" <rect x="597" y="165"
width="102" height="48" 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 --> <!-- Outer Border -->
<rect x="218" y="218"
width="104" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<rect x="218" y="218" <rect x="218" y="218"
width="158" height="50" width="158" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="218" y="218"
width="104" height="50"
rx="5" fill="#3d3d3d"/>
<rect x="218" y="218" <rect x="218" y="218"
width="158" height="50" width="158" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
@ -2136,19 +2066,11 @@
<!-- Inner Border --> <!-- Inner Border -->
<rect x="219" y="219"
width="102" height="48"
rx="5" fill="#494949" class="inner border"/>
<rect x="219" y="219" <rect x="219" y="219"
width="156" height="48" width="156" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="219" y="219"
width="102" height="48"
rx="5" fill="#494949"/>
<rect x="219" y="219" <rect x="219" y="219"
width="156" height="48" width="156" height="48"
rx="5" fill="#494949"/> 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" <rect x="219" y="219"
width="156" height="48" 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)"/>

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 45 KiB

Before After
Before After

BIN
mkbd65pro_ansi-thumb.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
mkbd65pro_ansi.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

137
mkbd65pro_ansi.json Normal file
View file

@ -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"
]
]

BIN
mkbd65pro_ansi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

2472
mkbd65pro_ansi.svg Normal file

File diff suppressed because it is too large Load diff

After

Width:  |  Height:  |  Size: 48 KiB