Allows you to use Mastodon and Bluesky comments on your Lustre blog
hexdocs.pm/chilp/
blog
gleam
lustre
indieweb
mastodon
bluesky
comments
Make that a href
+12
-6
+12
-6
src/chilp.gleam
+12
-6
src/chilp.gleam
···
740
740
741
741
fn view_respond_on_bsky(bskylink: String) -> Element(Msg) {
742
742
let icon_link = fn(label: String, new_base: String, color_class: String) {
743
-
html.button(
743
+
html.a(
744
744
[
745
745
attribute.href(string.replace(bskylink, "bsky.app", new_base)),
746
746
attribute.target("_blank"),
747
-
attribute.class(
748
-
"btn btn-circle btn-sm btn-ghost tooltip " <> color_class,
749
-
),
750
-
attribute.attribute("data-tip", label),
751
747
],
752
748
[
753
-
element.text(string.slice(label, 0, 1)),
749
+
html.button(
750
+
[
751
+
attribute.class(
752
+
"btn btn-circle btn-sm btn-ghost tooltip " <> color_class,
753
+
),
754
+
attribute.attribute("data-tip", label),
755
+
],
756
+
[
757
+
element.text(string.slice(label, 0, 1)),
758
+
],
759
+
),
754
760
],
755
761
)
756
762
}