diff --git a/experiments/keyboard/keyboard.html b/experiments/keyboard/keyboard.html index 65a72bc..1771590 100644 --- a/experiments/keyboard/keyboard.html +++ b/experiments/keyboard/keyboard.html @@ -7,31 +7,353 @@ /* height: 1000; width: 400; */ } + .key { + fill: #eee; + stroke-linejoin: round; + stroke-width: .01px; + stroke: #aaa; + filter: drop-shadow( 0 .05px .05px rgba(0, 0, 0, .2)); + } + .key:hover { + fill: #faa; + } .keycap_text { - fill: white; - font: normal 3px sans-serif; + fill: black; + font: normal .35px arial; + pointer-events: none; + dominant-baseline: middle; + text-anchor: middle; } - + + + + + + + + + - - - - CTRL + + + + + + ESC + + + + + F1 + + + + F2 + + + + F3 + + + + F4 + + + + + F5 + + + + F6 + + + + F7 + + + + F8 + + + + + F9 + + + + F10 + + + + F11 + + + + F12 + + + + + + ^ + + + + 1 + + + + 2 + + + + 3 + + + + 4 + + + + 5 + + + + 6 + + + + 7 + + + + 8 + + + + 9 + + + + 0 + + + + ß + + + + ´ + + + + BACKSP + + + + + + ^ + + + + Q + + + + W + + + + E + + + + R + + + + T + + + + Z + + + + U + + + + I + + + + O + + + + P + + + + Ü + + + + + + + + + ENTER + + + + + + CAPS + + + + A + + + + S + + + + D + + + + F + + + + G + + + + H + + + + J + + + + K + + + + L + + + + Ö + + + + Ä + + + + # + + + + + + SHFT + + + + < + + + + Y + + + + X + + + + C + + + + V + + + + B + + + + N + + + + M + + + + , + + + + . + + + + - + + + + SHFT + + + + + + CTL + + + + SUP + + + + ALT + + + + SPACE + + + + AGR + + + + SUP + + + + CTL + + - - - - - - - -