Ellpeck/TinyLifeWeb
1
0
Fork 0
mirror of https://github.com/Ellpeck/TinyLifeWeb.git synced 2024-12-21 14:29:23 +01:00
Code Issues Projects Releases Wiki Activity

replace the twitter embed with bsky

Browse source
This commit is contained in:
Ell 2024-11-15 13:58:01 +01:00
parent 9f2e38085f
commit 47c94a224b
2 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/_includes/social.html
View file

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

4
web/style.css
View file

@ -244,10 +244,6 @@ a:visited.wide-link {
font-style: italic;
}
.twitter-timeline iframe {
height: 600px !important;
}
.review {
margin-top: 20px;
margin-bottom: 20px;