Keyboard

Developer
Chris Samuels
Size
8,136 Kb
Views
4,048
  1. Keyboard Previews
  2. Keyboard HTML Codes
  3. Keyboard CSS Codes

How do I make an keyboard?

What is a keyboard? How do you make a keyboard? This script and codes were developed by Chris Samuels on 26 January 2023, Thursday.

Keyboard Previews
IQ Test

Keyboard - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Keyboard</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg width="800px" height="590px" viewBox="0 0 800 590" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <rect id="path-1" x="0" y="0" width="444.819546" height="138" rx="8"></rect> <rect id="path-2" x="18.1274423" y="0" width="139.441864" height="57.1515152"></rect> <rect id="path-3" x="264.939541" y="3.55271368e-15" width="142.230701" height="57.1515152"></rect> <rect id="path-4" x="182.668842" y="0" width="87.6147191" height="57.1515152"></rect> <rect id="path-5" x="0" y="51.5757576" width="444.819546" height="18.7881829"></rect> <path d="M0,66.9090909 L46.0158151,66.9090909 L46.0158151,137.997597 L8.00219836,137.997597 C3.58270624,137.997597 0,134.423589 0,129.998235 L0,66.9090909 Z" id="path-6"></path> <path d="M423.486271,66.9090909 L444.819546,66.9090909 L444.819546,129.998235 C444.819546,134.41616 441.23681,137.997597 436.815126,137.997597 L423.486271,137.997597 L423.486271,66.9090909 Z" id="path-7"></path> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-2" transform="translate(0.000000, -3.000000)"> <rect id="Rectangle-23" fill="#FFFFFF" x="0" y="3" width="800" height="590"></rect> <g id="Keys" transform="translate(178.000000, 231.000000)"> <g id="Rectangle-7"> <use fill="#BFACFF" fill-rule="evenodd" xlink:href="#path-1"></use> <rect stroke="#8253D0" stroke-width="3" x="1.5" y="1.5" width="441.819546" height="135" rx="8"></rect> </g> <g id="Rectangle-11"> <use fill="#EEE9FF" fill-rule="evenodd" xlink:href="#path-2"></use> <rect stroke="#8253D0" stroke-width="3" x="19.6274423" y="1.5" width="136.441864" height="54.1515152"></rect> </g> <g id="Rectangle-11-Copy"> <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use> <rect stroke="#8253D0" stroke-width="3" x="266.439541" y="1.5" width="139.230701" height="54.1515152"></rect> </g> <g id="Rectangle-11-Copy-2"> <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use> <rect stroke="#8253D0" stroke-width="3" x="184.168842" y="1.5" width="84.6147191" height="54.1515152"></rect> </g> <path d="M200.099075,13.2424242 L200.099075,42.5483218" id="Line" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M216.832098,13.2424242 L216.832098,42.5483218" id="Line-Copy-13" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M233.565122,13.2424242 L233.565122,42.5483218" id="Line-Copy-14" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M250.298146,13.2424242 L250.298146,42.5483218" id="Line-Copy-15" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M386.951172,13.2424242 L386.951172,42.5483218" id="Line-Copy-16" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <rect id="Rectangle-9" fill="#8253D0" x="193.824191" y="16.7272727" width="12.5497678" height="5.57575758"></rect> <rect id="Rectangle-9-Copy" fill="#8253D0" x="210.557214" y="25.0909091" width="12.5497678" height="5.57575758"></rect> <rect id="Rectangle-9-Copy-2" fill="#8253D0" x="227.290238" y="30.6666667" width="12.5497678" height="5.57575758"></rect> <rect id="Rectangle-9-Copy-3" fill="#8253D0" x="244.023262" y="22.3030303" width="12.5497678" height="5.57575758"></rect> <rect id="Rectangle-9-Copy-4" fill="#8253D0" x="380.676288" y="22.3030303" width="12.5497678" height="5.57575758"></rect> <rect id="Rectangle-8" fill="#8253D0" x="52.9879083" y="69.6969697" width="361.912708" height="66.1821223"></rect> <g id="Rectangle-8-Copy"> <use fill="#BFACFF" fill-rule="evenodd" xlink:href="#path-5"></use> <rect stroke="#8253D0" stroke-width="3" x="1.5" y="53.0757576" width="441.819546" height="15.7881829"></rect> </g> <g id="Rectangle-8-Copy-2"> <use fill="#BFACFF" fill-rule="evenodd" xlink:href="#path-6"></use> <path stroke="#8253D0" stroke-width="3" d="M1.5,68.4090909 L44.5158151,68.4090909 L44.5158151,136.497597 L8.00219836,136.497597 C4.40823098,136.497597 1.5,133.592261 1.5,129.998235 L1.5,68.4090909 Z"></path> </g> <g id="Rectangle-8-Copy-3"> <use fill="#BFACFF" fill-rule="evenodd" xlink:href="#path-7"></use> <path stroke="#8253D0" stroke-width="3" d="M424.986271,68.4090909 L443.319546,68.4090909 L443.319546,129.998235 C443.319546,133.587882 440.408234,136.497597 436.815126,136.497597 L424.986271,136.497597 L424.986271,68.4090909 Z"></path> </g> <path d="M171.513493,102.707636 L171.513493,113.056235 L171.513493,134.648448 C171.513493,135.823154 171.513493,135.823154 172.686801,135.879092 L180.06188,135.879092 L186.766497,135.879092 C187.828061,135.879092 187.828061,135.823154 187.883933,134.760324 L187.883933,133.977187 L187.883933,114.119064 L187.883933,106.455507 C187.883933,105.784246 187.660446,105.448616 186.989984,105.504555 C186.487138,105.560493 185.984291,105.504555 185.537317,105.504555 C182.911342,105.448616 183.246573,105.840185 183.246573,103.26702 L183.246573,71.7177762 L183.246573,70.487132 C183.246573,69.9277482 183.023085,69.6480563 182.464367,69.7039947 L172.407442,69.7039947 C171.792852,69.7039947 171.513493,69.9277482 171.569364,70.5990087 L171.569364,71.6618378 C171.513493,81.9544988 171.513493,92.3590365 171.513493,102.707636 Z" id="Shape-Copy-14" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M298.405589,102.707636 L298.405589,113.056235 L298.405589,134.648448 C298.405589,135.823154 298.405589,135.823154 299.578897,135.879092 L306.953976,135.879092 L313.658593,135.879092 C314.720157,135.879092 314.720157,135.823154 314.776029,134.760324 L314.776029,133.977187 L314.776029,114.119064 L314.776029,106.455507 C314.776029,105.784246 314.552542,105.448616 313.88208,105.504555 C313.379234,105.560493 312.876388,105.504555 312.429413,105.504555 C309.803438,105.448616 310.138669,105.840185 310.138669,103.26702 L310.138669,71.7177762 L310.138669,70.487132 C310.138669,69.9277482 309.915182,69.6480563 309.356464,69.7039947 L299.299538,69.7039947 C298.684948,69.7039947 298.405589,69.9277482 298.461461,70.5990087 L298.461461,71.6618378 C298.405589,81.9544988 298.405589,92.3590365 298.405589,102.707636 Z" id="Shape-Copy-15" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M115.318292,102.756549 L115.318292,71.7666896 L115.318292,70.7038604 C115.265592,69.7529081 115.265592,69.6969697 114.369693,69.6969697 L105.252604,69.6969697 C104.356705,69.6969697 104.356705,69.7529081 104.356705,70.7038604 L104.356705,71.7666896 L104.356705,103.42781 L104.356705,104.658454 C104.356705,105.217838 104.145905,105.49753 103.618905,105.49753 L100.983908,105.49753 C99.9299097,105.49753 99.9299097,105.553468 99.9299097,106.616297 L99.9299097,134.809238 C99.9299097,135.872067 99.9299097,135.872067 100.878509,135.928005 L114.264293,135.928005 C115.265592,135.928005 115.265592,135.872067 115.318292,134.921115 L115.318292,133.858285 L115.318292,102.756549 Z" id="Shape-Copy-13" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M242.098644,102.882873 L242.098644,78.7174949 L242.098644,70.7742457 C242.098644,69.767355 242.042773,69.7114166 241.03708,69.7114166 L232.209334,69.7114166 C230.53318,69.7114166 230.53318,69.4317247 230.53318,71.3336295 L230.53318,103.274441 L230.53318,104.505086 C230.477308,105.456038 230.477308,105.456038 229.527487,105.456038 L226.84564,105.456038 C225.89582,105.456038 225.89582,105.511976 225.89582,106.462929 L225.89582,107.022313 L225.89582,134.264301 L225.89582,135.32713 C225.89582,135.66276 226.119307,135.830575 226.398666,135.830575 C226.733897,135.830575 227.124999,135.886514 227.46023,135.886514 L240.478362,135.886514 C242.26626,135.886514 242.154516,135.998391 242.154516,134.208363 C242.098644,123.803825 242.098644,113.343349 242.098644,102.882873 Z" id="Shape-Copy-12" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M368.990741,102.882873 L368.990741,78.7174949 L368.990741,70.7742457 C368.990741,69.767355 368.934869,69.7114166 367.929176,69.7114166 L359.10143,69.7114166 C357.425276,69.7114166 357.425276,69.4317247 357.425276,71.3336295 L357.425276,103.274441 L357.425276,104.505086 C357.369404,105.456038 357.369404,105.456038 356.419583,105.456038 L353.737736,105.456038 C352.787916,105.456038 352.787916,105.511976 352.787916,106.462929 L352.787916,107.022313 L352.787916,134.264301 L352.787916,135.32713 C352.787916,135.66276 353.011403,135.830575 353.290762,135.830575 C353.625993,135.830575 354.017095,135.886514 354.352326,135.886514 L367.370458,135.886514 C369.158356,135.886514 369.046612,135.998391 369.046612,134.208363 C368.990741,123.803825 368.990741,113.343349 368.990741,102.882873 Z" id="Shape-Copy-16" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M169.644747,102.813949 L169.644747,91.5703355 L169.644747,70.9290752 C169.644747,69.7543693 169.644747,69.7543693 168.471439,69.6984309 L159.643693,69.6984309 C157.967539,69.6984309 158.079282,69.5865542 158.079282,71.3206438 L158.079282,103.373333 L158.079282,104.436162 C158.023411,105.387114 158.023411,105.443052 157.129462,105.443052 L154.559358,105.443052 C153.38605,105.443052 153.38605,105.443052 153.38605,106.673697 L153.38605,134.698822 C153.38605,135.81759 153.38605,135.873528 154.61523,135.873528 L161.599206,135.873528 L168.694926,135.873528 C169.644747,135.873528 169.644747,135.81759 169.700619,134.866637 L169.700619,133.915685 C169.644747,123.567086 169.644747,113.162548 169.644747,102.813949 Z" id="Shape-Copy-11" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M296.592715,102.820606 L296.592715,71.383239 C296.592715,69.4813342 296.704459,69.7050877 294.972432,69.7050877 L286.647533,69.7050877 C284.859635,69.7050877 284.971378,69.5372726 284.971378,71.3273006 L284.971378,103.659681 L284.971378,104.72251 C284.971378,105.225956 284.747891,105.449709 284.245045,105.449709 L281.451454,105.449709 C280.334018,105.449709 280.334018,105.449709 280.278146,106.568477 L280.278146,110.987608 L280.278146,134.369849 C280.278146,135.880185 280.278146,135.880185 281.842557,135.880185 L289.496995,135.880185 L295.251792,135.880185 C296.592715,135.880185 296.592715,135.880185 296.592715,134.481726 L296.592715,133.698588 L296.592715,102.820606 Z" id="Shape-Copy-10" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M423.484811,102.820606 L423.484811,71.383239 C423.484811,69.4813342 423.596555,69.7050877 421.864529,69.7050877 L413.539629,69.7050877 C411.751731,69.7050877 411.863475,69.5372726 411.863475,71.3273006 L411.863475,103.659681 L411.863475,104.72251 C411.863475,105.225956 411.639987,105.449709 411.137141,105.449709 L408.343551,105.449709 C407.226114,105.449709 407.226114,105.449709 407.170243,106.568477 L407.170243,110.987608 L407.170243,134.369849 C407.170243,135.880185 407.170243,135.880185 408.734653,135.880185 L416.389091,135.880185 L422.143888,135.880185 C423.484811,135.880185 423.484811,135.880185 423.484811,134.481726 L423.484811,133.698588 L423.484811,102.820606 Z" id="Shape-Copy-17" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M244.023262,102.812488 L244.023262,134.082039 L244.023262,135.144868 C244.023262,135.648313 244.190877,135.928005 244.749595,135.872067 L245.699416,135.872067 L258.717548,135.872067 C260.505446,135.872067 260.393702,135.983944 260.393702,134.193916 L260.393702,107.063804 L260.393702,106.280667 C260.449574,105.609406 260.114343,105.441591 259.499753,105.441591 L256.426804,105.441591 C255.923957,105.441591 255.70047,105.217838 255.70047,104.714392 L255.70047,103.651563 L255.70047,72.3820117 L255.70047,70.6479221 C255.644598,69.6969697 255.644598,69.6969697 254.694778,69.6969697 L245.028954,69.6969697 C244.358493,69.6969697 244.023262,69.8647848 244.079134,70.5919837 C244.135005,70.9276139 244.079134,71.3191826 244.079134,71.6548128 C244.023262,82.0593505 244.023262,92.4638882 244.023262,102.812488 Z" id="Shape-Copy-9" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M370.915358,102.812488 L370.915358,134.082039 L370.915358,135.144868 C370.915358,135.648313 371.082973,135.928005 371.641691,135.872067 L372.591512,135.872067 L385.609644,135.872067 C387.397542,135.872067 387.285798,135.983944 387.285798,134.193916 L387.285798,107.063804 L387.285798,106.280667 C387.34167,105.609406 387.006439,105.441591 386.391849,105.441591 L383.3189,105.441591 C382.816054,105.441591 382.592566,105.217838 382.592566,104.714392 L382.592566,103.651563 L382.592566,72.3820117 L382.592566,70.6479221 C382.536694,69.6969697 382.536694,69.6969697 381.586874,69.6969697 L371.921051,69.6969697 C371.250589,69.6969697 370.915358,69.8647848 370.97123,70.5919837 C371.027102,70.9276139 370.97123,71.3191826 370.97123,71.6548128 C370.915358,82.0593505 370.915358,92.4638882 370.915358,102.812488 Z" id="Shape-Copy-18" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M46.0158151,102.812488 L46.0158151,134.082039 L46.0158151,135.144868 C46.0158151,135.648313 46.1834305,135.928005 46.6862768,135.872067 L47.4684821,135.872067 L60.7659729,135.872067 L61.4364347,135.872067 C62.0510246,135.928005 62.3862554,135.704252 62.3303836,135.032991 L62.3303836,134.082039 L62.3303836,117.18865 L62.3303836,106.728174 C62.3303836,105.49753 62.3303836,105.49753 61.045332,105.49753 L58.4752287,105.49753 C57.7488952,105.49753 57.4695361,105.217838 57.5812798,104.546577 C57.6371516,104.210947 57.5812798,103.931255 57.5812798,103.595625 L57.5812798,80.1015074 L57.5812798,70.7038604 C57.5812798,69.7529081 57.525408,69.6969697 56.631459,69.6969697 L46.9656359,69.6969697 C46.0158151,69.6969697 46.0158151,69.7529081 46.0158151,70.7038604 L46.0158151,71.6548128 C46.0158151,82.0593505 46.0158151,92.4079498 46.0158151,102.812488 Z" id="Shape-Copy-8" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M117.131166,102.765068 L117.131166,110.148933 L117.131166,134.594003 C117.131166,135.936524 117.131166,135.936524 118.416217,135.936524 L124.338629,135.936524 L132.272426,135.936524 C133.389862,135.936524 133.389862,135.936524 133.389862,134.817757 L133.389862,134.258373 L133.389862,107.128261 L133.389862,106.736693 C133.389862,105.561987 133.389862,105.506048 132.216554,105.506048 L129.814067,105.506048 C128.752502,105.506048 128.752502,105.45011 128.752502,104.443219 L128.752502,103.492267 L128.752502,87.7735836 L128.752502,70.8801944 C128.752502,69.7054886 128.752502,69.7054886 127.579194,69.7054886 L118.863192,69.7054886 C117.075294,69.7054886 117.187037,69.4817351 117.187037,71.3277014 C117.131166,81.8441159 117.131166,92.304592 117.131166,102.765068 Z" id="Shape-Copy-7" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M146.935816,87.5413112 L146.935816,71.4310593 L146.935816,70.4801069 C146.991688,69.9207232 146.712329,69.6969697 146.153611,69.6969697 L140.789917,69.6969697 C140.119455,69.6969697 139.895968,69.9766616 139.95184,70.5919837 L139.95184,71.6548128 L139.95184,103.42781 L139.95184,104.378762 C139.95184,105.441591 139.95184,105.441591 138.946147,105.49753 L136.54366,105.49753 C135.31448,105.49753 135.258608,105.49753 135.258608,106.784112 L135.258608,134.697361 C135.258608,135.928005 135.258608,135.928005 136.54366,135.928005 L139.895968,135.928005 L149.785279,135.928005 C151.796664,135.928005 151.573177,136.039882 151.573177,134.082039 L151.573177,107.231619 L151.573177,106.448482 C151.629048,105.777221 151.405561,105.441591 150.679228,105.49753 C149.84115,105.553468 149.003073,105.49753 148.109124,105.49753 C146.935816,105.49753 146.935816,105.49753 146.935816,104.322824 L146.935816,103.539686 C146.935816,98.1696024 146.935816,92.8554568 146.935816,87.5413112 Z" id="Shape-Copy-6" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M219.33987,87.6617068 L219.33987,73.956805 L219.33987,71.5514549 C219.33987,69.4257967 219.507485,69.7614269 217.440228,69.7054886 L213.976176,69.7054886 C212.411765,69.7054886 212.411765,69.4817351 212.411765,71.3277014 L212.411765,103.38039 L212.411765,104.611034 C212.467637,105.226357 212.188278,105.506048 211.573688,105.506048 L208.500738,105.506048 C207.997892,105.506048 207.774405,105.729802 207.774405,106.233247 L207.774405,107.1842 L207.774405,134.314311 L207.774405,135.097449 C207.718533,135.768709 208.053764,135.992463 208.668354,135.936524 L209.338816,135.936524 L222.580434,135.936524 L223.139153,135.936524 C224.088973,135.880586 224.144845,135.880586 224.144845,134.985572 L224.144845,134.034619 L224.144845,110.428625 L224.144845,106.792631 C224.144845,105.561987 224.144845,105.561987 222.859794,105.506048 L220.177947,105.506048 C219.619229,105.506048 219.33987,105.282295 219.395741,104.722911 L219.395741,103.771959 C219.33987,98.4018748 219.33987,93.0317908 219.33987,87.6617068 Z" id="Shape-Copy-5" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M346.231966,87.6617068 L346.231966,73.956805 L346.231966,71.5514549 C346.231966,69.4257967 346.399581,69.7614269 344.332324,69.7054886 L340.868272,69.7054886 C339.303861,69.7054886 339.303861,69.4817351 339.303861,71.3277014 L339.303861,103.38039 L339.303861,104.611034 C339.359733,105.226357 339.080374,105.506048 338.465784,105.506048 L335.392835,105.506048 C334.889988,105.506048 334.666501,105.729802 334.666501,106.233247 L334.666501,107.1842 L334.666501,134.314311 L334.666501,135.097449 C334.610629,135.768709 334.94586,135.992463 335.56045,135.936524 L336.230912,135.936524 L349.472531,135.936524 L350.031249,135.936524 C350.98107,135.880586 351.036941,135.880586 351.036941,134.985572 L351.036941,134.034619 L351.036941,110.428625 L351.036941,106.792631 C351.036941,105.561987 351.036941,105.561987 349.75189,105.506048 L347.070043,105.506048 C346.511325,105.506048 346.231966,105.282295 346.287837,104.722911 L346.287837,103.771959 C346.231966,98.4018748 346.231966,93.0317908 346.231966,87.6617068 Z" id="Shape-Copy-19" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M86.9639317,87.653188 L86.9639317,91.1213672 L86.9639317,103.987193 C86.9639317,105.49753 86.9639317,105.49753 85.5112647,105.49753 L83.4998795,105.49753 C82.2706997,105.49753 82.2706997,105.49753 82.2706997,106.784112 L82.2706997,107.175681 L82.2706997,134.249854 L82.2706997,135.200806 C82.2706997,135.648313 82.4941869,135.872067 82.8852896,135.872067 L83.8351104,135.872067 L96.9649857,135.872067 C98.64114,135.872067 98.5293964,135.928005 98.5293964,134.249854 L98.5293964,107.175681 L98.5293964,106.392544 C98.5852682,105.777221 98.3059092,105.49753 97.6913193,105.49753 L95.4005751,105.49753 C93.5568053,105.49753 93.8361644,105.49753 93.8361644,103.875317 L93.8361644,71.5429361 L93.8361644,70.3122918 C93.8361644,69.9207232 93.668549,69.6969697 93.2774463,69.6969697 L87.5226498,69.6969697 C87.1315472,69.6969697 86.9639317,69.9207232 86.9639317,70.3122918 L86.9639317,71.3751209 C86.9639317,76.8011433 86.9639317,82.2271656 86.9639317,87.653188 Z" id="Shape-Copy-4" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M266.788064,87.5413112 L266.788064,103.651563 L266.788064,104.714392 C266.788064,105.217838 266.564577,105.441591 266.061731,105.441591 L263.26814,105.441591 C262.206576,105.441591 262.150704,105.49753 262.150704,106.616297 L262.150704,134.809238 C262.150704,135.872067 262.150704,135.872067 263.212269,135.872067 L269.246424,135.872067 L277.180221,135.872067 C278.409401,135.872067 278.409401,135.872067 278.409401,134.585484 L278.409401,134.193916 L278.409401,107.063804 L278.409401,106.280667 C278.465273,105.721283 278.185914,105.441591 277.627196,105.49753 L275.057092,105.49753 C273.772041,105.49753 273.772041,105.49753 273.716169,104.155009 L273.716169,103.204056 L273.716169,71.6548128 L273.716169,70.5919837 C273.772041,69.9766616 273.548553,69.6969697 272.878092,69.6969697 L267.514398,69.6969697 C267.011552,69.6969697 266.732193,69.8647848 266.788064,70.4241686 L266.788064,71.4869977 C266.788064,76.8011433 266.788064,82.1712273 266.788064,87.5413112 Z" id="Shape-Copy-3" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M393.680161,87.5413112 L393.680161,103.651563 L393.680161,104.714392 C393.680161,105.217838 393.456673,105.441591 392.953827,105.441591 L390.160236,105.441591 C389.098672,105.441591 389.0428,105.49753 389.0428,106.616297 L389.0428,134.809238 C389.0428,135.872067 389.0428,135.872067 390.104365,135.872067 L396.13852,135.872067 L404.072317,135.872067 C405.301497,135.872067 405.301497,135.872067 405.301497,134.585484 L405.301497,134.193916 L405.301497,107.063804 L405.301497,106.280667 C405.357369,105.721283 405.07801,105.441591 404.519292,105.49753 L401.949188,105.49753 C400.664137,105.49753 400.664137,105.49753 400.608265,104.155009 L400.608265,103.204056 L400.608265,71.6548128 L400.608265,70.5919837 C400.664137,69.9766616 400.44065,69.6969697 399.770188,69.6969697 L394.406494,69.6969697 C393.903648,69.6969697 393.624289,69.8647848 393.680161,70.4241686 L393.680161,71.4869977 C393.680161,76.8011433 393.680161,82.1712273 393.680161,87.5413112 Z" id="Shape-Copy-20" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M75.7087221,87.5413112 L75.7087221,73.1651489 L75.7087221,70.4801069 C75.7087221,69.9207232 75.4852348,69.6969697 74.9265167,69.6969697 L69.842182,69.6969697 C68.8923612,69.6969697 68.8923612,69.7529081 68.8923612,70.7038604 L68.8923612,71.7666896 L68.8923612,103.595625 L68.8923612,104.658454 C68.9482331,105.217838 68.668874,105.49753 68.1101559,105.49753 L65.3165654,105.49753 C64.1432574,105.49753 64.1432574,105.49753 64.1432574,106.728174 L64.1432574,134.753299 C64.1432574,135.872067 64.1432574,135.928005 65.2606936,135.928005 L79.3403897,135.928005 C80.5136977,135.928005 80.5136977,135.928005 80.5136977,134.697361 L80.5136977,123.677501 L80.5136977,106.616297 C80.5136977,105.49753 80.5136977,105.49753 79.3962615,105.441591 L76.7144147,105.441591 C76.0439529,105.441591 75.6528503,105.273776 75.7645939,104.546577 C75.8204657,104.210947 75.7645939,103.931255 75.7645939,103.595625 C75.7087221,98.2814792 75.7087221,92.9113952 75.7087221,87.5413112 Z" id="Shape-Copy-2" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M194.340216,87.5413112 L194.340216,93.9742243 L194.340216,104.4347 C194.340216,105.385653 194.284344,105.441591 193.390395,105.441591 L190.708548,105.441591 C189.646984,105.441591 189.646984,105.49753 189.646984,106.50442 L189.646984,107.063804 L189.646984,134.305792 L189.646984,135.08893 C189.591112,135.704252 189.926343,135.872067 190.485061,135.872067 L191.434882,135.872067 L204.061911,135.872067 L205.123475,135.872067 C205.849809,135.928005 206.073296,135.592375 206.017424,134.921115 L206.017424,134.249854 L206.017424,107.119742 L206.017424,106.336605 C206.073296,105.665345 205.738065,105.441591 205.123475,105.49753 L202.832731,105.49753 C200.988961,105.49753 201.26832,105.441591 201.26832,103.875317 L201.26832,71.5429361 L201.26832,70.3122918 C201.26832,69.9207232 201.100705,69.6969697 200.709602,69.6969697 L195.066549,69.6969697 C194.619575,69.6969697 194.451959,69.9207232 194.451959,70.3682302 L194.451959,71.4310593 C194.340216,76.8011433 194.340216,82.1712273 194.340216,87.5413112 Z" id="Shape-Copy" fill="#FFFFFF" fill-rule="nonzero"></path> <path d="M321.232312,87.5413112 L321.232312,93.9742243 L321.232312,104.4347 C321.232312,105.385653 321.17644,105.441591 320.282491,105.441591 L317.600644,105.441591 C316.53908,105.441591 316.53908,105.49753 316.53908,106.50442 L316.53908,107.063804 L316.53908,134.305792 L316.53908,135.08893 C316.483208,135.704252 316.818439,135.872067 317.377157,135.872067 L318.326978,135.872067 L330.954007,135.872067 L332.015571,135.872067 C332.741905,135.928005 332.965392,135.592375 332.90952,134.921115 L332.90952,134.249854 L332.90952,107.119742 L332.90952,106.336605 C332.965392,105.665345 332.630161,105.441591 332.015571,105.49753 L329.724827,105.49753 C327.881057,105.49753 328.160416,105.441591 328.160416,103.875317 L328.160416,71.5429361 L328.160416,70.3122918 C328.160416,69.9207232 327.992801,69.6969697 327.601698,69.6969697 L321.958645,69.6969697 C321.511671,69.6969697 321.344056,69.9207232 321.344056,70.3682302 L321.344056,71.4310593 C321.232312,76.8011433 321.232312,82.1712273 321.232312,87.5413112 Z" id="Shape-Copy-21" fill="#FFFFFF" fill-rule="nonzero"></path> <ellipse id="Oval-4" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="285.692989" cy="17.9584365" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-5" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="285.692989" cy="36.6739179" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="304.103455" cy="17.9584365" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-6" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="304.103455" cy="36.6739179" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-2" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="322.513921" cy="17.9584365" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-7" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="322.513921" cy="36.6739179" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-3" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="340.924387" cy="17.9584365" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-8" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="340.924387" cy="36.6739179" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-4" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="365.174852" cy="17.9584365" rx="5.41484292" ry="5.41298191"></ellipse> <ellipse id="Oval-4-Copy-9" stroke="#8253D0" stroke-width="3" fill="#FFEAB0" cx="365.174852" cy="36.0796486" rx="5.41484292" ry="5.41298191"></ellipse> </g> <path d="M214.5,249.5 L306.505435,249.5" id="Line" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M214.5,257.5 L263.5,257.5" id="Line-Copy" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M275.5,257.5 L302.5,257.5" id="Line-Copy-4" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M214.5,265.5 L248.5,265.5" id="Line-Copy-2" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> <path d="M261.5,265.5 L317.5,265.5" id="Line-Copy-3" stroke="#BFACFF" stroke-width="3" stroke-linecap="square"></path> </g> </g>
</svg>
</body>
</html>

Keyboard - Script Codes CSS Codes

body,
html { height: 100%; width: 100%; margin: 0; padding: 0;
}
svg{ width:100%; height:90%;
}
Keyboard - Script Codes
Keyboard - Script Codes
Home Page Home
Developer Chris Samuels
Username anycircle
Uploaded January 26, 2023
Rating 3
Size 8,136 Kb
Views 4,048
Do you need developer help for Keyboard?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Chris Samuels (anycircle) Script Codes
Name
CS Logo
404 page
Case Study Card
Radar Icon
Build Lineup Map - Lineups.io
Temp
A Pen by Chris Samuels
Cart Icon
Lineups.io Logo
Sign Up Form
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!