index: New category: furry, move comics into sidebar

10 files changed, 45 insertions, 26 deletions

diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css
index f5ad007..2343205 100644
--- a/alabaster-lite/css/alabaster.css
+++ b/alabaster-lite/css/alabaster.css
@@ -336,7 +336,7 @@ dl dd {
 }
 
 blockquote {
-    margin: 0 0 0 30px;
+    margin: 0 0 0 10px;
     padding: 0;
 }
 
@@ -353,7 +353,7 @@ pre {
 
 dl pre, blockquote pre, li pre {
     margin-left: 0;
-    padding-left: 30px;
+    padding-left: 10px;
 }
 
 dl dl pre {
diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index b33fd96..2ddb1ac 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-06
  */
 
 .category-block-container {
@@ -284,6 +292,11 @@ div.footer a {
   -webkit-mask-image: url("../img/icons/umich.png");
 }
 
+#icon-furry {
+  mask-image: url("../img/icons/furry.png");
+  -webkit-mask-image: url("../img/icons/furry.png");
+}
+
 #icon-projects:hover {
   mask-image: url("../img/icons/projects-hover.png");
   -webkit-mask-image: url("../img/icons/projects-hover.png");
@@ -309,11 +322,6 @@ div.footer a {
   -webkit-mask-image: url("../img/icons/ham-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");
@@ -324,6 +332,11 @@ div.footer a {
   -webkit-mask-image: url("../img/icons/umich-hover.png");
 }
 
+#icon-furry:hover {
+  mask-image: url("../img/icons/furry-hover.png");
+  -webkit-mask-image: url("../img/icons/furry-hover.png");
+}
+
 #icon-fediring-prev {
   mask-image: url("../img/icons/fediring_prev.png");
   -webkit-mask-image: url("../img/icons/fediring_prev.png");
diff --git a/alabaster-lite/sidebars/links.html b/alabaster-lite/sidebars/links.html
index a3ed869..192c68c 100644
--- a/alabaster-lite/sidebars/links.html
+++ b/alabaster-lite/sidebars/links.html
@@ -29,6 +29,12 @@
             <span class="link-text">~x</span>
         </div>
     </a>
+    <a href="/comics/">
+        <div class="link-block">
+            <span class="link-icon" id="icon-comics"></span>
+            <span class="link-text">Comics</span>
+        </div>
+    </a>
 </div>
 
 <div class="webring-block-container">
diff --git a/docs/img/icons/about.png b/docs/img/icons/about.png
index 4043190..a476840 100644
--- a/docs/img/icons/about.png
+++ b/docs/img/icons/about.png
diff --git a/docs/img/icons/comics-hover.png b/docs/img/icons/comics-hover.png
deleted file mode 100644
index dab498e..0000000
--- a/docs/img/icons/comics-hover.png
+++ /dev/null
diff --git a/docs/img/icons/comics.png b/docs/img/icons/comics.png
index 03a9904..dab498e 100644
--- a/docs/img/icons/comics.png
+++ b/docs/img/icons/comics.png
diff --git a/docs/img/icons/furry-hover.png b/docs/img/icons/furry-hover.png
new file mode 100644
index 0000000..76433ac
--- /dev/null
+++ b/docs/img/icons/furry-hover.png
diff --git a/docs/img/icons/furry.png b/docs/img/icons/furry.png
new file mode 100644
index 0000000..d1432df
--- /dev/null
+++ b/docs/img/icons/furry.png
diff --git a/docs/img/icons/icons.kra b/docs/img/icons/icons.kra
index 2ae1d92..14b505e 100644
--- a/docs/img/icons/icons.kra
+++ b/docs/img/icons/icons.kra
diff --git a/docs/index.md b/docs/index.md
index 18515c3..4ee292c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -38,10 +38,10 @@ title: Home
             <span class="category-text">Shitpost</span>
         </div>
     </a>
-    <a href="comics/">
+    <a href="furry/">
         <div class="category-block">
-            <span class="category-icon" id="icon-comics"></span>
-            <span class="category-text">Comics</span>
+            <span class="category-icon" id="icon-furry"></span>
+            <span class="category-text">Furry</span>
         </div>
     </a>
     <a href="ta/">