diff options
author | jack <[email protected]> | 2022-03-20 17:28:28 -0600 |
---|---|---|
committer | jack <[email protected]> | 2022-03-20 17:28:28 -0600 |
commit | 7768b3ed1f21c77d093d8380d6d0e6488afdcab4 (patch) | |
tree | 81fdd2211d25ad760e742704bd76695bbe64eec4 | |
parent | 88d2f1bc775441fd3c82d092d4db6078195a77aa (diff) | |
download | site-7768b3ed1f21c77d093d8380d6d0e6488afdcab4.tar.gz site-7768b3ed1f21c77d093d8380d6d0e6488afdcab4.zip |
"complete" dotfiles page
-rw-r--r-- | dotfiles.html | 56 | ||||
-rw-r--r-- | index.html | 4 | ||||
-rw-r--r-- | kbdconfig.html | 6 | ||||
-rw-r--r-- | keyboards.html | 4 | ||||
-rw-r--r-- | media/autosuggest.png | bin | 0 -> 3820 bytes | |||
-rw-r--r-- | media/browser.png | bin | 0 -> 56903 bytes | |||
-rw-r--r-- | media/highlight.png | bin | 0 -> 5643 bytes | |||
-rw-r--r-- | media/nvim.png | bin | 0 -> 150619 bytes | |||
-rw-r--r-- | media/pusheen_zzz.png | bin | 0 -> 59628 bytes | |||
-rw-r--r-- | media/zathura.png | bin | 0 -> 171941 bytes | |||
-rw-r--r-- | other.html | 4 | ||||
-rw-r--r-- | style.css | 30 |
12 files changed, 97 insertions, 7 deletions
diff --git a/dotfiles.html b/dotfiles.html index f447d42..2972ea4 100644 --- a/dotfiles.html +++ b/dotfiles.html @@ -2,6 +2,10 @@ <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> @@ -18,7 +22,7 @@ <div class="row"> <div class="col-8"> <div class="container rounded pic1"> - <img src="media/nord.png" class="rounded mx-auto d-block desktop" alt="nord desktop"> + <img src="media/nord.png" class="rounded mx-auto d-block desktop img-fluid" alt="nord desktop"> </div> </div> <div class="col-4"> @@ -58,22 +62,23 @@ <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> + <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" alt="dracula desktop"> + <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> - <h4><a href="https://github.com/kmonad/kmonad" target="_blank">kmonad</a></h4> + <h3><a href="https://github.com/kmonad/kmonad" target="_blank">kmonad</a></h3> <div class="row"> <div class="col-7"> - <div class="container rounded kmonad"> + <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") @@ -137,5 +142,46 @@ </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> @@ -2,6 +2,10 @@ <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> diff --git a/kbdconfig.html b/kbdconfig.html index 194b279..13aaa19 100644 --- a/kbdconfig.html +++ b/kbdconfig.html @@ -2,6 +2,10 @@ <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> @@ -10,7 +14,7 @@ <body> <button type="button" onclick="window.location.href='index.html'" class="btn btn4"><i class="fa-solid fa-house"></i>home</button> <img src="media/pusheen_keyboard.webp" alt="pusheen on the computer" class="mx-auto d-block" width="350" height="250"> - <div class="container-fluid c4 text-center border rounded"> + <div class="container-fluid blue text-center border rounded"> <h3>keyboard configurations</h3> <p>features, firmware, & thoughts</p> </div> diff --git a/keyboards.html b/keyboards.html index 93e0dc0..b23bdde 100644 --- a/keyboards.html +++ b/keyboards.html @@ -2,6 +2,10 @@ <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> diff --git a/media/autosuggest.png b/media/autosuggest.png Binary files differnew file mode 100644 index 0000000..3ffc304 --- /dev/null +++ b/media/autosuggest.png diff --git a/media/browser.png b/media/browser.png Binary files differnew file mode 100644 index 0000000..9e56e8a --- /dev/null +++ b/media/browser.png diff --git a/media/highlight.png b/media/highlight.png Binary files differnew file mode 100644 index 0000000..f793af7 --- /dev/null +++ b/media/highlight.png diff --git a/media/nvim.png b/media/nvim.png Binary files differnew file mode 100644 index 0000000..5c696da --- /dev/null +++ b/media/nvim.png diff --git a/media/pusheen_zzz.png b/media/pusheen_zzz.png Binary files differnew file mode 100644 index 0000000..5b76b82 --- /dev/null +++ b/media/pusheen_zzz.png diff --git a/media/zathura.png b/media/zathura.png Binary files differnew file mode 100644 index 0000000..9ddfc56 --- /dev/null +++ b/media/zathura.png @@ -2,6 +2,10 @@ <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> @@ -19,6 +19,7 @@ --green: #abe9b3; --white: #d9e0ee; --gray: #6e6c7e; + --red: #f28fad; } body { @@ -92,6 +93,12 @@ body { max-width: 90%; } +.blue { + background-color: var(--blue); + margin-bottom: 10px; + max-width: 90%; +} + .c3 { background-color: var(--yellow); margin-bottom: 10px; @@ -200,7 +207,7 @@ a:hover { background-color: var(--maroon); } -.kmonad { +.block { max-height: 400px; overflow: auto; background-color: var(--dark); @@ -220,3 +227,24 @@ code { padding-left: 3px; padding-right: 3px; } + +.r5 { + width: 91.5%; + margin-bottom: 15px; +} + +.zsh { + background-color: var(--lavender); + line-height: 180%; + padding-top: 8px; + padding-bottom: 12px; + height: 100%; +} + +.nvim { + background-color: var(--sky); + line-height: 180%; + padding-top: 8px; + padding-bottom: 12px; + height: 100%; +} |