properly link to the landing page in social section

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

View file

@ -1,16 +1,18 @@
<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>

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;