From 47c94a224bfe1dff0d3086c105e061d3eebd4fbe Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Fri, 15 Nov 2024 13:58:01 +0100
Subject: [PATCH] replace the twitter embed with bsky

---
 web/_includes/social.html | 10 ++++++----
 web/style.css             |  4 ----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/web/_includes/social.html b/web/_includes/social.html
index fd68cdc..e1a5a1a 100644
--- a/web/_includes/social.html
+++ b/web/_includes/social.html
@@ -1,14 +1,16 @@
 <div class="section">
     <h1 id="social">🔗 Social</h1>
     <p>
-        If you want to stay up to date with Tiny Life's development, you should follow the game on <a href="https://twitter.com/TinyLifeGame">Twitter</a> or <a href="https://bsky.app/profile/tinylifegame.bsky.social">Bluesky</a> or subscribe to the mailing list below. You can also join the Discord to ask questions or share your gameplay!
+        If you want to stay up to date with Tiny Life's development, you should follow the game on <a href="https://bsky.app/profile/tinylifegame.bsky.social">Bluesky</a> or <a href="https://twitter.com/TinyLifeGame">Twitter</a> or subscribe to the mailing list below. You can also join the Discord to ask questions or share your gameplay!
     </p>
 
     <div class="row justify-content-center socials">
         <div class="col-auto" style="padding: 10px;">
-            <a class="twitter-timeline" href="https://twitter.com/TinyLifeGame" width="350" height="600"></a>
-            <script defer src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-            <span class="social-bottom">Or view on <a href="https://twitter.com/TinyLifeGame">Twitter</a> or <a href="https://bsky.app/profile/tinylifegame.bsky.social">Bluesky</a></span>
+            <div style="width: 350px; height: 600px; overflow: scroll;">
+                <script src="https://cdn.jsdelivr.net/npm/bsky-embed/dist/bsky-embed.es.js" async></script>
+                <bsky-embed username="tinylifegame.bsky.social" mode="dark" limit="10" load-more="true"></bsky-embed>
+            </div>
+            <span class="social-bottom">Or view on <a href="https://bsky.app/profile/tinylifegame.bsky.social">Bluesky</a> or <a href="https://twitter.com/TinyLifeGame">Twitter</a></span>
         </div>
         <div class="col-auto" style="padding: 10px;">
             <iframe id="discord-widget" title="Ellpeck Games Discord server" width="350" height="600" allowtransparency="true" frameborder="0" style="display: block;"></iframe>
diff --git a/web/style.css b/web/style.css
index c69e053..71bf8f6 100644
--- a/web/style.css
+++ b/web/style.css
@@ -244,10 +244,6 @@ a:visited.wide-link {
     font-style: italic;
 }
 
-.twitter-timeline iframe {
-    height: 600px !important;
-}
-
 .review {
     margin-top: 20px;
     margin-bottom: 20px;