+
🏠
-
@@ -307,9 +307,9 @@ function initKeybaord(BASE_URL, HAMBAGA, consoleLog, consoleError) {
(err) => consoleError(err)
);
}
- const MODIFIER_ON_CLASS = "keybaord-modifier-on";
- const KEY_DATASET = "data-keybaord-key";
- const KEY_CLASS = "keybaord-key";
+ const MODIFIER_ON_CLASS = "keyboard-modifier-on";
+ const KEY_DATASET = "data-keyboard-key";
+ const KEY_CLASS = "keyboard-key";
const modifiers = new Set()
@@ -338,7 +338,7 @@ function initKeybaord(BASE_URL, HAMBAGA, consoleLog, consoleError) {
}
Array.from(document.querySelectorAll("." + KEY_CLASS)).forEach((button) => {
- const key = button.dataset.keybaordKey;
+ const key = button.dataset.keyboardKey;
button.addEventListener("click", (ev) => {
switch (key) {
@@ -376,22 +376,22 @@ function initKeybaord(BASE_URL, HAMBAGA, consoleLog, consoleError) {
// keyboard integration
(function () {
var o = mknod('div');
- clmod(o, 'keybaord-container', 1);
+ clmod(o, 'keyboard-container', 1);
ebi('op_msg').appendChild(o);
o = mknod('style');
o.innerHTML = `
-.keybaord-body {
+.keyboard-body {
display: flex;
flex-flow: column nowrap;
margin: .6em 0;
}
-.keybaord-row {
+.keyboard-row {
display: flex;
}
-.keybaord-key {
+.keyboard-key {
border: 1px solid rgba(128,128,128,0.2);
width: 41px;
height: 40px;
@@ -401,73 +401,73 @@ function initKeybaord(BASE_URL, HAMBAGA, consoleLog, consoleError) {
align-items: center;
}
-.keybaord-key:active {
+.keyboard-key:active {
background-color: lightgrey;
}
-.keybaord-key.keybaord-modifier-on {
+.keyboard-key.keyboard-modifier-on {
background-color: lightblue;
}
-.keybaord-key.keybaord-backspace {
+.keyboard-key.keyboard-backspace {
width: 82px;
}
-.keybaord-key.keybaord-tab {
+.keyboard-key.keyboard-tab {
width: 55px;
}
-.keybaord-key.keybaord-enter {
+.keyboard-key.keyboard-enter {
width: 69px;
}
-.keybaord-key.keybaord-capslock {
+.keyboard-key.keyboard-capslock {
width: 80px;
}
-.keybaord-key.keybaord-backslash {
+.keyboard-key.keyboard-backslash {
width: 88px;
}
-.keybaord-key.keybaord-lshift {
+.keyboard-key.keyboard-lshift {
width: 65px;
}
-.keybaord-key.keybaord-rshift {
+.keyboard-key.keyboard-rshift {
width: 103px;
}
-.keybaord-key.keybaord-lctrl {
+.keyboard-key.keyboard-lctrl {
width: 55px;
}
-.keybaord-key.keybaord-super {
+.keyboard-key.keyboard-super {
width: 55px;
}
-.keybaord-key.keybaord-alt {
+.keyboard-key.keyboard-alt {
width: 55px;
}
-.keybaord-key.keybaord-altgr {
+.keyboard-key.keyboard-altgr {
width: 55px;
}
-.keybaord-key.keybaord-what {
+.keyboard-key.keyboard-what {
width: 55px;
}
-.keybaord-key.keybaord-rctrl {
+.keyboard-key.keyboard-rctrl {
width: 55px;
}
-.keybaord-key.keybaord-spacebar {
+.keyboard-key.keyboard-spacebar {
width: 302px;
}
`;
document.head.appendChild(o);
- initKeybaord('/', hambagas,
+ initKeyboard('/', hambagas,
(msg) => { toast.inf(2, msg.toString()) },
(msg) => { toast.err(30, msg.toString()) });
})();