added social section

web/_includes/indexnav.html

@@ -1,3 +1,4 @@
 <a class="nav-item nav-link" href="#about">About</a>
+<a class="nav-item nav-link" href="#social">Social</a>
 <a class="nav-item nav-link" href="#devlogs">Devlogs</a>
 <a class="nav-item nav-link" href="#roadmap">Roadmap</a>

web/_includes/social.html

@@ -0,0 +1,17 @@
+<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. You can also join the Discord to ask questions or share your gameplay!
+    </p>
+
+    <div class="row justify-content-center">
+        <div class="col-auto">
+            <a class="twitter-timeline" href="https://twitter.com/TinyLifeGame" width="400" height="650"></a>
+            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+        </div>
+        <div class="col-auto">
+            <iframe id="discord-widget" title="Ellpeck Games Discord server" width="400" height="650" allowtransparency="true" frameborder="0" src="https://discordapp.com/widget?id=181435613147430913&theme=light"></iframe>
+        </div>
+    </div>
+
+</div>

web/index.html

@@ -7,5 +7,6 @@ summary: A fun simulation game where you mess with people's lives
 
 {% include top.html %}
 {% include about.html %}
+{% include social.html %}
 {% include devlogs.html %}
 {% include roadmap.html %}