1 files changed, 84 insertions, 67 deletions

diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index b33fd96..16547d8 100644
--- a/alabaster-lite/css/fkfd.css
+++ b/alabaster-lite/css/fkfd.css
@@ -33,10 +33,25 @@ a:hover {
   color: #206b8b;
 }
 
+a.headerlink {
+  color: #004b6b;
+  margin-left: 0.5em;
+}
+
+a.headerlink:hover {
+  color: #206b8b;
+  background: none;
+}
+
 summary {
   color: #004b6b;
 }
 
+blockquote {
+  padding-left: 20px;
+  border-left: 3px solid #656565;
+}
+
 @media (prefers-color-scheme: dark) {
   a {
     color: #a5c5ff;
@@ -46,28 +61,21 @@ summary {
     color: #cddfff;
   }
 
-  summary {
+  a.headerlink {
     color: #a5c5ff;
   }
-}
 
-a.headerlink {
-  color: #004b6b;
-  margin-left: 0.5em;
-}
-
-a.headerlink:hover {
-  color: #206b8b;
-  background: none;
-}
+  a.headerlink:hover {
+    color: #cddfff;
+  }
 
-@media (prefers-color-scheme: dark) {
-  a.headerlink {
+  summary {
     color: #a5c5ff;
   }
 
-  a.headerlink:hover {
-    color: #cddfff;
+  blockquote {
+    padding-left: 20px;
+    border-left: 3px solid #a5c5ff;
   }
 }
 
@@ -157,7 +165,7 @@ div.footer a {
 /*
  * Custom home page for fkfd.me
  * Created on 2022-12-28
- * Last revision 2023-11-05
+ * Last revision 2024-09-14
  */
 
 .category-block-container {
@@ -244,34 +252,26 @@ div.footer a {
   margin-top: 20px;
 }
 
+/* Category icons */
+
 #icon-projects {
   mask-image: url("../img/icons/projects.png");
   -webkit-mask-image: url("../img/icons/projects.png");
 }
 
+#icon-projects:hover {
+  mask-image: url("../img/icons/projects-hover.png");
+  -webkit-mask-image: url("../img/icons/projects-hover.png");
+}
+
 #icon-random {
   mask-image: url("../img/icons/random.png");
   -webkit-mask-image: url("../img/icons/random.png");
 }
 
-#icon-shitpost {
-  mask-image: url("../img/icons/shitpost.png");
-  -webkit-mask-image: url("../img/icons/shitpost.png");
-}
-
-#icon-ta {
-  mask-image: url("../img/icons/ta.png");
-  -webkit-mask-image: url("../img/icons/ta.png");
-}
-
-#icon-ham {
-  mask-image: url("../img/icons/ham.png");
-  -webkit-mask-image: url("../img/icons/ham.png");
-}
-
-#icon-comics {
-  mask-image: url("../img/icons/comics.png");
-  -webkit-mask-image: url("../img/icons/comics.png");
+#icon-random:hover {
+  mask-image: url("../img/icons/random-hover.png");
+  -webkit-mask-image: url("../img/icons/random-hover.png");
 }
 
 #icon-music {
@@ -279,19 +279,24 @@ div.footer a {
   -webkit-mask-image: url("../img/icons/music.png");
 }
 
+#icon-music:hover {
+  mask-image: url("../img/icons/music-hover.png");
+  -webkit-mask-image: url("../img/icons/music-hover.png");
+}
+
 #icon-umich {
   mask-image: url("../img/icons/umich.png");
   -webkit-mask-image: url("../img/icons/umich.png");
 }
 
-#icon-projects:hover {
-  mask-image: url("../img/icons/projects-hover.png");
-  -webkit-mask-image: url("../img/icons/projects-hover.png");
+#icon-umich:hover {
+  mask-image: url("../img/icons/umich-hover.png");
+  -webkit-mask-image: url("../img/icons/umich-hover.png");
 }
 
-#icon-random:hover {
-  mask-image: url("../img/icons/random-hover.png");
-  -webkit-mask-image: url("../img/icons/random-hover.png");
+#icon-shitpost {
+  mask-image: url("../img/icons/shitpost.png");
+  -webkit-mask-image: url("../img/icons/shitpost.png");
 }
 
 #icon-shitpost:hover {
@@ -299,45 +304,37 @@ div.footer a {
   -webkit-mask-image: url("../img/icons/shitpost-hover.png");
 }
 
-#icon-ta:hover {
-  mask-image: url("../img/icons/ta-hover.png");
-  -webkit-mask-image: url("../img/icons/ta-hover.png");
+#icon-furry {
+  mask-image: url("../img/icons/furry.png");
+  -webkit-mask-image: url("../img/icons/furry.png");
 }
 
-#icon-ham:hover {
-  mask-image: url("../img/icons/ham-hover.png");
-  -webkit-mask-image: url("../img/icons/ham-hover.png");
+#icon-furry:hover {
+  mask-image: url("../img/icons/furry-hover.png");
+  -webkit-mask-image: url("../img/icons/furry-hover.png");
 }
 
-#icon-comics:hover {
-  mask-image: url("../img/icons/comics-hover.png");
-  -webkit-mask-image: url("../img/icons/comics-hover.png");
-}
-
-#icon-music:hover {
-  mask-image: url("../img/icons/music-hover.png");
-  -webkit-mask-image: url("../img/icons/music-hover.png");
+#icon-ta {
+  mask-image: url("../img/icons/ta.png");
+  -webkit-mask-image: url("../img/icons/ta.png");
 }
 
-#icon-umich:hover {
-  mask-image: url("../img/icons/umich-hover.png");
-  -webkit-mask-image: url("../img/icons/umich-hover.png");
+#icon-ta:hover {
+  mask-image: url("../img/icons/ta-hover.png");
+  -webkit-mask-image: url("../img/icons/ta-hover.png");
 }
 
-#icon-fediring-prev {
-  mask-image: url("../img/icons/fediring_prev.png");
-  -webkit-mask-image: url("../img/icons/fediring_prev.png");
+#icon-ham {
+  mask-image: url("../img/icons/ham.png");
+  -webkit-mask-image: url("../img/icons/ham.png");
 }
 
-#icon-fediring {
-  mask-image: url("../img/icons/fediring.png");
-  -webkit-mask-image: url("../img/icons/fediring.png");
+#icon-ham:hover {
+  mask-image: url("../img/icons/ham-hover.png");
+  -webkit-mask-image: url("../img/icons/ham-hover.png");
 }
 
-#icon-fediring-next {
-  mask-image: url("../img/icons/fediring_next.png");
-  -webkit-mask-image: url("../img/icons/fediring_next.png");
-}
+/* Sidebar icons */
 
 #icon-about {
   mask-image: url("../img/icons/about.png");
@@ -363,3 +360,23 @@ div.footer a {
   mask-image: url("../img/icons/x.png");
   -webkit-mask-image: url("../img/icons/x.png");
 }
+
+#icon-comics {
+  mask-image: url("../img/icons/comics.png");
+  -webkit-mask-image: url("../img/icons/comics.png");
+}
+
+#icon-fediring-prev {
+  mask-image: url("../img/icons/fediring_prev.png");
+  -webkit-mask-image: url("../img/icons/fediring_prev.png");
+}
+
+#icon-fediring {
+  mask-image: url("../img/icons/fediring.png");
+  -webkit-mask-image: url("../img/icons/fediring.png");
+}
+
+#icon-fediring-next {
+  mask-image: url("../img/icons/fediring_next.png");
+  -webkit-mask-image: url("../img/icons/fediring_next.png");
+}