diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css index e28dcce..f00d7a0 100644 --- a/axum_server/styles/output.css +++ b/axum_server/styles/output.css @@ -880,6 +880,14 @@ video { max-width: 440px; } +.max-w-\[444px\] { + max-width: 444px; +} + +.max-w-\[392px\] { + max-width: 392px; +} + .flex-1 { flex: 1 1 0%; } @@ -986,6 +994,10 @@ video { border-radius: 0.375rem; } +.rounded-sm { + border-radius: 0.125rem; +} + .border { border-width: 1px; } diff --git a/axum_server/templates/components/social_card.html b/axum_server/templates/components/social_card.html index fecd6c8..91f0be3 100644 --- a/axum_server/templates/components/social_card.html +++ b/axum_server/templates/components/social_card.html @@ -1,6 +1,6 @@ {% macro social_card_start(svg, heading, img) %} -
+
{% let alt_text = format!("{svg} thumbnail") %} - {{ crate::picture_generator::picture_markup_generator::generate_picture_markup(img, 394, 160, alt_text, Some("h-auto mx-auto"), true).unwrap_or("thumbnail not found".to_string())|safe }} + {{ crate::picture_generator::picture_markup_generator::generate_picture_markup(img, 360, 128, alt_text, Some("h-auto mx-auto rounded-sm"), true).unwrap_or("thumbnail not found".to_string())|safe }}
{% endmacro %} diff --git a/axum_server/templates/sections/social.html b/axum_server/templates/sections/social.html index 642af76..5ffdf7e 100644 --- a/axum_server/templates/sections/social.html +++ b/axum_server/templates/sections/social.html @@ -1,11 +1,11 @@

Socials

-{% call sc::social_card_start("twitch", "I stream (almost) regularly on twitch.tv", "images/social/instagram_plain.png") %} +{% call sc::social_card_start("twitch", "I stream (almost) regularly on twitch.tv", "images/social/twitch_wo.png") %} -{% call sc::social_card_start("tiktok", "Highlights can be found on TikTok", "images/social/instagram_plain.png") %} +{% call sc::social_card_start("tiktok", "Highlights can be found on TikTok", "images/social/tiktok_wo.png") %} -{% call sc::social_card_start("youtube", "Vlogs and highlights can be found on YouTube", "images/social/instagram_plain.png") %} +{% call sc::social_card_start("youtube", "Videos and vlogs posted on YouTube", "images/social/youtube_wo.png") %}
{% call sc::social_card_start("instagram", "Photos and stories shared on Instagram", "images/social/instagram_plain.png") %} diff --git a/static/images/social/tiktok_wo.png b/static/images/social/tiktok_wo.png new file mode 100644 index 0000000..076c180 --- /dev/null +++ b/static/images/social/tiktok_wo.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b09978482d1cb4109c1db7128b6996b74a5b114e0286eab3706d81827af968dc +size 44068 diff --git a/static/images/social/tiktok_wo.xcf b/static/images/social/tiktok_wo.xcf new file mode 100644 index 0000000..67657ac Binary files /dev/null and b/static/images/social/tiktok_wo.xcf differ diff --git a/static/images/social/twitch_wo.png b/static/images/social/twitch_wo.png new file mode 100644 index 0000000..59a50ab --- /dev/null +++ b/static/images/social/twitch_wo.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f5262c3f5c30e38231acdf82681d6ec558bc9831a4bd3dc5f29a94fea5322cd0 +size 13156 diff --git a/static/images/social/twitch_wo.xcf b/static/images/social/twitch_wo.xcf new file mode 100644 index 0000000..250860d Binary files /dev/null and b/static/images/social/twitch_wo.xcf differ diff --git a/static/images/social/youtube_wo.png b/static/images/social/youtube_wo.png new file mode 100644 index 0000000..a1994b4 --- /dev/null +++ b/static/images/social/youtube_wo.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8a8e538a7c151a41d5d7f5241da80eae7e69ac47fbf7129d9612594304fa46ef +size 41883 diff --git a/static/images/social/youtube_wo.xcf b/static/images/social/youtube_wo.xcf new file mode 100644 index 0000000..b64d1bb Binary files /dev/null and b/static/images/social/youtube_wo.xcf differ