aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorjack <[email protected]>2022-03-16 18:01:49 -0600
committerjack <[email protected]>2022-03-16 18:01:49 -0600
commit88d2f1bc775441fd3c82d092d4db6078195a77aa (patch)
tree5538273ab5865bb23d2280a02527a9d11566876d
parent785264cadf848886e3010f8a6a24bf2dbe2c3e68 (diff)
downloadsite-88d2f1bc775441fd3c82d092d4db6078195a77aa.tar.gz
site-88d2f1bc775441fd3c82d092d4db6078195a77aa.zip
initial keymappings stuff
-rw-r--r--dotfiles.html72
-rw-r--r--style.css34
2 files changed, 103 insertions, 3 deletions
diff --git a/dotfiles.html b/dotfiles.html
index 6e3a0d5..f447d42 100644
--- a/dotfiles.html
+++ b/dotfiles.html
@@ -57,7 +57,8 @@
<h4>other</h4>
<a href="https://github.com/BurntSushi/ripgrep" target="_blank">ripgrep</a><br>
<a href="https://github.com/slicer69/doas" target="_blank">doas</a><br>
- <a href="https://github.com/wwmm/easyeffects" target="_blank">easyeffects</a>
+ <a href="https://github.com/wwmm/easyeffects" target="_blank">easyeffects</a><br>
+ <a href="https://linrunner.de/tlp/" target="_blank">tlp</a>
</div>
</div>
<div class="col-8">
@@ -67,5 +68,74 @@
</div>
</div>
</div>
+ <div class="container rounded dot-keys">
+ <h2 class="text-center">keymappings</h2>
+ <h4><a href="https://github.com/kmonad/kmonad" target="_blank">kmonad</a></h4>
+ <div class="row">
+ <div class="col-7">
+ <div class="container rounded kmonad">
+ <pre><code>
+(defcfg
+ input (device-file "/dev/input/by-path/pci-0000:00:14.0-usb-0:5:1.1-event-kbd")
+ output (uinput-sink "My KMonad output"
+ "/run/current-system/sw/bin/sleep 1 && /run/current-system/sw/bin/setxkbmap -option compose:ralt")
+ fallthrough true
+ allow-cmd true
+)
+
+(defalias
+ ctlz (tap-hold 170 z ctl)
+ ctldot (tap-hold 170 KeyDot ctl)
+ sfa (tap-hold 170 a sft)
+ sfcln (tap-hold 170 ; sft)
+ altq (tap-hold 170 q alt)
+ altp (tap-hold 170 p alt)
+ alt1 (tap-hold 170 1 alt)
+ alt0 (tap-hold 170 0 alt)
+ tgnum (layer-toggle num)
+ lt1 (tap-hold 150 spc @tgnum)
+ clipst C-S-v
+)
+
+(defsrc ;;physical layout
+ esc f1 f2 f3 f4 f5 f6 f7 f8 f9 f10 f11 f12
+ grv 1 2 3 4 5 6 7 8 9 0 - = bspc
+ tab q w e r t y u i o p [ ] \
+ caps a s d f g h j k l ; ' ret
+ lsft z x c v b n m , . / rsft up
+ p lctl lalt lmet spc rmet ralt left down rght
+)
+
+(deflayer default
+ _ brdn brup _ _ bldn blup prev pp next mute vold volu
+ _ _ _ _ _ _ _ _ _ _ _ _ _ _
+ _ @altq _ _ _ _ _ _ _ _ @altp _ _ _
+ _ @sfa _ _ _ _ _ _ _ _ @sfcln _ _
+ _ @ctlz _ _ _ _ _ _ _ @ctldot _ _ _
+ _ _ _ _ @lt1 @clipst _ _ _ _
+)
+
+(deflayer num
+ _ _ _ _ _ _ _ _ _ _ _ _ _
+ _ _ _ _ _ _ _ _ _ _ _ _ _ _
+ _ @alt1 2 3 4 5 6 7 8 9 @alt0 _ _ _
+ _ ! @ # $ % ^ & * \( \) _ _
+ _ esc tab caps ~ grv left down up rght rctl _ _
+ _ _ _ _ _ _ _ _ _ _
+)
+ </code></pre>
+ </div>
+ </div>
+ <div class="col-5">
+ unfortunately, laptop keyboards can't be replaced with small ergo keyboards, so kmonad is the next best thing
+ (or my laptop's favorite feature). it's quite full featured considering the scope of the project,
+ with layers, mod-taps, macros, etc. despite the minor lack of documentation, i've been able to recreate my commonly
+ used layout across my <a href="https://qmk.fm" target="_blank">QMK</a> compatible keyboards. this is mostly based on
+ a 3x10 layout, with 4 thumb keys. my biggest trouble is not having found a better place for backspace without moving
+ other keys around. normally this is solved with a split spacebar, or combos, sadly one of the only features kmonad is
+ missing. attached is my <code class="inline">*.kbd</code> config file which may be useful.
+ </div>
+ </div>
+ </div>
</body>
</html>
diff --git a/style.css b/style.css
index 394c6c7..530c201 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,6 @@
/*https://github.com/catppuccin/catppuccin*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
:root {
--dark: #1e1e2e;
@@ -17,6 +17,8 @@
--gray: #988ba2;
--mauve: #ddb6f2;
--green: #abe9b3;
+ --white: #d9e0ee;
+ --gray: #6e6c7e;
}
body {
@@ -138,7 +140,7 @@ a:hover {
text-decoration: underline;
}
-.gpgkey { font-family: 'Source Code Pro', monospace; }
+.gpgkey { font-family:'Fira Code', monospace; }
.desktop {
max-width: 100%;
@@ -190,3 +192,31 @@ a:hover {
.idnt {
text-indent: 20px;
}
+
+.dot-keys {
+ width: 90%;
+ padding: 8px 20px 15px 20px;
+ margin-bottom: 15px;
+ background-color: var(--maroon);
+}
+
+.kmonad {
+ max-height: 400px;
+ overflow: auto;
+ background-color: var(--dark);
+ color: var(--white);
+ scrollbar-width: none;
+}
+
+code {
+ font-family:'Fira Code', monospace;
+}
+
+.inline {
+ font-size: 16px;
+ color: var(--dark);
+ background-color: rgba(195, 186, 198, 0.5);
+ border-radius: 4px;
+ padding-left: 3px;
+ padding-right: 3px;
+}