aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorjack <[email protected]>2022-03-15 01:27:29 -0600
committerjack <[email protected]>2022-03-15 01:27:29 -0600
commit785264cadf848886e3010f8a6a24bf2dbe2c3e68 (patch)
tree8582ea02a3fef16fccda595148e594c55f077f4b
parent5d25896dad0a7879740891cc05202b367a63f31a (diff)
downloadsite-785264cadf848886e3010f8a6a24bf2dbe2c3e68.tar.gz
site-785264cadf848886e3010f8a6a24bf2dbe2c3e68.zip
more work on dotfiles page
-rw-r--r--dotfiles.html77
-rw-r--r--index.html1
-rw-r--r--style.css48
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>
diff --git a/index.html b/index.html
index beb35cc..3696e00 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/style.css b/style.css
index 54c3089..394c6c7 100644
--- a/style.css
+++ b/style.css
@@ -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;
+}