From 9d52a80558bf83ff0bcf7ff6d037c9c42dcca49a Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Sat, 25 Nov 2023 18:03:47 -0500
Subject: Different category icons on hover

---
 alabaster-lite/css/fkfd.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

(limited to 'alabaster-lite/css')

diff --git a/alabaster-lite/css/fkfd.css b/alabaster-lite/css/fkfd.css
index 0ef12f5..b617fee 100644
--- a/alabaster-lite/css/fkfd.css
+++ b/alabaster-lite/css/fkfd.css
@@ -272,3 +272,43 @@ div.footer a {
   mask-image: url("../img/icons/fediring_next.png");
   -webkit-mask-image: url("../img/icons/fediring_next.png");
 }
+
+#icon-projects:hover {
+  mask-image: url("../img/icons/projects-hover.png");
+  -webkit-mask-image: url("../img/icons/projects-hover.png");
+}
+
+#icon-random:hover {
+  mask-image: url("../img/icons/random-hover.png");
+  -webkit-mask-image: url("../img/icons/random-hover.png");
+}
+
+#icon-shitpost:hover {
+  mask-image: url("../img/icons/shitpost-hover.png");
+  -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-ham:hover {
+  mask-image: url("../img/icons/ham-hover.png");
+  -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");
+}
+
+#icon-umich:hover {
+  mask-image: url("../img/icons/umich-hover.png");
+  -webkit-mask-image: url("../img/icons/umich-hover.png");
+}
-- 
cgit v1.2.3