Skip to content

Instantly share code, notes, and snippets.

@albx79
Last active April 12, 2024 14:23
Show Gist options
  • Save albx79/07f91d57693a06e36ca75ffd4d65f248 to your computer and use it in GitHub Desktop.
Save albx79/07f91d57693a06e36ca75ffd4d65f248 to your computer and use it in GitHub Desktop.
DELTA-78
[
{
"backcolor": "#7a7a7a",
"name": "DELTA-78",
"author": "albx79",
"background": {
"name": "Steel brushed horizontal",
"style": "background-image: url('/bg/metal/iron_texture66.jpg');"
},
"radii": "30px",
"switchMount": "cherry",
"switchBrand": "cherry",
"plate": true,
"pcb": false
},
[
{
"x": 7.5,
"c": "#d0ccc0",
"a": 7
},
"ESC",
{
"x": 0.5,
"c": "#cccccc",
"t": "#ffffff",
"a": 5,
"w": 2,
"h": 0.5,
"d": true
},
"\n<span class=\"title spaced\">ΔV</span><sup><span class=\"title spaced\">78</span>",
{
"x": 0.5,
"c": "#d0ccc0",
"t": "#000000",
"a": 7,
"fa": [
4
]
},
"<i class='fa fa-power-off'></i>\n\n\n\n<i class='fa fa-moon-o'></i>"
],
[
{
"y": -0.5,
"x": 9,
"fa": [
6
]
},
"⎀",
{
"f": 3
},
"⌦"
],
[
{
"y": 0.25,
"x": 9,
"f": 3
},
"⇱",
{
"f": 3
},
"⇞"
],
[
{
"x": 9,
"f": 3
},
"⇲",
{
"f": 3
},
"⇟"
],
[
{
"y": 0.25,
"x": 9.5,
"f": 3
},
"&uarr;"
],
[
{
"c": "#cccccc",
"a": 5,
"d": true
},
"\n<img src=\"http://icons.iconarchive.com/icons/icons8/windows-8/32/Mobile-Nfc-Logo-icon.png\">",
{
"x": 7.5,
"c": "#d0ccc0",
"a": 7,
"f": 3
},
"←",
{
"f": 3
},
"↓",
{
"f": 3
},
"→",
{
"x": 7.25,
"c": "#cccccc",
"a": 5,
"d": true
},
"\n<img src=\"http://icons.iconarchive.com/icons/icons8/windows-8/32/Security-Fingerprint-Scan-icon.png\">"
],
[
{
"rx": 17,
"ry": 9.25,
"y": -9.25,
"x": -10.5,
"t": "#00ff00",
"a": 4,
"d": true
},
"\n<span class=\"title\">⤓</span>\n\n<span class=\"title\">1</span>\n\n\n<i class='fa fa-minus'></i>\n<i class='fa fa-minus'></i>\n\n<i class='fa fa-minus'></i>\n<span class=\"title\">A</span>",
{
"x": 5,
"d": true
},
"\n<i class='fa fa-moon-o title'></i>\n\n<span class=\"title\">F</span>\n\n\n<i class='fa fa-minus'></i>\n<i class='fa fa-minus'></i>\n\n<i class='fa fa-minus'></i>\n<span class=\"title\">N</span>"
],
[
{
"r": 10,
"rx": 3.75,
"ry": 3.5,
"y": -3,
"x": -3.25,
"c": "#00a4a9",
"t": "#d0ccc0",
"f": 3,
"w": 1.5
},
"¬\n`\n\n|",
{
"c": "#d0ccc0",
"t": "#000000"
},
"\n1\n\n\nF1",
"\n2\n\n\nF2",
"\n3\n\n\nF3",
"\n4\n\n\nF4",
"\n5\n\n\nF5",
{
"a": 5,
"f": 3
},
"±\n§\n\n\n<i class='kb kb-Multimedia-Eject'></i>"
],
[
{
"x": -3.25,
"c": "#00a4a9",
"t": "#cccccc",
"a": 7,
"fa": [
8
],
"w": 1.5
},
"<i class='kb kb-Line-Start-End'></i>",
{
"c": "#d0ccc0",
"t": "#000000",
"a": 4,
"f": 3
},
"Q",
{
"f": 3
},
"W",
{
"f": 3
},
"E",
{
"f": 3
},
"R",
{
"f": 3
},
"T\n\n\n\n<i class='kb kb-Multimedia-FastForward-End'></i>",
{
"f": 3
},
"{\n[\n\n\n◼"
],
[
{
"x": -3.25,
"c": "#00a4a9",
"t": "#d0ccc0",
"a": 7,
"f": 3,
"w": 1.5
},
"Fn",
{
"c": "#d0ccc0",
"t": "#000000",
"a": 4,
"f": 3
},
"A\n\n\n\n<i class='fa fa-lock'></i>A",
{
"f": 3
},
"S\n\n\n\n<i class='fa fa-lock'></i>1",
{
"f": 3
},
"D\n\n\n\n<i class='fa fa-lock'></i>⤓",
{
"f": 3,
"n": true
},
"F",
{
"f": 3
},
"G\n\n\n\n<i class='kb kb-Multimedia-Rewind-Start'></i>",
{
"f": 3
},
"~\n#"
],
[
{
"x": -3.25,
"c": "#00a4a9",
"t": "#cccccc",
"a": 7,
"fa": [
6
],
"w": 1.5
},
"&uArr;",
{
"c": "#d0ccc0",
"t": "#000000",
"a": 4,
"f": 3
},
"Z",
{
"f": 3
},
"X",
{
"f": 3
},
"C",
{
"f": 3
},
"V",
{
"f": 3
},
"B\n\n\n\n<i class='kb kb-Multimedia-Play-Pause'></i>",
{
"c": "#00a4a9",
"t": "#ffffff",
"a": 5,
"fa": [
6,
1
],
"w": 1.5
},
"\nscreen<br/>shot\n\n\n\n\n<i class='fa fa-camera'></i>"
],
[
{
"x": -3.25,
"t": "#d0ccc0",
"a": 7,
"f": 3,
"w": 1.5
},
"CTRL",
{
"c": "#d0ccc0",
"t": "#000000",
"a": 4,
"f": 3
},
"|\n\\",
{
"c": "#00a4a9",
"t": "#ffffff",
"a": 7,
"f": 6,
"w": 1.5
},
"◆",
{
"f": 3,
"w": 1.5
},
"ALT",
{
"t": "#d0ccc0",
"w": 1.5
},
"SPACE"
],
[
{
"r": -10,
"rx": 17,
"ry": 9.25,
"y": -8.75,
"x": -4,
"c": "#d0ccc0",
"t": "#000000",
"a": 4
},
"+\n=",
"\n6\n\n\nF6",
{
"t": "#000000\n\n\n#00a4a9"
},
"\n7\n\n⎚\nF7",
"\n8\n\n=\nF8",
"\n9\n\n/\nF9",
"\n0\n\n*\nF10",
{
"c": "#00a4a9",
"t": "#d0ccc0",
"a": 7,
"w": 1.5
},
"⌫"
],
[
{
"x": -4,
"c": "#d0ccc0",
"t": "#000000",
"a": 4
},
"}\n]",
"Y\n\n\n\n<i class='kb kb-Multimedia-Volume-Up-2'></i>",
{
"t": "#000000\n\n\n#00a4a9"
},
"U\n\n\n7",
"I\n\n\n8",
"O\n\n\n9\nF11",
"P\n\n\n-\nF12",
{
"c": "#00a4a9",
"t": "#d0ccc0",
"a": 7,
"w": 1.5
},
"Fn"
],
[
{
"x": -4,
"c": "#d0ccc0",
"t": "#000000",
"a": 4
},
"_\n-",
"H\n\n\n\n<i class='kb kb-Multimedia-Volume-Down-2'></i>",
{
"t": "#000000\n\n\n#00a4a9",
"n": true
},
"J\n\n\n4",
"K\n\n\n5",
"L\n\n\n6",
":\n;\n\n+",
{
"c": "#00a4a9",
"t": "#ffffff",
"a": 7,
"f": 6,
"w": 1.5
},
"⏎"
],
[
{
"x": -4.5,
"a": 5,
"fa": [
0,
1,
0,
0,
0,
0,
3
],
"w": 1.5
},
"\ncompose\n\n\n\n\n⎄",
{
"c": "#d0ccc0",
"t": "#000000",
"a": 4,
"f": 3
},
"N\n\n\n\n<i class='kb kb-Multimedia-Mute-2'></i>",
{
"t": "#000000\n\n\n#00a4a9"
},
"M\n\n\n1",
"<\n,\n\n2",
">\n.\n\n3\n<i class='kb kb-Unicode-Pause-2'></i>|<i class='kb kb-Unicode-Break-2'></i>",
{
"fa": [
0,
0,
0,
6
]
},
"?\n/\n\n⎆",
{
"c": "#00a4a9",
"t": "#cccccc",
"a": 7,
"f": 6,
"w": 1.5
},
"&uArr;"
],
[
{
"x": -3.5,
"t": "#d0ccc0",
"f": 3,
"w": 1.5
},
"SPACE",
{
"t": "#ffffff",
"w": 1.5
},
"ALT·GR",
{
"a": 4,
"f": 6,
"fa": [
0,
0,
0,
3
],
"w": 1.5
},
"\n\n\n0\n\n\n\n\n\n▤",
{
"c": "#d0ccc0",
"t": "#000000\n\n\n#00a4a9",
"f": 3
},
"@\n'\n\n.",
{
"c": "#00a4a9",
"t": "#d0ccc0",
"a": 7,
"w": 1.5
},
"CTRL"
]
]

requirements:

  • only 2 types of keycaps
  • most keys in their traditional position
  • physical navigation keys
.title {
color: transparent;
background-image: url('https://st2.depositphotos.com/3768069/5421/i/450/depositphotos_54214713-stock-photo-ice-blue-anodized-aluminum-brushed.jpg');
background-position: center;
background-clip:text;
-webkit-background-clip:text;
font-weight: bold;
}
.spaced {
font-family: sans-serif;
letter-spacing: 3px;
}
.staging {
background-image: url('http://www.texturex.com/cache/Metal-Textures/textureX%20rusty%20grungy%20metal%20dirty%20iron%20scratch%20urban%20city%20Texture__150_cw150_ch150_thumb.jpg');
background-image: url('http://www.texturex.com/cache/Metal-Textures/TextureX%20Brushed%20Spin%20Aluminum%20Metal%20Texture%20Stock%20Texture_800.jpg');
background-image: url('http://www.texturex.com/cache/Metal-Textures/metal%20art%20texture%20color%20brushed%20polished%20abtract%20colorful%20metallic_800.jpg');
background-image: url('http://www.texturex.com/cache/Metal-Textures/TextureX%20Brushed%20Golden%20Metal%20Photo%20Stock%20Texture_800.jpg');
}
.anodized {
background-image: url('https://st2.depositphotos.com/3768069/5421/i/450/depositphotos_54214713-stock-photo-ice-blue-anodized-aluminum-brushed.jpg');
background-image: url('http://www.allpowderpaints.com/images/products/preview/pcmb65609.jpg');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment