Add Twitter, Discord, Mastodon, and Matrix social links (#224)

_data/community.yml

@@ -13,7 +13,3 @@
 - name: Servers
   url: /servers/
   icon: servers.svg
-
-- name: Reddit
-  url: https://reddit.com/r/minetest
-  icon: reddit.png

_data/social.yml

@@ -0,0 +1,19 @@
+- name: Matrix
+  url: https://matrix.to/#/+minetest:tchncs.de
+  icon: matrix.png
+
+- name: Mastodon
+  url: https://fosstodon.org/@minetest
+  icon: mastodon.png
+
+- name: Twitter
+  url: https://twitter.com/MinetestProject
+  icon: twitter.png
+
+- name: Discord
+  url: https://discord.gg/6W84ytH
+  icon: discord.png
+
+- name: Reddit
+  url: https://reddit.com/r/minetest
+  icon: reddit.png

_includes/footer.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="columns is-multiline">
 
-      <div class="column is-6 is-3-desktop">
+      <div class="column is-6-mobile">
         <h5 class="footer-title">Minetest</h5>
         <ul class="list-unstyled">
           <li><a href="{{ '/#features' | relative_url }}">Features</a></li>
@@ -13,7 +13,7 @@
         </ul>
       </div>
 
-      <div class="column is-6 is-3-desktop">
+      <div class="column is-6-mobile">
         <h5 class="footer-title">Content</h5>
         <ul class="list-unstyled">
           <li><a href="https://content.minetest.net">ContentDB</a></li>
@@ -23,18 +23,28 @@
         </ul>
       </div>
 
-      <div class="column is-6 is-3-desktop">
+      <div class="column is-6-mobile">
         <h5 class="footer-title">Community</h5>
         <ul class="list-unstyled">
           <li><a href="https://forum.minetest.net">Forums</a></li>
           <li><a href="https://wiki.minetest.net/IRC">IRC</a></li>
           <li><a href="{{ '/servers/' | relative_url }}">Servers</a></li>
           <li><a href="https://wiki.minetest.net">Player Wiki</a></li>
+        </ul>
+      </div>
+
+      <div class="column is-6-mobile">
+        <h5 class="footer-title">Social</h5>
+        <ul class="list-unstyled">
+          <li><a href="https://matrix.to/#/+minetest:tchncs.de">Matrix</a></li>
+          <li><a href="https://fosstodon.org/@minetest" rel="me">Mastodon</a></li>
+          <li><a href="https://twitter.com/MinetestProject">Twitter</a></li>
+          <li><a href="https://discord.gg/6W84ytH">Discord</a></li>
           <li><a href="https://reddit.com/r/minetest/">Subreddit</a></li>
         </ul>
       </div>
 
-      <div class="column is-6 is-3-desktop">
+      <div class="column is-6-mobile">
         <h5 class="footer-title">Development</h5>
         <ul class="list-unstyled">
           <li><a href="https://github.com/minetest/minetest">GitHub</a></li>

get-involved.html

@@ -16,9 +16,11 @@ redirect_from:
 
 <section class="section">
   <div class="container">
-    <div class="columns is-centered iconlist">
-      {% for link in site.data.community %}
-      <a class="column has-text-centered no-underline hover-enlarge" href="{{ link.url }}">
+    {% assign rows = "community,social" | split: "," %}
+    {% for row in rows %}
+    <div class="columns is-variable is-8 is-centered iconlist">
+      {% for link in site.data[row] %}
+      <a class="column is-narrow has-text-centered no-underline hover-enlarge" href="{{ link.url }}">
         <div class="image">
           <img src="{{ '/media/logos/' | append: link.icon | relative_url }}" alt="{{ link.name }} logo">
         </div>
@@ -26,6 +28,7 @@ redirect_from:
       </a>
       {% endfor %}
     </div>
+    {% endfor %}
   </div>
 </section>