Skip to content

Instantly share code, notes, and snippets.

@bstreiff
Last active October 5, 2021 13:48
Show Gist options
  • Save bstreiff/d10ec8739aa853b21d148fe4400527b4 to your computer and use it in GitHub Desktop.
Save bstreiff/d10ec8739aa853b21d148fe4400527b4 to your computer and use it in GitHub Desktop.
XBAND SNES Keyboard
[
{
"name": "XBAND SNES Keyboard",
"author": "Catapult Entertainment",
"background": {
"name": "PBT Black",
"style": "background-image: url('/bg/plastic/pbt-black.png');"
}
},
[
{
"c": "#393b3b",
"t": "#f7f2ea",
"a": 7
},
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
{
"t": "#dd1126"
},
"<i class=\"game\">L</i>",
"<i class=\"selst\">Select</i>",
"<i class=\"selst\">Start</i>",
"<i class=\"game\">R</i>"
],
[
{
"a": 6
},
"<span class=\"cancel\">Cancel</span>",
{
"t": "#f7f2ea",
"a": 4
},
"!\n1",
"@\n2",
"#\n3",
"$\n4",
"%\n5",
"^\n6",
"&\n7",
"*\n8",
"(\n9",
")\n0",
"_\n-",
"+\n=",
{
"a": 6,
"w": 2
},
"←",
{
"t": "#dd1126",
"a": 7
},
"<i class=\"game\">X</i>"
],
[
{
"a": 6,
"w": 1.5
},
"Switch",
{
"t": "#f7f2ea",
"a": 4
},
"Q",
"W",
"E",
"R",
"T",
"Y",
"U",
"I",
"O",
"P",
"{\n[",
"}\n]",
{
"w": 1.5,
"h": 2,
"w2": 2.25,
"h2": 1,
"x2": -0.75,
"y2": 1
},
"\nEnter ↵",
{
"t": "#dd1126",
"a": 7
},
"<i class=\"game\">Y</i>"
],
[
{
"t": "#f7f2ea",
"a": 6,
"w": 1.75
},
"Caps Lock",
{
"a": 4
},
"A",
"S",
"D",
"F",
"G",
"H",
"J",
"K",
"L",
":\n;",
"\"\n'",
{
"x": 2.25,
"t": "#dd1126",
"a": 7
},
"<i class=\"game\">A</i>"
],
[
{
"t": "#f7f2ea",
"a": 6,
"w": 2.25
},
"⇧ Shift",
{
"a": 4
},
"Z",
"X",
"C",
"V",
"B",
"N",
"M",
"<\n,",
">\n.",
"?\n/",
{
"a": 6,
"w": 1.75
},
"⇧ Shift",
{
"a": 7
},
"▲",
{
"t": "#dd1126"
},
"<i class=\"game\">B</i>"
],
[
{
"t": "#f7f2ea",
"a": 4
},
"~\n`",
{
"a": 7
},
"",
{
"t": "#dd1126"
},
"<i class=\"xlogol\">X</i>",
{
"t": "#f7f2ea",
"a": 6
},
"Ctrl",
{
"t": "#f5eded",
"a": 7,
"w": 6
},
"",
{
"t": "#f7f2ea",
"a": 6
},
"Ctrl",
{
"t": "#dd1126",
"a": 7
},
"<i class=\"xlogor\">X</i>",
{
"t": "#f7f2ea",
"a": 4
},
"|\n\\",
{
"a": 7
},
"◀",
"▼",
"▶"
]
]
@font-face {
font-family: 'Sedgwick Ave Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sedgwickavedisplay/v8/xfuu0XPgU3jZPUoUo3ScvmPi-NapQ8OxM1c0fec.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/ibmplexsans/v8/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIFsdA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.keylabel0, .keylabel6 {
font-family: 'Helvetica', 'sans-serif';
font-size: 1.2em;
}
.cancel {
font-size: 0.9em;
}
.selst {
font-family: 'Impact', 'sans-serif';
text-transform: uppercase;
}
.xlogol {
font-family: 'Sedgwick Ave Display';
font-size: 2em;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #dd1126;
}
.xlogor {
font-family: 'Sedgwick Ave Display';
font-size: 2em;
}
.game {
font-family: 'IBM Plex Sans';
font-size: 2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment