Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-05-15 20:48:45 +02:00
Code Issues Projects Releases Wiki Activity

properly link to the landing page in social section

Browse source
This commit is contained in:
Ell 2023-06-28 19:42:43 +02:00
parent e27a1eb4ab
commit 697a607d53
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/_includes/social.html
View file

@ -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>

8
web/style.css
View file

@ -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;