From 35069bf3ab056291165040e4826948ca946a58e0 Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Tue, 31 May 2022 21:59:34 +0200
Subject: [PATCH] added social section

---
 web/_includes/indexnav.html |  1 +
 web/_includes/social.html   | 17 +++++++++++++++++
 web/index.html              |  1 +
 3 files changed, 19 insertions(+)
 create mode 100644 web/_includes/social.html

diff --git a/web/_includes/indexnav.html b/web/_includes/indexnav.html
index f734429..4c6ee57 100644
--- a/web/_includes/indexnav.html
+++ b/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>
\ No newline at end of file
diff --git a/web/_includes/social.html b/web/_includes/social.html
new file mode 100644
index 0000000..bf401d8
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/web/index.html b/web/index.html
index e276bfa..a53b5ef 100644
--- a/web/index.html
+++ b/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 %}
\ No newline at end of file