Skip to content

Instantly share code, notes, and snippets.

@MiracleXYZ

MiracleXYZ/VTuber-Keyboard-Layout.kbd.json

Last active December 16, 2019 17:17
Show Gist options
  • Save MiracleXYZ/c9470206ce2ec8bbea3b9d150f30a9ff to your computer and use it in GitHub Desktop.
Save MiracleXYZ/c9470206ce2ec8bbea3b9d150f30a9ff to your computer and use it in GitHub Desktop.
Download ZIP
VTuber Keyboard Layout
Raw
VTuber-Keyboard-Layout.kbd.json
[
{
"name": "VTuber Keyboard Layout",
"author": "MiracleXYZ"
},
[
{
"a": 6
},
"Esc",
"F1",
"F2",
"F3",
"F4",
"F5",
"F6",
"F7",
"F8",
"F9",
"F10",
"F11",
"F12",
{
"a": 5
},
"PrtSc\nNmLk",
"Pause\nScrLk",
"Delete\nInsert"
],
[
{
"a": 4
},
"~\n`",
"!\n1\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mA_Lxh9gMbTfyhmpLRKFEwvLsthgU6ZJri1ew=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"@\n2\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAyGGf5L_dH_3FgAxDWi4ubxmi7YnAehVD7FQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"#\n3\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mApYLZlPopDPw_N6QT0NL8Wo7q2EmI8QhPNXA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"$\n4\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCgDZOamj66JFuDW2Tsv9S1vhLVQHh4-CjfgA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"%\n5\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mDJTZiFpuYJhB36SPiYLL6r7a0VIc47-Lsk6A=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"^\n6\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mBKDZw5WI1KR-UVSmp46xIyaYpA3nIdevHtJw=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"&\n7\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAu24yKUivDOxWxi8IzGN-5CVILzqS8eHhMIQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"*\n8\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAfw9H0z6AbbmpZM-jrEdIzS_SrwGqIZ9A9rQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"(\n9\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAQgatXD35t16hEE_HQbhrsw3hrztyIaDslEA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
")\n0\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCrVBdaVU1HqRr7N8jseHtQYYPIhqoUdZZP_A=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"_\n-",
"+\n=",
{
"a": 6,
"w": 2
},
"Backspace",
"Home"
],
[
{
"a": 4,
"w": 1.5
},
"Tab",
"Q\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mB6zj0DdcEciNcc0HQZsQe81C-KeLHE04jU0g=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"W\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAM0NU0bh8hm1p1dRMVd9_F4hTY3LAQrRD0Dw=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"E\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mA3Il0b8U5fzN-ZJHnYt9m4QN-Q0NB6Of9wNA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"R\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCA0a1bmHhQpoEVkt7D4rc-6U-CL5h_F0GBmg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"T\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAiDzOdEKdSOeC6jWvhmR8BEY6JRG16jyCbiQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"Y\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAOMPO0Gyoeucq7biKl7A_SQuiQGcVhTFCjFg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"U\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mA9IHJqkw5KtG_2hOO2M8XZqfwBcClOoQjcTg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"I\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mBCUSZyR2ynwssHlevU-6qwlokU8M-7YqU2cg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"O\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAZMJqHVGYrm2KLblWmQkbFfS-l5yLwbDCrYQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"P\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCRrod1KjdxblnYoFCbSxa33sRPvD-mYWRtNg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"{\n[\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mDv9TEpnM1l993ZrDYkgASR8dhYl8xDAjH3SQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"}\n]\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAhC8_QmMVubS7H0hXaAj1G6iM5mr9ZivAFvQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
{
"w": 1.5
},
"|\n\\",
{
"a": 6
},
"Page Up"
],
[
{
"a": 4,
"w": 1.75
},
"Caps Lock",
"A\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mBjP8kbQF7XzqbDkLjGs38ZLj6LkMo7fZZ7cA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"S\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCPbEaayqnfDXBP11Suj6VSMxpU7AcL3JnBDg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"D\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCLW7sO_ERKAC41K1XInz_nT0r8Q7JHgGnV0w=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"F\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAorhRRdMK-Akc17WfWV9Q81-ikwKoGcRjo8w=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"G",
"H\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mB7vdJYot-uqRz6atNxM9R8fDt4lkMqjdHuDA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"J\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mC8EDym1WVg8QIGnVTKwKOznOQXXJlqGLgckg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"K\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAp6IQYfVTiWAdY5lZ-UDNVwne56DBKzMYiAg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"L\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mDLPN8c_oCPhd6OTzAE4HNN4GbhumScc4FihA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
":\n;\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mBMNuEiUutwZUhi99uNLTS_eoPjROckRmMQOQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"\"\n'\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mDI58BKdkcNyzxpT7fz7J4yO2QVsoJ1izYujQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
{
"a": 6,
"w": 2.25
},
"Enter",
"Page Down"
],
[
{
"w": 2.25
},
"Shift",
{
"a": 4
},
"Z",
"X\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mBfQIo93D3BrsIGvCuUTm_rZkfiw8WO8SsrEQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"C\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCVdpnWf900sP3QcPtRuO9ppD0M1ekxj0Uvxg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"V",
"B\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mD3Vnfow5A6ZEgQBgaa6ccyZZXJ6zzpD8BxRw=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"N\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAL32Kc8xQG1Nciw0YZR5DnNAvp9f-AhsIgAQ=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"M\n\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mCM3FWG9LHNBPI7MfASvCSH6YnpW09vbavwPg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"<\n,\n\n\n\n\n\n\n\n<img src=\"https://le.wrightflyer.net/reality/img/favicon.ico\" width=36 height=36>",
">\n.\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mAAIkhJ_c5iVJXgt_UpzI9ZTaPWWM2vJeFLqg=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"?\n/\n\n\n\n\n\n\n\n<img src=\"https://yt3.ggpht.com/a-/AAuE7mD5K8OFA6iiGRBYB_gMZOeNDwugaQsDXaAaFw=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
{
"a": 6,
"w": 1.75
},
"Shift",
{
"a": 7
},
"<img src=\"https://yt3.ggpht.com/a-/AAuE7mBPR-a-hiRni7PjYRjwxM506cv9Z0bMZGoI1Q=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
{
"a": 6
},
"End"
],
[
{
"w": 1.25
},
"Ctrl",
{
"w": 1.25
},
"Win",
{
"w": 1.25
},
"Alt",
{
"a": 7,
"w": 6.25
},
"",
{
"a": 6
},
"Alt",
"Fn",
"Ctrl",
{
"a": 7
},
"<img src=\"https://i.loli.net/2019/02/15/5c665c236306a.jpg\" width=36 height=36>",
"<img src=\"https://yt3.ggpht.com/a-/AAuE7mBtpECixnxpXRJSOF47yBUv_nbatXP3dVt_0Q=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>",
"<img src=\"https://yt3.ggpht.com/a-/AAuE7mCGswii3IgszJtbGQ5AR2soFUrn4bXlyx4MeA=s88-mo-c-c0xffffffff-rj-k-no\" width=36 height=36>"
]
]
Raw
VTuber-Keyboard-Layout.style.css
.keylabel4 {
display: inline-block;
position: absolute;
z-index: 0;
}
.keylabel4 > div > img {
border-radius: 50%;
}
.keylabel0 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel1 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel2 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel3 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel5 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel6 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel7 {
display: inline-block;
position: absolute;
z-index: 1;
}
.keylabel8 {
display: inline-block;
position: absolute;
z-index: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment