TinyLifeWeb/web/_includes/top.html
2022-09-21 11:46:51 +02:00

31 lines
1.4 KiB
HTML

<div id="top" class="top d-flex justify-content-center align-items-center vh-100">
<div class="top-content">
<img src="media/logo.png" width="100%" height="auto" alt="Tiny Life"></image>
<h4>A fun simulation game where you mess with people's lives</h4>
<div class="container top-container">
<div class="row">
<div class="col site">
<h3>Play the free beta</h3>
<a href="https://ellpeck.itch.io/tiny-life">
<img src="media/itch.png" alt="itch.io" width="200px" height="auto"></image>
</a>
</div>
<div class="col site">
<h3>Wishlist and play</h3>
<a href="https://store.steampowered.com/app/1651490/Tiny_Life/">
<img src="media/steam.png" alt="Steam" width="200px" height="auto"></image>
</a>
</div>
</div>
<a class="link" href="https://twitter.com/TinyLifeGame">Follow on Twitter</a>
<a class="link" href="https://ellpeck.de/discord">Join the Discord</a>
<a class="link" href="https://docs.tinylifegame.com">See Modding Docs</a>
<a class="link" href="https://press.ellpeck.de/tinylife/">Get Press Kit</a>
</div>
</div>
</div>
<script>
$(".top").css("background-position", `${Math.random() * 100}% ${Math.random() * 100}%`);
</script>