2 files changed, 27 insertions(+), 1 deletions(-)

M kittybox-rs/templates/assets/style.css
M kittybox-rs/templates/src/mf2.rs

@@ 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;
+}

@@ 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()] {