From a5b58386ce158928a6697ab8179c0a7a773e472d Mon Sep 17 00:00:00 2001
From: Vika <vika@fireburn.ru>
Date: Sun, 22 Jan 2023 07:26:34 +0300
Subject: Add rainbow hearts on like posts

A cute little easter-egg from an old version of my site, now available
all year round, because I'm sick of hiding my true self.
---
 kittybox-rs/templates/assets/style.css | 20 ++++++++++++++++++++
 kittybox-rs/templates/src/mf2.rs       |  8 +++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/kittybox-rs/templates/assets/style.css b/kittybox-rs/templates/assets/style.css
index a8ef6e4..b46dbf8 100644
--- a/kittybox-rs/templates/assets/style.css
+++ b/kittybox-rs/templates/assets/style.css
@@ -199,3 +199,23 @@ article.h-card img.u-photo {
     margin: 1.25rem;
     padding: .75rem;
 }
+
+/* Rainbow hearts */
+/* TODO make toggleable by splitting into separate CSS file */
+@counter-style rainbow-hearts {
+    system: cyclic;
+    symbols: "❤️" "🧡" "💛" "💚" "💙" "💜";
+}
+body {
+    counter-reset: like-icons;
+}
+span.like-icon::before {
+    counter-increment: like-icons;
+    content: "" counter(like-icons, rainbow-hearts);
+}
+span.like-icon-label {
+    display: none;
+}
+ul.h-feed {
+    list-style: none;
+}
diff --git a/kittybox-rs/templates/src/mf2.rs b/kittybox-rs/templates/src/mf2.rs
index 67d1f87..fd7eb1e 100644
--- a/kittybox-rs/templates/src/mf2.rs
+++ b/kittybox-rs/templates/src/mf2.rs
@@ -41,7 +41,13 @@ markup::define! {
                     }
                 }
                 @if let Some(likeof) = post["properties"]["like-of"][0].as_str() {
-                    " ❤️ "
+                    " "
+                    span."like-icon"["aria-label"="liked"] {
+                        span."like-icon-label"["aria-hidden"="true"] {
+                            "❤️"
+                        }
+                    }
+                    " "
                     a."u-like-of"[href=likeof] { @likeof }
                 } else if let Some(likeof) = post["properties"]["like-of"][0].as_object() {
                     a."u-like-of"[href=likeof["properties"]["url"][0].as_str().unwrap()] {
-- 
cgit 1.4.1