Allows you to use Mastodon and Bluesky comments on your Lustre blog
hexdocs.pm/chilp/
blog
gleam
lustre
indieweb
mastodon
bluesky
comments
Pin colours for the bluesky apps
+5
-5
+5
-5
src/chilp/widget.gleam
+5
-5
src/chilp/widget.gleam
···
367
367
element.none(),
368
368
)
369
369
}
370
-
html.div([attribute.class("comment-widget px-4")], [
370
+
html.div([attribute.class("comment-widget")], [
371
371
html.div(
372
372
[
373
373
attribute.class(
···
443
443
attribute.href(comment.author_profile_link),
444
444
attribute.class("link link-secondary-content link-sm"),
445
445
],
446
-
[element.text(comment.author_username)],
446
+
[element.text("@" <> comment.author_username)],
447
447
),
448
448
element.text(" • "),
449
449
html.time(
···
571
571
html.span([attribute.class("text-xs mr-2 opacity-50")], [
572
572
element.text("Open in:"),
573
573
]),
574
-
icon_link("Bluesky", "bsky.app", "text-info"),
575
-
icon_link("Blacksky", "blacksky.community", "text-neutral"),
576
-
icon_link("Witchsky", "witchsky.app", "text-secondary"),
574
+
icon_link("Bluesky", "bsky.app", "text-[#006aff] bg-white"),
575
+
icon_link("Blacksky", "blacksky.community", "text-white bg-black"),
576
+
icon_link("Witchsky", "witchsky.app", "text-[#ed5345] bg-white"),
577
577
]),
578
578
])
579
579
}