aboutsummaryrefslogtreecommitdiff
path: root/dotfiles.html
blob: 2972ea4b8816cbe27955e3f7b018eb2996b99020 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="jack">
    <meta name="keywords" content="dotfiles, qmk, mechanical keyboard, keyboard">
    <meta property="og:image"  content="https://www.lzycat.xyz/media/pusheen_zzz.png">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script>
    <title>waffle87</title>
  </head>
  <body>
    <button type="button" onclick="window.location.href='index.html'" class="btn btn2"><i class="fa-solid fa-house"></i>home</button>
    <img src="media/pusheen_computer.png" alt="pusheen on the computer" class="mx-auto d-block" width="250" height="250">
    <div class="container-fluid peach text-center rounded">
      <h3>dotfiles</h3>
      <p>linux configuration files & notes</p>
    </div>
    <div class="container dot-r1">
      <div class="row">
        <div class="col-8">
          <div class="container rounded pic1">
            <img src="media/nord.png" class="rounded mx-auto d-block desktop img-fluid" alt="nord desktop">
          </div>
        </div>
        <div class="col-4">
          <div class="container rounded tools">
            <h2>tools</h2>
            window manager: <a href="https://swaywm.org/" target="_blank">sway</a><br>
            bar: <a href="https://github.com/Alexays/Waybar" target="_blank">waybar</a><br>
            app launcher: <a href="https://hg.sr.ht/~scoopta/wofi" target="_blank">wofi</a><br>
            notification: <a href="https://github.com/emersion/mako" target="_blank">mako</a><br>
            lock screen: <a href="https://github.com/mortie/swaylock-effects" target="_blank">swaylock</a><br>
            terminal: <a href="https://github.com/alacritty/alacritty" target="_blank">alacritty</a><br>
            shell: <a href="https://github.com/zsh-users/zsh.git" target="_blank">zsh</a><br>
            editor: <a href="https://neovim.io/" target="_blank">neovim</a> with <a href="https://nvchad.github.io/" target="_blank">nvchad</a><br>
            browser: <a href="https://www.mozilla.org/" target="_blank">firefox</a> with <a href="https://github.com/mut-ex/minimal-functional-fox" target="_blank">mmf</a> & <a href="https://github.com/tridactyl/tridactyl" target="_blank">tridactyl</a><br>
            document viewer: <a href="https://pwmt.org/projects/zathura/" target="_blank">zathura</a><br>
            music player: <a href="https://github.com/Rigellute/spotify-tui" target="_blank">spotify-tui</a> & spotify with <a href="https://spicetify.app/" target="_blank">spicetify</a><br>
            system monitor: <a href="https://github.com/xxxserxxx/gotop.git" target="_blank">gotop</a><br>
            file manager: <a href="https://gitlab.xfce.org/xfce/thunar" target="_blank">thunar</a><br>
            gtk theme: <a href="https://github.com/EliverLara/Nordic" target="_blank">nord</a> & <a href="https://github.com/dracula/gtk" target="_blank">dracula</a><br>
          </div>
        </div>
      </div>
    </div>
    <div class="container dot-r1">
      <div class="row">
        <div class="col-4">
          <div class="container rounded sys-info">
            <h4>fonts</h4>
            terminal: <a href="https://www.jetbrains.com/lp/mono/" target="_blank">jetbrains mono</a><br>
            icons: <a href="https://www.nerdfonts.com/" target="_blank">nerd-fonts-complete</a><br>
            <b>misc compatibility:</b><br>
            <a href="https://fonts.google.com/noto" target="_blank" class="idnt">noto-fonts</a><br>
            <a href="https://fonts.google.com/noto" target="_blank" class="idnt">noto-fonts-cjk</a><br>
            <a href="https://fonts.google.com/noto" target="_blank" class="idnt">noto-fonts-emoji</a><br>
            <a href="https://fonts.google.com/noto" target="_blank" class="idnt">noto-fonts-extra</a><br>
            <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><br>
            <a href="https://linrunner.de/tlp/" target="_blank">tlp</a><br>
            <a href="https://github.com/emersion/grim" target="_blank">grim</a> + <a href="https://github.com/emersion/slurp" target="_blank">slurp</a>
          </div>
        </div>
        <div class="col-8">
          <div class="container rounded pic2">
            <img src="media/dracula.png" class="rounded mx-auto d-block desktop img-fluid" alt="dracula desktop">
          </div>
        </div>
      </div>
    </div>
    <div class="container rounded dot-keys">
      <h2 class="text-center">keymappings</h2>
      <h3><a href="https://github.com/kmonad/kmonad" target="_blank">kmonad</a></h3>
      <div class="row">
        <div class="col-7">
          <div class="container rounded block">
            <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>
    <div class="container r5">
      <div class="row">
        <div class="col-3">
          <div class="container rounded zsh">
            <h4>shell & terminal</h4>
            <b>prompt:</b> <a href="https://starship.rs/" target="_blank">starship</a><br>
            <b>zsh plugins:</b><br>
            <a href="https://github.com/zsh-users/zsh-syntax-highlighting" target="_blank">syntax highlighting</a><br>
            <img src="media/highlight.png" class="rounded img-fluid" alt="zsh syntax highlighting"><br>
            <a href="https://github.com/zsh-users/zsh-autosuggestions" target="_blank">autosuggestions</a><br>
            <img src="media/autosuggest.png" class="rounded img-fluid" alt="zsh autosuggestions"><br>
          </div>
        </div>
        <div class="col-3">
          <div class="container rounded nvim">
            <h4>nvim</h4>
            <b>lsp servers:</b><br>
            <a href="https://github.com/hrsh7th/vscode-langservers-extracted" target="_blank">cssls</a>, 
            <a href="https://clangd.llvm.org/installation.html" target="_blank">clangd</a>, 
            <a href="https://github.com/valentjn/ltex-ls" target="_blank">ltex</a>, 
            <a href="https://github.com/python-lsp/python-lsp-server" target="_blank">pylsp</a>, & 
            <a href="https://github.com/hrsh7th/vscode-langservers-extracted" target="_blank">html</a><br>
            <b>nvim plugins:</b><br>
            <a href="https://github.com/norcalli/nvim-colorizer.lua" target="_blank">colorizer</a><br>
            eg. <code class="inline">--yellow: <code style="background-color: #f1fa8c; color: #1e1e2e;">#f1fa8c</code>;</code><br>
            <a href="https://github.com/karb94/neoscroll.nvim.git" target="_blank">smooth scrolling</a><br>
            <a href="https://github.com/nathom/filetype.nvim" target="_blank">filetype</a> - speedy startup<br>
            <a href="https://github.com/easymotion/vim-easymotion" target="_blank">easymotion</a>
          </div>
        </div>
        <div class="col-6">
          <img src="media/zathura.png" class="rounded img-fluid" alt="nord zathura">
        </div>
      </div>
    </div>
    <div style="margin-bottom: 15px;">
      <img src="media/nvim.png" class="rounded img-fluid mx-auto d-block" style="max-width: 90%;">
    </div>
    <div style="margin-bottom: 15px;">
      <img src="media/browser.png" class="rounded img-fluid mx-auto d-block" style="max-width: 90%;">
    </div>
  </body>
</html>