From 697a607d53df29d23cbf495cf685c057f119f25b Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Wed, 28 Jun 2023 19:42:43 +0200
Subject: [PATCH] properly link to the landing page in social section

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

diff --git a/web/_includes/social.html b/web/_includes/social.html
index 91e9661..884f87d 100644
--- a/web/_includes/social.html
+++ b/web/_includes/social.html
@@ -1,20 +1,22 @@
 <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 Twitter or subscribe to the mailing list below. You can also <a href="https://link.tinylifegame.com/discordweb">join the Discord</a> 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 Twitter 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 <a href="https://twitter.com/TinyLifeGame">view on 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"></iframe>
+            <span class="social-bottom">Or check out <a href="https://link.tinylifegame.com/discordweb">the landing page</a></span>
         </div>
 
         <script>
-            let theme = darkTheme ? "dark" :"light";
+            let theme = darkTheme ? "dark" : "light";
             $("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);
             $(".twitter-timeline").attr("data-theme", theme);
         </script>
diff --git a/web/style.css b/web/style.css
index b40260f..6dba852 100644
--- a/web/style.css
+++ b/web/style.css
@@ -174,6 +174,14 @@ pre.highlight {
     border-radius: 5px;
 }
 
+.social-bottom {
+    display: block;
+    margin-top: 10px;
+    width: 100%;
+    text-align: center;
+    font-style: italic;
+}
+
 body.dark-mode {
     color: #d8d8d8;
     background-color: #1b1b1b;