From bc52703ec0562b14fef68b3c874f67e2872e193c Mon Sep 17 00:00:00 2001
From: Frederick Yin <fkfd@fkfd.me>
Date: Tue, 17 Jan 2023 20:07:38 +0800
Subject: Style: new category icons, fediring icons

---
 alabaster-lite/css/alabaster.css |  29 +++++++++++++++++++++++++----
 docs/img/icons/fediring.kra      | Bin 0 -> 174002 bytes
 docs/img/icons/fediring.png      | Bin 0 -> 11426 bytes
 docs/img/icons/fediring_next.png | Bin 0 -> 6287 bytes
 docs/img/icons/fediring_prev.png | Bin 0 -> 5493 bytes
 docs/img/icons/ham.png           | Bin 8007 -> 11351 bytes
 docs/img/icons/icons.kra         | Bin 249073 -> 362925 bytes
 docs/img/icons/random.png        | Bin 14600 -> 14085 bytes
 docs/img/icons/shitpost.png      | Bin 7254 -> 9629 bytes
 docs/index.md                    |  25 ++++++++++++++++++++-----
 10 files changed, 45 insertions(+), 9 deletions(-)
 create mode 100644 docs/img/icons/fediring.kra
 create mode 100644 docs/img/icons/fediring.png
 create mode 100644 docs/img/icons/fediring_next.png
 create mode 100644 docs/img/icons/fediring_prev.png

diff --git a/alabaster-lite/css/alabaster.css b/alabaster-lite/css/alabaster.css
index e733917..94ad49d 100644
--- a/alabaster-lite/css/alabaster.css
+++ b/alabaster-lite/css/alabaster.css
@@ -583,6 +583,12 @@ div .category-block-container {
   grid-template-columns: 320px 320px;
 }
 
+div .webring-block-container {
+  display: grid;
+  gap: 0px;
+  grid-template-columns: 120px 120px 120px;
+}
+
 @media screen and (max-width: 870px) {
   div .category-block-container {
     display: grid;
@@ -592,12 +598,12 @@ div .category-block-container {
   }
 }
 
-.category-block {
+.category-block, .webring-block {
   display: grid;
   text-align: center;
 }
 
-.category-icon {
+.category-icon, .webring-icon {
   display: block;
   width: 120px;
   height: 120px;
@@ -611,7 +617,7 @@ div .category-block-container {
 }
 
 @media (prefers-color-scheme: dark) {
-  .category-icon {
+  .category-icon, .webring-icon {
     background-color: white;
   }
 }
@@ -621,7 +627,10 @@ div .category-block-container {
   margin-left: 130px;
   margin-top: 40px;
   font-size: 1.5em;
-  font-variant-caps: small-caps;
+}
+
+.webring-text {
+  text-align: center;
 }
 
 #icon-projects {
@@ -654,6 +663,18 @@ div .category-block-container {
   -webkit-mask-image: url("../img/icons/comics.png");
 }
 
+#icon-fediring-prev {
+  mask-image: url("../img/icons/fediring_prev.png");
+}
+
+#icon-fediring {
+  mask-image: url("../img/icons/fediring.png");
+}
+
+#icon-fediring-next {
+  mask-image: url("../img/icons/fediring_next.png");
+}
+
 
 /*
  * basic.css
diff --git a/docs/img/icons/fediring.kra b/docs/img/icons/fediring.kra
new file mode 100644
index 0000000..2917542
Binary files /dev/null and b/docs/img/icons/fediring.kra differ
diff --git a/docs/img/icons/fediring.png b/docs/img/icons/fediring.png
new file mode 100644
index 0000000..a56d426
Binary files /dev/null and b/docs/img/icons/fediring.png differ
diff --git a/docs/img/icons/fediring_next.png b/docs/img/icons/fediring_next.png
new file mode 100644
index 0000000..03575b5
Binary files /dev/null and b/docs/img/icons/fediring_next.png differ
diff --git a/docs/img/icons/fediring_prev.png b/docs/img/icons/fediring_prev.png
new file mode 100644
index 0000000..017f430
Binary files /dev/null and b/docs/img/icons/fediring_prev.png differ
diff --git a/docs/img/icons/ham.png b/docs/img/icons/ham.png
index 4765727..71d4f87 100644
Binary files a/docs/img/icons/ham.png and b/docs/img/icons/ham.png differ
diff --git a/docs/img/icons/icons.kra b/docs/img/icons/icons.kra
index 60cb94c..2f9666e 100644
Binary files a/docs/img/icons/icons.kra and b/docs/img/icons/icons.kra differ
diff --git a/docs/img/icons/random.png b/docs/img/icons/random.png
index aa689c1..19d1d08 100644
Binary files a/docs/img/icons/random.png and b/docs/img/icons/random.png differ
diff --git a/docs/img/icons/shitpost.png b/docs/img/icons/shitpost.png
index 4373a98..a9860c3 100644
Binary files a/docs/img/icons/shitpost.png and b/docs/img/icons/shitpost.png differ
diff --git a/docs/index.md b/docs/index.md
index dc04219..ab63213 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -56,8 +56,23 @@
 
 ## Fediring
 
-Websites of fellow members on Fediring.
-
-[👈 Previous](https://fediring.net/previous?host=fkfd.me)
-[🪐 Fediring](https://fediring.net/)
-[👉 Next](https://fediring.net/next?host=fkfd.me)
+<div class="webring-block-container">
+    <a href="https://fediring.net/previous?host=fkfd.me">
+        <div class="webring-block">
+            <span class="webring-icon" id="icon-fediring-prev"></span>
+            <span class="webring-text">Prev</span>
+        </div>
+    </a>
+    <a href="https://fediring.net/">
+        <div class="webring-block">
+            <span class="webring-icon" id="icon-fediring"></span>
+            <span class="webring-text">Fediring</span>
+        </div>
+    </a>
+    <a href="https://fediring.net/next?host=fkfd.me">
+        <div class="webring-block">
+            <span class="webring-icon" id="icon-fediring-next"></span>
+            <span class="webring-text">Next</span>
+        </div>
+    </a>
+</div>
-- 
cgit v1.2.3