GergoPlex-via

GergoPlex-via.kbd.json

[
  {
    "name": "GergoPlex-via"
  },
  [
    {
      "x": 2
    },
    "2,0",
    {
      "x": 6.75
    },
    "7,0"
  ],
  [
    {
      "y": -0.87,
      "x": 1
    },
    "3,0",
    {
      "x": 1
    },
    "1,0",
    {
      "x": 4.75
    },
    "6,0",
    {
      "x": 1
    },
    "8,0"
  ],
  [
    {
      "y": -0.88,
      "x": 4
    },
    "0,0",
    {
      "x": 2.75
    },
    "5,0"
  ],
  [
    {
      "y": -0.87
    },
    "4,0",
    {
      "x": 10.75
    },
    "9,0"
  ],
  [
    {
      "y": -0.38,
      "x": 2
    },
    "2 ,1",
    {
      "x": 6.75
    },
    "7,1"
  ],
  [
    {
      "y": -0.8700000000000001,
      "x": 1
    },
    "3,1",
    {
      "x": 1
    },
    "1,1",
    {
      "x": 4.75
    },
    "6,1",
    {
      "x": 1
    },
    "8,1"
  ],
  [
    {
      "y": -0.8799999999999999,
      "x": 4
    },
    "0,1",
    {
      "x": 2.75
    },
    "5,1"
  ],
  [
    {
      "y": -0.8700000000000001
    },
    "4,1",
    {
      "x": 10.75
    },
    "9,1"
  ],
  [
    {
      "y": -0.3799999999999999,
      "x": 2
    },
    "2,2",
    {
      "x": 6.75
    },
    "7,2"
  ],
  [
    {
      "y": -0.8700000000000001,
      "x": 1
    },
    "3,2",
    {
      "x": 1
    },
    "1,2",
    {
      "x": 4.75
    },
    "6,2",
    {
      "x": 1
    },
    "8,2"
  ],
  [
    {
      "y": -0.8799999999999999,
      "x": 4
    },
    "0,2",
    {
      "x": 2.75
    },
    "5,2"
  ],
  [
    {
      "y": -0.8700000000000001
    },
    "4,2",
    {
      "x": 10.75
    },
    "9,2"
  ],
  [
    {
      "y": -0.1299999999999999,
      "x": 2.25
    },
    "3,3",
    {
      "x": 6.25
    },
    "8,3"
  ],
  [
    {
      "r": 15,
      "y": -1.87,
      "x": 4.25,
      "w2": 1.5
    },
    "2,3"
  ],
  [
    {
      "r": 30,
      "rx": 6.5,
      "ry": 4.25,
      "y": -0.25,
      "x": -1.25,
      "h": 2
    },
    "1,3"
  ],
  [
    {
      "r": -30,
      "rx": 13,
      "y": -3.75,
      "x": -5.75,
      "h": 2
    },
    "6,3"
  ],
  [
    {
      "r": -15,
      "rx": 0,
      "ry": 0,
      "y": 5.63,
      "x": 6.5,
      "w": 1.5
    },
    "7,3"
  ]
]

GergoPlex-via.style.css

* {
 font-size: 0.9em;
font-weight:400;
 }


.keylabel1 { 
    transform: translateY(-11px) rotate(0deg); 
    z-index:1;
}

.keylabel8 { 
    transform: translateX(22px) translateY(5px) rotate(0deg); 
    z-index:1;
}

.keylabel5 { 
    transform: translateX(25px) translateY(-30px) rotate(90deg);
    background: #0000ff30;
    border-radius: 30px;
    z-index:1;
}

.keylabel2 { 
    transform: translateX(25px) translateY(10px) rotate(0deg); 
    z-index:1;
}

.keyborder {
    border-color: #CCCCCC;
}

#keyboard #keyboard-bg {
    background-color: red;
}