Commoplank

Commoplank.kbd.json

[
  {
    "backcolor": "#2E3440",
    "name": "Commoplank",
    "author": "Pikachu",
    "radii": "20px",
    "switchMount": "cherry",
    "switchBrand": "gateron",
    "switchType": "KS-3-Red",
    "plate": false
  },
  [
    {
      "x": 4.75,
      "c": "#81A1C1",
      "t": "#E5E9F0",
      "p": "DSA R1",
      "sm": "cherry",
      "sb": "gateron",
      "st": "KS-3-Red",
      "a": 7,
      "f": 9
    },
    "<i class='fa fa-fast-backward'></i>",
    {
      "f": 6
    },
    "<i class='fa fa-play'></i><i class='fa fa-pause'></i>",
    {
      "f": 9
    },
    "<i class='fa fa-fast-forward'></i>",
    {
      "x": 0.5
    },
    "<i class='fa fa-moon-o'></i>",
    "<i class='fa fa-sun-o'></i>",
    {
      "x": 0.5
    },
    "<i class='fa fa-wifi'></i>",
    "<i class='fa fa-volume-up'></i>"
  ],
  [
    {
      "y": 0.25,
      "x": 0.25,
      "c": "#BF616A",
      "f": 7
    },
    "<i class='fa fa-power-off'></i>\n\n\n\nFN Lock",
    {
      "c": "#E5E9F0",
      "t": "#2E3440",
      "a": 4,
      "f": 9,
      "fa": [
        4,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "!\n\n\n\nF1\n\n\n\n\n\n1",
    {
      "fa": [
        4,
        0,
        0,
        0,
        7,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "@\n\n\n\nF2\n\n\n\n\n\n2",
    {
      "f": 5,
      "fa": [
        4,
        0,
        0,
        0,
        7,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "#\n\n\n\nF3\n\n\n\n\n\n3",
    "$\n\n\n\nF4\n\n\n\n\n\n4",
    {
      "f": 7,
      "fa": [
        4
      ]
    },
    "%\n\n\n\nF5\n\n\n\n\n\n5",
    {
      "f": 6,
      "fa": [
        9,
        0,
        0,
        0,
        7,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "^\n\n\n\nF6\n\n\n\n\n\n6",
    {
      "f": 9,
      "fa": [
        4,
        0,
        0,
        0,
        7,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "&\n\n\n\nF7\n\n\n\n\n\n7",
    {
      "f": 7
    },
    "*\n\n\n\nF8\n\n\n\n\n\n8",
    "(\n\n\n\nF9\n\n\n\n\n\n9",
    ")\n\n\n\nF10\n\n\n\n\n\n0",
    {
      "a": 5,
      "f": 9
    },
    "-\n\n\n\nF11\n\n_",
    "+\n=\n\n\nF12"
  ],
  [
    {
      "y": 0.25,
      "p": "DSA R2",
      "a": 7,
      "f": 4,
      "w": 1.25
    },
    "T A B",
    {
      "a": 4,
      "f": 9,
      "fa": [
        4
      ]
    },
    "~\n\n\n\n\n\n\n\n\nQ",
    {
      "fa": [
        6
      ]
    },
    "`\n\n\n\n\n\n\n\n\nW",
    {
      "fa": [
        6,
        0,
        0,
        1
      ]
    },
    "\n\n\nE N D\n\n\n\n\n\nE",
    "\n\n\nH O M E\n\n\n\n\n\nR",
    {
      "a": 7,
      "f": 9
    },
    "T",
    {
      "a": 4,
      "fa": [
        4
      ]
    },
    "+\n\n\n\n\n\n\n\n\nY",
    "7\n\n\n\n\n\n\n\n\nU",
    "8\n\n\n\n\n\n\n\n\nI",
    "9\n\n\n\n\n\n\n\n\nO",
    "0\n\n\n\n\n\n\n\n\nP",
    "{\n\n\n\n\n\n\n\n\n[",
    {
      "a": 7,
      "f": 4,
      "fa": [
        5
      ],
      "w": 1.25
    },
    "<i class='fa fa-chevron-right'></i><i class='fa fa-chevron-right'></i><i class='fa fa-chevron-right'></i>"
  ],
  [
    {
      "p": "DSA R3",
      "a": 4,
      "fa": [
        5,
        0,
        0,
        2,
        0,
        0,
        0,
        0,
        0,
        5
      ],
      "w": 1.25
    },
    "\n\n\nC A P S\n\n\n\n\n\n<i class='fa fa-arrow-up'></i>",
    {
      "c": "#81A1C1",
      "t": "#E5E9F0",
      "f": 9,
      "fa": [
        5,
        0,
        0,
        1
      ]
    },
    "\n\n\nI N S\n\n\n\n\n\nA",
    "\n\n\nD E L\n\n\n\n\n\nS",
    {
      "a": 7,
      "f": 9
    },
    "D",
    {
      "c": "#2E3440",
      "a": 5,
      "n": true
    },
    "\n_\n\n\n\n\nF",
    {
      "c": "#E5E9F0",
      "t": "#2E3440",
      "a": 4,
      "fa": [
        4
      ]
    },
    ",\n\n\n\n\n\n\n\n\nG",
    {
      "fa": [
        4,
        0,
        0,
        4
      ]
    },
    "-\n\n\n←\n\n\n\n\n\nH",
    {
      "c": "#2E3440",
      "t": "#E5E9F0",
      "fa": [
        4,
        0,
        0,
        4,
        0,
        0,
        0,
        0,
        0,
        0,
        7
      ],
      "n": true
    },
    "4\n\n\n↓\n\n\n\n\n\nJ\n_",
    {
      "c": "#BF616A"
    },
    "5\n\n\n↑\n\n\n\n\n\nK",
    "6\n\n\n→\n\n\n\n\n\nL",
    {
      "fa": [
        4,
        0,
        0,
        4,
        0,
        0,
        0,
        0,
        7,
        0,
        7
      ]
    },
    "*\n\n\n\n\n\n\n\n:\n\n;",
    {
      "c": "#E5E9F0",
      "t": "#2E3440"
    },
    "{\n\n\n\n\n\n\n\n\n]",
    {
      "a": 7,
      "f": 2,
      "w": 1.25
    },
    "E N T E R"
  ],
  [
    {
      "p": "DSA R4",
      "a": 4,
      "f": 4,
      "fa": [
        3,
        0,
        0,
        2
      ],
      "w": 1.25
    },
    "E S C\n\n\nH y p e r",
    {
      "a": 7,
      "f": 9
    },
    "Z",
    "X",
    "C",
    "V",
    {
      "a": 4,
      "fa": [
        4
      ]
    },
    "•\n\n\n\n\n\n\n\n\nB",
    "=\n\n\n\n\n\n\n\n\nN",
    "1\n\n\n\n\n\n\n\n\nM",
    {
      "fa": [
        4,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        7
      ]
    },
    "2\n\n\n\n\n\n\n\n<\n\n,",
    "3\n\n\n\n\n\n\n\n>\n\n.",
    {
      "a": 5,
      "fa": [
        4,
        7
      ]
    },
    "?\n/",
    "\"\n'",
    {
      "a": 4,
      "f": 3,
      "w": 1.25
    },
    "PGUP\n\n\nPGDN"
  ],
  [
    {
      "x": 1,
      "p": "DSA R5",
      "a": 7,
      "f": 4,
      "w": 1.25
    },
    "C T R L",
    "A L T",
    {
      "fa": [
        9
      ]
    },
    "<i class='fa fa-meh-o'></i>",
    {
      "c": "#81A1C1",
      "t": "#E5E9F0",
      "p": "DSA SPACE",
      "f": 2,
      "w": 2
    },
    "S P A C E  M A N",
    {
      "c": "#BF616A",
      "w": 2
    },
    "B A C K  M A N",
    {
      "c": "#E5E9F0",
      "t": "#2E3440",
      "p": "DSA R5",
      "f": 9
    },
    "<i class='mss mss-Unicode-Command-3'></i>",
    {
      "f": 4,
      "fa": [
        3
      ]
    },
    "N U M",
    {
      "f": 3
    },
    "F U N",
    {
      "a": 4,
      "f": 4,
      "fa": [
        3,
        0,
        0,
        3
      ],
      "w": 1.25
    },
    "C T R L\n\n\n<i class='fa fa-file-text'></i>"
  ]
]

Commoplank.notes.md

Commoplank My attempt on designing an ortholinear plank with extra features

Commoplank.style.css

@font-face {
  font-family: 'Rubik';
  src: url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');
  font-weight: normal;
  font-style: normal;
}

.petscii {
  display: inline-block;
  font: normal normal normal 14px/1 Rubik;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  border: solid 1px;
}
.keylabel9 .petscii , .keylabel10 .petscii , .keylabel11 .petscii {
  font-size: 6px !important;
}
  
.petscii-bar-bottom-left:after { content: "\0ee4c"; }
.petscii-bar-bottom-right:after { content: "\0ee7a"; }
.petscii-bar-horz-0:after { content: "\0ee63"; } 
.petscii-bar-horz-1:after { content: "\0ee45"; }
.petscii-bar-horz-2:after { content: "\0ee44"; }
.petscii-bar-horz-3:after { content: "\0ee43"; }
.petscii-bar-horz-4:after { content: "\0ee46"; }
.petscii-bar-horz-5:after { content: "\0ee46"; }
.petscii-bar-horz-6:after { content: "\0ee52"; }
.petscii-bar-horz-7:after { content: "\0ee64"; } 
.petscii-bar-top-left:after { content: "\0ee4f"; }
.petscii-bar-top-right:after { content: "\0ee50"; }
.petscii-bar-vert-0:after { content: "\0ee65"; } 
.petscii-bar-vert-1:after { content: "\0ee54"; }
.petscii-bar-vert-2:after { content: "\0ee47"; }
.petscii-bar-vert-3:after { content: "\0ee42"; }
.petscii-bar-vert-4:after { content: "\0ee42"; }
.petscii-bar-vert-5:after { content: "\0ee48"; }
.petscii-bar-vert-6:after { content: "\0ee59"; }
.petscii-bar-vert-7:after { content: "\0ee67"; } 
.petscii-block-horz-0:after { content: "\0ee63"; } 
.petscii-block-horz-1:after { content: "\0ee77"; } 
.petscii-block-horz-2:after { content: "\0ee78"; } 
.petscii-block-horz-3:after { content: "\0ee62"; } 
.petscii-block-horz-4:after { content: "\0ee79"; } 
.petscii-block-horz-5:after { content: "\0ee6f"; } 
.petscii-block-horz-6:after { content: "\0ee64"; } 
.petscii-block-vert-0:after { content: "\0ee65"; } 
.petscii-block-vert-1:after { content: "\0ee74"; } 
.petscii-block-vert-2:after { content: "\0ee75"; } 
.petscii-block-vert-3:after { content: "\0ee61"; } 
.petscii-block-vert-4:after { content: "\0ee76"; } 
.petscii-block-vert-5:after { content: "\0ee6a"; } 
.petscii-block-vert-6:after { content: "\0ee67"; } 
.petscii-checkerboard:after { content: "\0ee7f"; } 
.petscii-circle-filled:after { content: "\0ee51"; }
.petscii-circle-open:after { content: "\0ee57"; }
.petscii-club:after { content: "\0ee58"; }
.petscii-corner-round-bottom-left:after { content: "\0ee49"; }
.petscii-corner-round-bottom-right:after { content: "\0ee55"; }
.petscii-corner-round-top-left:after { content: "\0ee4b"; }
.petscii-corner-round-top-right:after { content: "\0ee4a"; }
.petscii-corner-square-bottom-left-filled:after { content: "\0ee7b"; } 
.petscii-corner-square-bottom-left:after { content: "\0ee6e"; } 
.petscii-corner-square-bottom-right-filled:after { content: "\0ee6c"; } 
.petscii-corner-square-bottom-right:after { content: "\0ee70"; } 
.petscii-corner-square-top-left-filled:after { content: "\0ee7e"; } 
.petscii-corner-square-top-left:after { content: "\0ee7d"; } 
.petscii-corner-square-top-right-filled:after { content: "\0ee7c"; } 
.petscii-corner-square-top-right:after { content: "\0ee6d"; } 
.petscii-cross-diag:after { content: "\0ee56"; }
.petscii-cross:after { content: "\0ee5b"; }
.petscii-diag-bottom-top-filled:after { content: "\0ee69"; }
.petscii-diag-bottom-top:after { content: "\0ee4e"; }
.petscii-diag-top-bottom-filled:after { content: "\0ee5f"; } 
.petscii-diag-top-bottom:after { content: "\0ee4d"; }
.petscii-diamond:after { content: "\0ee5a"; }
.petscii-halftone-bottom:after { content: "\0ee68"; } 
.petscii-halftone-left:after { content: "\0ee5c"; }
.petscii-halftone:after { content: "\0ee66"; }
.petscii-heart:after { content: "\0ee53"; }
.petscii-spade:after { content: "\0ee41"; }
.petscii-tbar-down:after { content: "\0ee72"; } 
.petscii-tbar-left:after { content: "\0ee73"; } 
.petscii-tbar-right:after { content: "\0ee6b"; } 
.petscii-tbar-up:after { content: "\0ee71"; }