diff options
| author | Vika <vika@fireburn.ru> | 2023-01-22 07:26:34 +0300 |
|---|---|---|
| committer | Vika <vika@fireburn.ru> | 2023-01-22 07:26:34 +0300 |
| commit | a5b58386ce158928a6697ab8179c0a7a773e472d (patch) | |
| tree | bb3284891b1ee4a6e1db2ac7213cc3dc93a5a9cc /kittybox-rs/templates | |
| parent | 1b5c3442744ae34e5bf3966ddf433bdebab834fd (diff) | |
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.
Diffstat (limited to 'kittybox-rs/templates')
| -rw-r--r-- | kittybox-rs/templates/assets/style.css | 20 | ||||
| -rw-r--r-- | kittybox-rs/templates/src/mf2.rs | 8 |
2 files changed, 27 insertions, 1 deletions
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()] { |