Between Del and PgDn, which makes the nav block a solid 3x2 and leaves the arrows isolated by a symmetric pair of gaps rather than three asymmetric ones. 26 keys. PrtSc earns a key because it is the screenshot key on every Linux desktop; Insert, ScrLk and Pause stay on a layer. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
53 lines
5.3 KiB
XML
53 lines
5.3 KiB
XML
<svg width="100%" viewBox="0 0 680 538" role="img" xmlns="http://www.w3.org/2000/svg">
|
|
<style>
|
|
text{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:#1f2328}
|
|
.ts{font-size:12px}.th{font-size:14px;font-weight:500}
|
|
rect{stroke-width:.6}
|
|
.c-teal rect{fill:#DFF3F0;stroke:#0F857B}.c-teal text{fill:#0A5750}
|
|
.c-purple rect{fill:#EDE7FA;stroke:#6D4FC4}.c-purple text{fill:#3A2775}
|
|
.c-coral rect{fill:#FCEAE4;stroke:#D8613F}.c-coral text{fill:#83321C}
|
|
@media (prefers-color-scheme:dark){
|
|
text{fill:#e6edf3}
|
|
.c-teal rect{fill:#0C4F49;stroke:#5FC9BF}.c-teal text{fill:#CFF0EC}
|
|
.c-purple rect{fill:#33246B;stroke:#A992EE}.c-purple text{fill:#E2D9FA}
|
|
.c-coral rect{fill:#6E2B18;stroke:#F0906F}.c-coral text{fill:#FBDDD2}
|
|
}
|
|
</style>
|
|
<title>Numpad — no encoder, nav shifted up</title>
|
|
<desc>The volume encoder is gone. Home, End, Page Up, Page Down and Delete all move up one row, leaving a gap above the up arrow that separates the nav block from the arrow cluster.</desc>
|
|
<text class="th" x="18" y="24">Numpad — settled layout</text>
|
|
<text class="ts" x="18" y="44">26 keys. The nav block is now a solid 3×2, with the arrows isolated by a symmetric pair of gaps.</text>
|
|
<g class="c-teal"><rect x="148" y="88" width="58" height="58" rx="4"/><text class="ts" x="177" y="121" text-anchor="middle">Home</text></g>
|
|
<g class="c-teal"><rect x="212" y="88" width="58" height="58" rx="4"/><text class="ts" x="241" y="121" text-anchor="middle">End</text></g>
|
|
<g class="c-teal"><rect x="276" y="88" width="58" height="58" rx="4"/><text class="ts" x="305" y="121" text-anchor="middle">PgUp</text></g>
|
|
<g class="c-teal"><rect x="148" y="152" width="58" height="58" rx="4"/><text class="ts" x="177" y="185" text-anchor="middle">Del</text></g>
|
|
<g class="c-teal"><rect x="212" y="152" width="58" height="58" rx="4"/><text class="ts" x="241" y="185" text-anchor="middle">PrtSc</text></g>
|
|
<g class="c-teal"><rect x="276" y="152" width="58" height="58" rx="4"/><text class="ts" x="305" y="185" text-anchor="middle">PgDn</text></g>
|
|
<g class="c-teal"><rect x="212" y="216" width="58" height="58" rx="4"/><text class="ts" x="241" y="249" text-anchor="middle">↑</text></g>
|
|
<g class="c-teal"><rect x="148" y="280" width="58" height="58" rx="4"/><text class="ts" x="177" y="313" text-anchor="middle">←</text></g>
|
|
<g class="c-teal"><rect x="212" y="280" width="58" height="58" rx="4"/><text class="ts" x="241" y="313" text-anchor="middle">↓</text></g>
|
|
<g class="c-teal"><rect x="276" y="280" width="58" height="58" rx="4"/><text class="ts" x="305" y="313" text-anchor="middle">→</text></g>
|
|
<g class="c-coral"><rect x="340" y="88" width="58" height="58" rx="4"/><text class="ts" x="369" y="121" text-anchor="middle">/</text></g>
|
|
<g class="c-coral"><rect x="404" y="88" width="58" height="58" rx="4"/><text class="ts" x="433" y="121" text-anchor="middle">*</text></g>
|
|
<g class="c-coral"><rect x="468" y="88" width="58" height="58" rx="4"/><text class="ts" x="497" y="121" text-anchor="middle">-</text></g>
|
|
<g class="c-coral"><rect x="340" y="152" width="58" height="58" rx="4"/><text class="ts" x="369" y="185" text-anchor="middle">7</text></g>
|
|
<g class="c-coral"><rect x="404" y="152" width="58" height="58" rx="4"/><text class="ts" x="433" y="185" text-anchor="middle">8</text></g>
|
|
<g class="c-coral"><rect x="468" y="152" width="58" height="58" rx="4"/><text class="ts" x="497" y="185" text-anchor="middle">9</text></g>
|
|
<g class="c-coral"><rect x="340" y="216" width="58" height="58" rx="4"/><text class="ts" x="369" y="249" text-anchor="middle">4</text></g>
|
|
<g class="c-coral"><rect x="404" y="216" width="58" height="58" rx="4"/><text class="ts" x="433" y="249" text-anchor="middle">5</text></g>
|
|
<g class="c-coral"><rect x="468" y="216" width="58" height="58" rx="4"/><text class="ts" x="497" y="249" text-anchor="middle">6</text></g>
|
|
<g class="c-coral"><rect x="340" y="280" width="58" height="58" rx="4"/><text class="ts" x="369" y="313" text-anchor="middle">1</text></g>
|
|
<g class="c-coral"><rect x="404" y="280" width="58" height="58" rx="4"/><text class="ts" x="433" y="313" text-anchor="middle">2</text></g>
|
|
<g class="c-coral"><rect x="468" y="280" width="58" height="58" rx="4"/><text class="ts" x="497" y="313" text-anchor="middle">3</text></g>
|
|
<g class="c-coral"><rect x="340" y="344" width="122" height="58" rx="4"/><text class="ts" x="401" y="377" text-anchor="middle">0</text></g>
|
|
<g class="c-coral"><rect x="468" y="344" width="58" height="58" rx="4"/><text class="ts" x="497" y="377" text-anchor="middle">.</text></g>
|
|
<g class="c-purple"><rect x="148" y="363" width="122" height="58" rx="4"/><text class="ts" x="209" y="396" text-anchor="middle">Enter</text></g>
|
|
<g class="c-purple"><rect x="276" y="373" width="58" height="58" rx="4"/><text class="ts" x="305" y="406" text-anchor="middle">+</text></g>
|
|
<g class="c-teal"><rect x="18" y="466" width="13" height="13" rx="3"/></g>
|
|
<text class="ts" x="37" y="476">Nav · 10</text>
|
|
<g class="c-coral"><rect x="188" y="466" width="13" height="13" rx="3"/></g>
|
|
<text class="ts" x="207" y="476">Numpad · 14</text>
|
|
<g class="c-purple"><rect x="358" y="466" width="13" height="13" rx="3"/></g>
|
|
<text class="ts" x="377" y="476">Thumb · 2</text>
|
|
<text class="ts" x="18" y="506">About 114 by 105 mm. Only two cells empty now, sitting symmetrically either side of the up arrow.</text>
|
|
</svg> |