diff options
author | jack <[email protected]> | 2022-03-15 01:27:29 -0600 |
---|---|---|
committer | jack <[email protected]> | 2022-03-15 01:27:29 -0600 |
commit | 785264cadf848886e3010f8a6a24bf2dbe2c3e68 (patch) | |
tree | 8582ea02a3fef16fccda595148e594c55f077f4b | |
parent | 5d25896dad0a7879740891cc05202b367a63f31a (diff) | |
download | site-785264cadf848886e3010f8a6a24bf2dbe2c3e68.tar.gz site-785264cadf848886e3010f8a6a24bf2dbe2c3e68.zip |
more work on dotfiles page
-rw-r--r-- | dotfiles.html | 77 | ||||
-rw-r--r-- | index.html | 1 | ||||
-rw-r--r-- | style.css | 48 |
3 files changed, 81 insertions, 45 deletions
diff --git a/dotfiles.html b/dotfiles.html index f010602..6e3a0d5 100644 --- a/dotfiles.html +++ b/dotfiles.html @@ -14,55 +14,56 @@ <h3>dotfiles</h3> <p>linux configuration files & notes</p> </div> - <div class="container blue rounded desktop-cont"> + <div class="container dot-r1"> <div class="row"> <div class="col-8"> - <img src="media/nord.png" class="rounded float-left desktop" alt="nord desktop"> + <div class="container rounded pic1"> + <img src="media/nord.png" class="rounded mx-auto d-block desktop" alt="nord desktop"> + </div> </div> <div class="col-4"> - <h2 class="text-center"><a href="https://github.com/waffle87/dots" target="_blank">nord</a></h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. Proin tristique semper varius. Quisque a placerat leo. Praesent tincidunt nec arcu eget egestas. Vestibulum tristique metus ut odio posuere ultrices. - Donec id velit eget lacus euismod ornare eu ac leo. - </p> - <br> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. Proin tristique semper varius. Quisque a placerat leo. Praesent tincidunt nec arcu eget egestas. Vestibulum tristique metus ut odio posuere ultrices. - Donec id velit eget lacus euismod ornare eu ac leo. - </p> - <br> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. Proin tristique semper varius. Quisque a placerat leo. Praesent tincidunt nec arcu eget egestas. Vestibulum tristique metus ut odio posuere ultrices. - </p> + <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 lav rounded desktop-cont"> + <div class="container dot-r1"> <div class="row"> <div class="col-4"> - <h2 class="text-center"><a href="https://github.com/waffle87/dots/tree/pluto" target="_blank">dracula</a></h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. Proin tristique semper varius. Quisque a placerat leo. Praesent tincidunt nec arcu eget egestas. Vestibulum tristique metus ut odio posuere ultrices. - Donec id velit eget lacus euismod ornare eu ac leo. - </p> - <br> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. Proin tristique semper varius. Quisque a placerat leo. Praesent tincidunt nec arcu eget egestas. Vestibulum tristique metus ut odio posuere ultrices. - Donec id velit eget lacus euismod ornare eu ac leo. - </p> - <br> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla commodo est a posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per - inceptos himenaeos. - </p> + <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> + </div> </div> <div class="col-8"> - <img src="media/dracula.png" class="rounded float-right desktop" alt="dracula desktop"> + <div class="container rounded pic2"> + <img src="media/dracula.png" class="rounded mx-auto d-block desktop" alt="dracula desktop"> + </div> </div> </div> </div> @@ -6,6 +6,7 @@ <link rel="stylesheet" href="style.css"> <script src="https://kit.fontawesome.com/4cff2376d1.js" crossorigin="anonymous"></script> <title>waffle87</title> + <style>a { text-decoration: none; }</style> </head> <body> <button type="button" onclick="window.location.href='index.html'" class="btn btn1"><i class="fa-solid fa-house"></i>home</button> @@ -16,6 +16,7 @@ --maroon: #e8a2af; --gray: #988ba2; --mauve: #ddb6f2; + --green: #abe9b3; } body { @@ -95,12 +96,6 @@ body { max-width: 90%; } -.blue { - background-color: var(--blue); - margin-bottom: 10px; - max-width: 90%; -} - .c5 { /*3d printing*/ background-color: var(--maroon); margin-bottom: 10px; @@ -136,7 +131,6 @@ i { margin-right: 5px; } -a { text-decoration: none; } a:link { color: var(--dark); } a:visited { color: var(--dark); } a:hover { @@ -156,3 +150,43 @@ a:hover { padding-bottom: 14px; margin-bottom: 15px; } + +.pic1 { + background-color: var(--blue); + padding-top: 12px; + padding-bottom: 12px; + height: 100%; +} + +.tools { + line-height: 170%; + background-color: var(--green); + padding-top: 6px; + margin-left: -10px; + height: 100%; + width: 102.3%; +} + +.dot-r1 { + max-width: 91.5%; + margin-bottom: 15px; +} + +.sys-info { + line-height: 170%; + background-color: var(--yellow); + padding-top: 6px; + height: 100%; + width: 102.3%; +} + +.pic2 { + background-color: var(--mauve); + padding-top: 12px; + padding-bottom: 12px; + height: 100%; +} + +.idnt { + text-indent: 20px; +} |