William RickertandClaude Opus 5
fd1ae511ca
The SVGs relied on stylesheet classes supplied by the tool that rendered them - outside it they were black boxes with invisible text. Each now carries its own <style> block with light and dark palettes. Also regenerates the overview, which still showed the old row-staggered 36/39 halves, and adds a licence section: nothing is chosen yet, so default copyright applies. Co-Authored-By: Claude Opus 5 <[email protected]>
63 lines
7.1 KiB
XML
63 lines
7.1 KiB
XML
<svg width="100%" viewBox="0 0 680 614" 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}
|
|
.t{font-size:14px;font-weight:400}.ts{font-size:12px;font-weight:400}.th{font-size:14px;font-weight:500}
|
|
rect,circle{stroke-width:.6}
|
|
.c-teal rect,.c-teal circle{fill:#DFF3F0;stroke:#0F857B}.c-teal text{fill:#0A5750}
|
|
.c-purple rect,.c-purple circle{fill:#EDE7FA;stroke:#6D4FC4}.c-purple text{fill:#3A2775}
|
|
.c-coral rect,.c-coral circle{fill:#FCEAE4;stroke:#D8613F}.c-coral text{fill:#83321C}
|
|
.c-amber rect,.c-amber circle{fill:#FDF1DC;stroke:#C08A21}.c-amber text{fill:#6E4C08}
|
|
.c-gray rect,.c-gray circle{fill:#EFEFEF;stroke:#8A8A8A}.c-gray text{fill:#3A3A3A}
|
|
@media (prefers-color-scheme:dark){
|
|
text{fill:#e6edf3}
|
|
.c-teal rect,.c-teal circle{fill:#0C4F49;stroke:#5FC9BF}.c-teal text{fill:#CFF0EC}
|
|
.c-purple rect,.c-purple circle{fill:#33246B;stroke:#A992EE}.c-purple text{fill:#E2D9FA}
|
|
.c-coral rect,.c-coral circle{fill:#6E2B18;stroke:#F0906F}.c-coral text{fill:#FBDDD2}
|
|
.c-amber rect,.c-amber circle{fill:#5C3F06;stroke:#E0AE4A}.c-amber text{fill:#F8E7C4}
|
|
.c-gray rect,.c-gray circle{fill:#3A3A3A;stroke:#9A9A9A}.c-gray text{fill:#E0E0E0}
|
|
}
|
|
</style>
|
|
<title>Right half — 39 keys</title><desc>The right side of the same 104. PrtSc, ScrLk, Pause and Insert are not on any board.</desc>
|
|
<text class="th" x="18" y="24">Right half — 39 keys</text>
|
|
<text class="ts" x="18" y="44">The right side of the same 104. PrtSc, ScrLk, Pause and Insert are not on any board.</text>
|
|
<g class="c-purple"><rect x="196" y="76" width="63" height="63" rx="4"/><text class="ts" x="227" y="112" text-anchor="middle">F7</text></g>
|
|
<g class="c-purple"><rect x="264" y="76" width="63" height="63" rx="4"/><text class="ts" x="295" y="112" text-anchor="middle">F8</text></g>
|
|
<g class="c-purple"><rect x="366" y="76" width="63" height="63" rx="4"/><text class="ts" x="397" y="112" text-anchor="middle">F9</text></g>
|
|
<g class="c-purple"><rect x="434" y="76" width="63" height="63" rx="4"/><text class="ts" x="465" y="112" text-anchor="middle">F10</text></g>
|
|
<g class="c-purple"><rect x="502" y="76" width="63" height="63" rx="4"/><text class="ts" x="533" y="112" text-anchor="middle">F11</text></g>
|
|
<g class="c-purple"><rect x="570" y="76" width="63" height="63" rx="4"/><text class="ts" x="601" y="112" text-anchor="middle">F12</text></g>
|
|
<g class="c-purple"><rect x="94" y="178" width="63" height="63" rx="4"/><text class="ts" x="125" y="214" text-anchor="middle">7</text></g>
|
|
<g class="c-purple"><rect x="162" y="178" width="63" height="63" rx="4"/><text class="ts" x="193" y="214" text-anchor="middle">8</text></g>
|
|
<g class="c-purple"><rect x="230" y="178" width="63" height="63" rx="4"/><text class="ts" x="261" y="214" text-anchor="middle">9</text></g>
|
|
<g class="c-purple"><rect x="298" y="178" width="63" height="63" rx="4"/><text class="ts" x="329" y="214" text-anchor="middle">0</text></g>
|
|
<g class="c-purple"><rect x="366" y="178" width="63" height="63" rx="4"/><text class="ts" x="397" y="214" text-anchor="middle">-</text></g>
|
|
<g class="c-purple"><rect x="434" y="178" width="63" height="63" rx="4"/><text class="ts" x="465" y="214" text-anchor="middle">=</text></g>
|
|
<g class="c-purple"><rect x="502" y="178" width="131" height="63" rx="4"/><text class="ts" x="567" y="214" text-anchor="middle">Bksp</text></g>
|
|
<g class="c-purple"><rect x="60" y="246" width="63" height="63" rx="4"/><text class="ts" x="91" y="282" text-anchor="middle">Y</text></g>
|
|
<g class="c-purple"><rect x="128" y="246" width="63" height="63" rx="4"/><text class="ts" x="159" y="282" text-anchor="middle">U</text></g>
|
|
<g class="c-purple"><rect x="196" y="246" width="63" height="63" rx="4"/><text class="ts" x="227" y="282" text-anchor="middle">I</text></g>
|
|
<g class="c-purple"><rect x="264" y="246" width="63" height="63" rx="4"/><text class="ts" x="295" y="282" text-anchor="middle">O</text></g>
|
|
<g class="c-purple"><rect x="332" y="246" width="63" height="63" rx="4"/><text class="ts" x="363" y="282" text-anchor="middle">P</text></g>
|
|
<g class="c-purple"><rect x="400" y="246" width="63" height="63" rx="4"/><text class="ts" x="431" y="282" text-anchor="middle">[</text></g>
|
|
<g class="c-purple"><rect x="468" y="246" width="63" height="63" rx="4"/><text class="ts" x="499" y="282" text-anchor="middle">]</text></g>
|
|
<g class="c-purple"><rect x="536" y="246" width="97" height="63" rx="4"/><text class="ts" x="584" y="282" text-anchor="middle">\</text></g>
|
|
<g class="c-purple"><rect x="76" y="314" width="63" height="63" rx="4"/><text class="ts" x="108" y="350" text-anchor="middle">H</text></g>
|
|
<g class="c-purple"><rect x="144" y="314" width="63" height="63" rx="4"/><text class="ts" x="176" y="350" text-anchor="middle">J</text></g>
|
|
<g class="c-purple"><rect x="212" y="314" width="63" height="63" rx="4"/><text class="ts" x="244" y="350" text-anchor="middle">K</text></g>
|
|
<g class="c-purple"><rect x="280" y="314" width="63" height="63" rx="4"/><text class="ts" x="312" y="350" text-anchor="middle">L</text></g>
|
|
<g class="c-purple"><rect x="348" y="314" width="63" height="63" rx="4"/><text class="ts" x="380" y="350" text-anchor="middle">;</text></g>
|
|
<g class="c-purple"><rect x="416" y="314" width="63" height="63" rx="4"/><text class="ts" x="448" y="350" text-anchor="middle">'</text></g>
|
|
<g class="c-purple"><rect x="484" y="314" width="148" height="63" rx="4"/><text class="ts" x="558" y="350" text-anchor="middle">Enter</text></g>
|
|
<g class="c-purple"><rect x="110" y="382" width="63" height="63" rx="4"/><text class="ts" x="142" y="418" text-anchor="middle">N</text></g>
|
|
<g class="c-purple"><rect x="178" y="382" width="63" height="63" rx="4"/><text class="ts" x="210" y="418" text-anchor="middle">M</text></g>
|
|
<g class="c-purple"><rect x="246" y="382" width="63" height="63" rx="4"/><text class="ts" x="278" y="418" text-anchor="middle">,</text></g>
|
|
<g class="c-purple"><rect x="314" y="382" width="63" height="63" rx="4"/><text class="ts" x="346" y="418" text-anchor="middle">.</text></g>
|
|
<g class="c-purple"><rect x="382" y="382" width="63" height="63" rx="4"/><text class="ts" x="414" y="418" text-anchor="middle">/</text></g>
|
|
<g class="c-purple"><rect x="450" y="382" width="182" height="63" rx="4"/><text class="ts" x="542" y="418" text-anchor="middle">Shift</text></g>
|
|
<g class="c-purple"><rect x="42" y="450" width="250" height="63" rx="4"/><text class="ts" x="168" y="486" text-anchor="middle">Space</text></g>
|
|
<g class="c-purple"><rect x="298" y="450" width="80" height="63" rx="4"/><text class="ts" x="338" y="486" text-anchor="middle">Alt</text></g>
|
|
<g class="c-purple"><rect x="382" y="450" width="80" height="63" rx="4"/><text class="ts" x="422" y="486" text-anchor="middle">Win</text></g>
|
|
<g class="c-purple"><rect x="468" y="450" width="80" height="63" rx="4"/><text class="ts" x="508" y="486" text-anchor="middle">Menu</text></g>
|
|
<g class="c-purple"><rect x="552" y="450" width="80" height="63" rx="4"/><text class="ts" x="592" y="486" text-anchor="middle">Ctrl</text></g>
|
|
<text class="ts" x="18" y="558">8.75u wide — about 167 mm. Three more keys than the left, so the two boards are not mirrors.</text>
|
|
</svg> |