added tiny life site

2021-05-28 22:03:29 +02:00 · 2021-05-28 22:03:29 +02:00 · e2f202efbd
commit e2f202efbd
parent 82b46f9317
8 changed files with 101 additions and 0 deletions
--- a/tinylife/favicon.ico
+++ b/tinylife/favicon.ico
--- a/tinylife/index.html
+++ b/tinylife/index.html
@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Tiny Life</title>
+    <meta name="author" content="Ellpeck">
+    <meta name="description" content="A fun simulation game where you mess with people's lives">
+    <meta name="keywords" content="Ellpeck, Tiny Life, Steam, itch, itch.io, Sandbox, Life Simulator, Simulator, Sim, Isometric, Pixelart, Pixel Art, Retro">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" href="favicon.ico">
+
+    <meta property="og:title" content="Tiny Life">
+    <meta property="og:description" content="A fun simulation game where you mess with people's lives">
+    <meta property="og:image" content="https://ellpeck.de/tinylife/media/icon.png">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@Ellpeck">
+    <meta name="twitter:creator" content="@Ellpeck">
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XC0W9LJMCJ"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+        gtag('js', new Date());
+        gtag('config', 'G-XC0W9LJMCJ');
+    </script>
+</head>
+
+<body>
+    <div class="d-flex justify-content-md-center align-items-center vh-100">
+        <div class="main">
+            <image 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">
+                <div class="row">
+                    <div class="col site">
+                        <h2>Get the free alpha</h2>
+                        <a href="https://ellpeck.itch.io/tiny-life">
+                            <image src="media/itch.png" alt="itch.io" width="200px" height="auto"></image>
+                        </a>
+                    </div>
+                    <div class="col site">
+                        <h2>Wishlist the game</h2>
+                        <a href="">
+                            <image src="media/steam.png" alt="Steam" width="200px" height="auto"></image>
+                        </a>
+                        <p><em>Coming soon</em></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <p class="footer"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2021 Ellpeck</a> &ndash; <a href="https://ellpeck.de/#impressum">Impressum</a> &ndash; <a href="https://ellpeck.de/#privacy">Privacy</a></p>
+</body>
+
+</html>
--- a/tinylife/media/background.png
+++ b/tinylife/media/background.png
--- a/tinylife/media/icon.png
+++ b/tinylife/media/icon.png
--- a/tinylife/media/itch.png
+++ b/tinylife/media/itch.png
--- a/tinylife/media/logo.png
+++ b/tinylife/media/logo.png
--- a/tinylife/media/steam.png
+++ b/tinylife/media/steam.png
--- a/tinylife/style.css
+++ b/tinylife/style.css
@ -0,0 +1,31 @@
+body {
+    background-image: url("media/background.png");
+    background-repeat: repeat;
+}
+
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    color: white;
+    text-align: center;
+}
+
+.footer a {
+    color: white;
+}
+
+.main {
+    text-align: center;
+    color: white;
+}
+
+.site {
+    padding: 20px;
+}
+
+.container {
+    padding-top: 60px;
+    padding-bottom: 160px;
+}