mkbd65/web
Watch
1
0
Fork
You've already forked web
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index.html

Browse source
This commit is contained in:
XenGi 2022-02-08 19:53:27 +00:00
commit 9cf17365dd
1 changed files with 132 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

185
index.html
View file

@ -70,9 +70,11 @@
<div class="content">
<ul>
<li>Full qwerty keyboard layout (us-altgr-intl)</li>
<li>Fully customizable</li>
<li>Uses USB-C</li>
<li>Full qwerty keyboard layout</li>
<li>Fully customizable through QMK firmware</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 hardware</li>
</ul>
@ -82,19 +84,41 @@
<section class="section">
<div class="container">
<h1 class="title">Planned features</h1>
<h1 class="title">Roadmap</h1>
<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>
<li>
Integrated USB 3 Hub
Integrated USB Hub
<ul>
<li>Additional USB-C port</li>
<li>USB-PD passthrough</li>
<li>Keyboard can be permanently connected to the phone</li>
<li>Charge 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>Headphone jack</li>
<li>Key Frontlight</li>
<li>Key frontlightaxasdfzxasdfghasdfghxz</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>
</div><!--/.content-->
</div><!--/.container-->
@ -104,65 +128,120 @@
<div class="columns">
<div class="column">
<h1 class="title">ANSI</h1>
</div><!--/.column-->
</div><!--/.columns-->
<div class="container">
<h1 class="title">Default key mapping</h1>
<div class="highlight"><pre><code>0: no mod
<div class="container">
<div class="highlight"><pre><code>0: no mod
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ESC║ 1 ║ 2 ║ 3 ║ 4 ║ 5 ║ 6 ║ 7 ║ 8 ║ 9 ║ 0 ║BACKSPACE║
║ 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 ║ ; ║ ' ║ RETURN ║
║ a ║ s ║ d ║ f ║ g ║ h ║ j ║ k ║ l ║ ; ║ ' ║ ⏎ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ z ║ x ║ c ║ v ║ b ║ n ║ m ║ , ║ . ║ / ║ ▲ ║ SHIFT ║
║ z ║ x ║ c ║ v ║ b ║ n ║ m ║ , ║ . ║ / ║ ▲ ║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║SHFT║ALTG║ SPACE ║ - ║ = ║ ◀ ║ ▼ ║ ▶ ║CTRL║
║Ctrl║ Fn ║ ⇧ ║AltG║ Space ║ - ║ = ║ ◀ ║ ▼ ║ ▶ ║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>1: mod shift (default keyboard behaviour)
</div><!--/.highlight-->
<div class="highlight"><pre><code>1: mod shift (default keyboard behaviour)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ESC║ ! ║ @ ║ # ║ $ ║ % ║ ^ ║ &amp; ║ * ║ ( ║ ) ║BACKSPACE║
║ Esc║ ! ║ @ ║ # ║ $ ║ % ║ ^ ║ &amp; ║ * ║ ( ║ ) ║ ⌫ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ Q ║ W ║ E ║ R ║ T ║ Y ║ U ║ I ║ O ║ P ║ { ║ } ║ | ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ A ║ S ║ D ║ F ║ G ║ H ║ J ║ K ║ L ║ : ║ " ║ RETURN ║
║ A ║ S ║ D ║ F ║ G ║ H ║ J ║ K ║ L ║ : ║ " ║ ⏎ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ Z ║ X ║ C ║ V ║ B ║ N ║ M ║ < ║ > ║ ? ║ ▲ ║░░░░░░░░░║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║░░░░║ALTG║ SPACE ║ _ ║ + ║ ◀ ║ ▼ ║ ▶ ║CTRL║
║Ctrl║ Fn ║░░░░║AltG║ Space ║ _ ║ + ║ ◀ ║ ▼ ║ ▶ ║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>2: mod altgr (default keyboard behaviour)
</div><!--/.highlight-->
<div class="highlight"><pre><code>2: mod AltGr (default keyboard behaviour)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ║ ¹ ║ ² ║ ³ ║ ¤ ║ € ║ ^ ║ ̛ ║ ˛ ║ ‘ ║ ’ ║BACKSPACE║
║ ║ ¹ ║ ² ║ ³ ║ ¤ ║ € ║ ^ ║ ̛ ║ ˛ ║ ‘ ║ ’ ║ ⌫ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ ä ║ å ║ é ║ ë ║ þ ║ ü ║ ú ║ í ║ ó ║ ö ║ « ║ » ║ ¬ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ á ║ ß ║ ð ║ ║ ║ ║ ï ║ œ ║ ø ║ ¶ ║ ´ ║ RETURN ║
║ á ║ ß ║ ð ║ ║ ║ ║ ï ║ œ ║ ø ║ ¶ ║ ´ ║ ⏎ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ æ ║ œ ║ © ║ ® ║ ║ ñ ║ µ ║ ç ║ ˙ ║ ¿ ║ ▲ ║ SHIFT ║
║ æ ║ œ ║ © ║ ® ║ ║ ñ ║ µ ║ ç ║ ˙ ║ ¿ ║ ▲ ║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║CTRL║ FN ║SHFT║░░░░║ SPACE ║ ¥ ║ × ║ ◀ ║ ▼ ║ ▶ ║CTRL║
║Ctrl║ Fn ║ ⇧ ║░░░░║ Space ║ ¥ ║ × ║ ◀ ║ ▼ ║ ▶ ║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>3: mod fn (adds missing keys)
</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 ║
║ Esc║ F1 ║ F2 ║ F3 ║ F4 ║ F5 ║ F6 ║ F7 ║ F8 ║ F9 ║ F10║ Delete ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ F11║ F12║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ` ║ Super ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬═════════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║PgUp║ SHIFT ║
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║PgUp║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║SUPR║░░░░║SHFT║ALTG║ Tab ║ ║ ║Pos1║PgDn║ End║CTRL║
║SUPR║░░░░║ ⇧ ║AltG║ Tab ║ ║ ║Pos1║PgDn║ End║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
</div><!--/.container-->
</div><!--/.highlight-->
</div><!--/.container-->
</div><!--/.column-->
<div class="column">
<h1 class="title">ANSI (big enter)</h1>
<div class="container">
<div class="highlight"><pre><code>0: no mod
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ 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 ║ ; ║ ' ║ \ ║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ z ║ x ║ c ║ v ║ b ║ n ║ m ║ , ║ . ║ / ║ ▲ ║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║Ctrl║ Fn ║ ⇧ ║AltG║ Space ║ - ║ = ║ ◀ ║ ▼ ║ ▶ ║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
<div class="highlight"><pre><code>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 ║ : ║ " ║ | ║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ 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)
╔════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦════╦═════════╗
║ ║ ¹ ║ ² ║ ³ ║ ¤ ║ € ║ ^ ║ ̛ ║ ˛ ║ ‘ ║ ’ ║ ⌫ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╦════╣
║ ä ║ å ║ é ║ ë ║ þ ║ ü ║ ú ║ í ║ ó ║ ö ║ « ║ » ║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣ ⏎ ║
║ á ║ ß ║ ð ║ ║ ║ ║ ï ║ œ ║ ø ║ ¶ ║ ´ ║ ¬ ║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ æ ║ œ ║ © ║ ® ║ ║ ñ ║ µ ║ ç ║ ˙ ║ ¿ ║ ▲ ║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║Ctrl║ Fn ║ ⇧ ║░░░░║ 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║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╣Supr║
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ` ║ ║ ║
╠════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╬════╩════╣
║ ║ ║ ║ ║ ║ ║ ║ ║ ║ ║PgUp║ ⇧ ║
╠════╬════╬════╬════╬════╩════╩════╬════╬════╬════╬════╬════╦════╣
║Ctrl║░░░░║ ⇧ ║AltG║ Tab ║ ║ ║Pos1║PgDn║ End║Ctrl║
╚════╩════╩════╩════╩══════════════╩════╩════╩════╩════╩════╩════╝</code></pre>
</div><!--/.highlight-->
</div><!--/.container-->
</div><!--/.column-->
</div><!--/.columns-->
</section><!--/.section-->
<section id="layout" class="section">
@ -171,12 +250,12 @@
<div class="content">
<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></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>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>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>
Sorry france :(
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:
<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>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>
@ -191,22 +270,21 @@
<div class="container">
<figure class="image is-2by1">
<img src="https://gitlab.com/mkbd65/pcb/-/raw/master/mkbd65.png?inline=false" />
</figure>
</div>
</figure><!--/.image .is-2by1-->
</div><!--/.container-->
<h1 class="title">Hardware<h1>
<h1 class="title">Hardware</h1>
<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>
<a href="https://pid.codes/1209/4803/">USB PID</a>
</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 20€ 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-->
</section><!--/.section-->
<section id="case" class="section">
<h1 class="title">Case</h1>
<p>Imagine some nice pictures of colorful 3D prints here!</p>
</section><!--/.section-->
<section id="compat" class="section">
@ -215,7 +293,8 @@
<div class="content">
<ul>
<li>Oneplus 8T (planned)</li>
<li>Oneplus 8T (primary target)</li>
<li>Motorola moto g100 (planned)</li>
</ul>
</div><!--/.content-->
</div><!--/.container-->
@ -224,7 +303,7 @@
<footer class="footer">
<div class="content has-text-centered">
<p>
<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>.
<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>. This websites content is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div><!--/.content .has-text-centered-->
</footer><!--/.footer-->