275 lines
8.7 KiB
XML
275 lines
8.7 KiB
XML
<svg width="732" height="395" viewBox="0 0 732 395" class="keymap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<style>/* inherit to force styles through use tags */
|
|
svg path {
|
|
fill: inherit;
|
|
}
|
|
|
|
/* font and background color specifications */
|
|
svg.keymap {
|
|
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
|
font-size: 14px;
|
|
font-kerning: normal;
|
|
text-rendering: optimizeLegibility;
|
|
fill: #24292e;
|
|
}
|
|
|
|
/* default key styling */
|
|
rect.key {
|
|
fill: #f6f8fa;
|
|
}
|
|
|
|
rect.key, rect.combo {
|
|
stroke: #c9cccf;
|
|
stroke-width: 1;
|
|
}
|
|
|
|
/* default key side styling, only used is draw_key_sides is set */
|
|
rect.side {
|
|
filter: brightness(90%);
|
|
}
|
|
|
|
/* color accent for combo boxes */
|
|
rect.combo, rect.combo-separate {
|
|
fill: #cdf;
|
|
}
|
|
|
|
/* color accent for held keys */
|
|
rect.held, rect.combo.held {
|
|
fill: #fdd;
|
|
}
|
|
|
|
/* color accent for ghost (optional) keys */
|
|
rect.ghost, rect.combo.ghost {
|
|
stroke-dasharray: 4, 4;
|
|
stroke-width: 2;
|
|
}
|
|
|
|
text {
|
|
text-anchor: middle;
|
|
dominant-baseline: middle;
|
|
}
|
|
|
|
/* styling for layer labels */
|
|
text.label {
|
|
font-weight: bold;
|
|
text-anchor: start;
|
|
stroke: white;
|
|
stroke-width: 4;
|
|
paint-order: stroke;
|
|
}
|
|
|
|
/* styling for optional footer */
|
|
text.footer {
|
|
text-anchor: end;
|
|
dominant-baseline: auto;
|
|
stroke: white;
|
|
stroke-width: 4;
|
|
paint-order: stroke;
|
|
}
|
|
|
|
/* styling for combo tap, and key non-tap label text */
|
|
text.combo, text.hold, text.shifted, text.left, text.right {
|
|
font-size: 11px;
|
|
}
|
|
|
|
text.hold {
|
|
text-anchor: middle;
|
|
dominant-baseline: auto;
|
|
}
|
|
|
|
text.shifted {
|
|
text-anchor: middle;
|
|
dominant-baseline: hanging;
|
|
}
|
|
|
|
text.left {
|
|
text-anchor: start;
|
|
}
|
|
|
|
text.right {
|
|
text-anchor: end;
|
|
}
|
|
|
|
text.layer-activator {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* styling for hold/shifted label text in combo box */
|
|
text.combo.hold, text.combo.shifted, text.combo.left, text.combo.right {
|
|
font-size: 8px;
|
|
}
|
|
|
|
/* lighter symbol for transparent keys */
|
|
text.trans {
|
|
fill: #7b7e81;
|
|
}
|
|
|
|
/* styling for combo dendrons */
|
|
path.combo {
|
|
stroke-width: 1;
|
|
stroke: gray;
|
|
fill: none;
|
|
}
|
|
|
|
/* Start Tabler Icons Cleanup */
|
|
/* cannot use height/width with glyphs */
|
|
.icon-tabler > path {
|
|
fill: inherit;
|
|
stroke: inherit;
|
|
stroke-width: 2;
|
|
}
|
|
/* hide tabler's default box */
|
|
.icon-tabler > path[stroke="none"][fill="none"] {
|
|
visibility: hidden;
|
|
}
|
|
/* End Tabler Icons Cleanup */
|
|
</style>
|
|
<g transform="translate(30, 0)" class="layer-NavNum">
|
|
<text x="0" y="28" class="label" id="NavNum">NavNum:</text>
|
|
<g transform="translate(0, 56)">
|
|
<g transform="translate(28, 81)" class="key keypos-0">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">/</text>
|
|
</g>
|
|
<g transform="translate(84, 46)" class="key keypos-1">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">7</text>
|
|
</g>
|
|
<g transform="translate(140, 28)" class="key keypos-2">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">8</text>
|
|
</g>
|
|
<g transform="translate(196, 44)" class="key keypos-3">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">9</text>
|
|
</g>
|
|
<g transform="translate(252, 52)" class="key keypos-4">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">`</text>
|
|
</g>
|
|
<g transform="translate(420, 52)" class="key keypos-5">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">Home</text>
|
|
</g>
|
|
<g transform="translate(476, 44)" class="key keypos-6">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">
|
|
<tspan x="0" dy="-0.6em">Page</tspan><tspan x="0" dy="1.2em">Down</tspan>
|
|
</text>
|
|
</g>
|
|
<g transform="translate(532, 28)" class="key keypos-7">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">
|
|
<tspan x="0" dy="-0.6em">Page</tspan><tspan x="0" dy="1.2em">Up</tspan>
|
|
</text>
|
|
</g>
|
|
<g transform="translate(588, 46)" class="key keypos-8">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">End</text>
|
|
</g>
|
|
<g transform="translate(644, 81)" class="key keypos-9">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">
|
|
<tspan x="0" dy="-0.6em">Print</tspan><tspan x="0" dy="1.2em">Screen</tspan>
|
|
</text>
|
|
</g>
|
|
<g transform="translate(28, 137)" class="key keypos-10">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">:</text>
|
|
</g>
|
|
<g transform="translate(84, 102)" class="key keypos-11">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">4</text>
|
|
</g>
|
|
<g transform="translate(140, 84)" class="key keypos-12">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">5</text>
|
|
</g>
|
|
<g transform="translate(196, 100)" class="key keypos-13">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">6</text>
|
|
</g>
|
|
<g transform="translate(252, 108)" class="key keypos-14">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">0</text>
|
|
</g>
|
|
<g transform="translate(420, 108)" class="key keypos-15">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">←</text>
|
|
</g>
|
|
<g transform="translate(476, 100)" class="key keypos-16">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">↓</text>
|
|
</g>
|
|
<g transform="translate(532, 84)" class="key keypos-17">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">↑</text>
|
|
</g>
|
|
<g transform="translate(588, 102)" class="key keypos-18">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">→</text>
|
|
</g>
|
|
<g transform="translate(644, 137)" class="key keypos-19">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">Back</text>
|
|
</g>
|
|
<g transform="translate(28, 193)" class="key keypos-20">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">,</text>
|
|
</g>
|
|
<g transform="translate(84, 158)" class="key keypos-21">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">1</text>
|
|
</g>
|
|
<g transform="translate(140, 140)" class="key keypos-22">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">2</text>
|
|
</g>
|
|
<g transform="translate(196, 156)" class="key keypos-23">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">3</text>
|
|
</g>
|
|
<g transform="translate(252, 164)" class="key keypos-24">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">.</text>
|
|
</g>
|
|
<g transform="translate(420, 164)" class="key keypos-25">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">Play</text>
|
|
</g>
|
|
<g transform="translate(476, 156)" class="key keypos-26">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">
|
|
<tspan x="0" dy="-0.6em">Vol</tspan><tspan x="0" dy="1.2em">Down</tspan>
|
|
</text>
|
|
</g>
|
|
<g transform="translate(532, 140)" class="key keypos-27">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">
|
|
<tspan x="0" dy="-0.6em">Vol</tspan><tspan x="0" dy="1.2em">Up</tspan>
|
|
</text>
|
|
</g>
|
|
<g transform="translate(588, 158)" class="key keypos-28">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">Mute</text>
|
|
</g>
|
|
<g transform="translate(644, 193)" class="key keypos-29">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
<text x="0" y="0" class="key tap">Del</text>
|
|
</g>
|
|
<g transform="translate(221, 221) rotate(15.0)" class="key keypos-30">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
</g>
|
|
<g transform="translate(279, 245) rotate(30.0)" class="key keypos-31">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
</g>
|
|
<g transform="translate(393, 245) rotate(-30.0)" class="key keypos-32">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
</g>
|
|
<g transform="translate(451, 221) rotate(-15.0)" class="key keypos-33">
|
|
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
