~vikanezrimaya/kittybox

a5b58386ce158928a6697ab8179c0a7a773e472d — Vika 1 year, 5 months ago 1b5c344
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.
2 files changed, 27 insertions(+), 1 deletions(-)

M kittybox-rs/templates/assets/style.css
M kittybox-rs/templates/src/mf2.rs
M kittybox-rs/templates/assets/style.css => kittybox-rs/templates/assets/style.css +20 -0
@@ 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;
}

M kittybox-rs/templates/src/mf2.rs => kittybox-rs/templates/src/mf2.rs +7 -1
@@ 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()] {