From 158d9a262224902656cbd3a76b7ea96ba81e0464 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Mon, 29 Jul 2019 18:49:44 +0100
Subject: [PATCH] Improve "Get Involved" layout (#176)

---
 _data/community.yml     |  19 ++
 _includes/footer.html   |   7 +-
 _sass/_base.scss        |  26 +-
 get-involved.html       | 571 ++++++++++++++++++++--------------------
 media/logos/forum.svg   |   1 +
 media/logos/github.png  | Bin 0 -> 4268 bytes
 media/logos/irc.svg     |   1 +
 media/logos/reddit.png  | Bin 0 -> 4073 bytes
 media/logos/servers.svg |   1 +
 media/logos/wiki.svg    |   1 +
 10 files changed, 340 insertions(+), 287 deletions(-)
 create mode 100644 _data/community.yml
 create mode 100644 media/logos/forum.svg
 create mode 100644 media/logos/github.png
 create mode 100644 media/logos/irc.svg
 create mode 100644 media/logos/reddit.png
 create mode 100644 media/logos/servers.svg
 create mode 100644 media/logos/wiki.svg

diff --git a/_data/community.yml b/_data/community.yml
new file mode 100644
index 0000000..1305f77
--- /dev/null
+++ b/_data/community.yml
@@ -0,0 +1,19 @@
+- name: Wiki
+  url: https://wiki.minetest.net
+  icon: wiki.svg
+
+- name: Forum
+  url: https://forum.minetest.net
+  icon: forum.svg
+
+- name: IRC
+  url: https://wiki.minetest.net/IRC
+  icon: irc.svg
+
+- name: Servers
+  url: /servers/
+  icon: servers.svg
+
+- name: Reddit
+  url: https://reddit.com/r/minetest
+  icon: reddit.png
diff --git a/_includes/footer.html b/_includes/footer.html
index e3c4909..c1c766c 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -28,7 +28,7 @@
         <h5 class="footer-title">Community</h5>
         <ul class="list-unstyled">
           <li><a href="https://forum.minetest.net">Forums</a></li>
-          <li><a href="/get-involved/#internet-relay-chat">IRC</a></li>
+          <li><a href="https://wiki.minetest.net/IRC">IRC</a></li>
           <li><a href="/servers/">Servers</a></li>
           <li><a href="https://wiki.minetest.net">Player Wiki</a></li>
           <li><a href="https://reddit.com/r/minetest/">Subreddit</a></li>
@@ -39,7 +39,7 @@
         <h5 class="footer-title">Development</h5>
         <ul class="list-unstyled">
           <li><a href="https://github.com/minetest/minetest">Github</a></li>
-          <li><a href="/get-involved/#internet-relay-chat">#minetest-dev on Freenode IRC</a></li>
+          <li><a href="https://wiki.minetest.net/IRC">#minetest-dev on Freenode IRC</a></li>
           <li><a href="https://dev.minetest.net">Developer Wiki</a></li>
           <li><a href="https://minetest.net/lua_api/">Lua API</a></li>
           <li><a href="/get-involved/#donate">Donate</a></li>
@@ -51,7 +51,8 @@
 
   <div class="footer-copyright">
     © 2015-{{ site.time | date: '%Y' }} The Minetest Team.
+    <a href="https://github.com/minetest/minetest.github.io">Source</a><br />
     MIT for code, CC-BY-SA 3.0 for media and content.
-    <a href="https://github.com/minetest/minetest.github.io">Source</a>
+    Font Awesome icons under <a href="https://fontawesome.com/license">CC-BY 4.0</a>.
   </div>
 </footer>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 4b81997..acd538e 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -20,7 +20,7 @@
   }
 }
 
-a:not(.navbar-item) {
+a:not(.navbar-item, .no-underline) {
   border-bottom: 1px solid transparentize($primary, 0.75);
 
   &:hover {
@@ -32,6 +32,16 @@ a:not(.navbar-item) {
   }
 }
 
+.hover-enlarge {
+  transition: transform 200ms ease;
+  cursor: pointer;
+
+  &:hover {
+    transform: scale(1.1, 1.1);
+    z-index: 2;
+  }
+}
+
 .title {
   font-weight: $weight-semibold;
 }
@@ -43,3 +53,17 @@ a:not(.navbar-item) {
   text-align: center;
   margin-bottom: 3rem;
 }
+
+.iconlist {
+  .image {
+    width: 100px;
+    height: 120px;
+    padding: 10px 0;
+    margin: auto;
+  }
+
+  img {
+    max-width: 100px;
+    max-height: 100px;
+  }
+}
diff --git a/get-involved.html b/get-involved.html
index da1001f..f00109b 100644
--- a/get-involved.html
+++ b/get-involved.html
@@ -16,290 +16,295 @@ redirect_from:
 
 <section class="section">
   <div class="container">
-    <div class="content">
-
-      <h1>Get Involved</h1>
-
-      <h2>Community</h2>
-      <h3>Where?</h3>
-      <ul>
-        <li><a href="https://forum.minetest.net">Forum</a></li>
-        <li><a href="https://wiki.minetest.net">Wiki</a></li>
-        <li><a href="#internet-relay-chat">IRC</a></li>
-        <li><a href="https://reddit.com/r/minetest">Subreddit</a></li>
-        <li><a href="/servers/">Server list</a></li>
-      </ul>
-
-      <h2 id="internet-relay-chat">Internet Relay Chat</h2>
-
-      <h3>Channels</h3>
-      <div>
-        <ul>
-          <li>
-            <strong><a href="https://webchat.freenode.net/?channels=#minetest">#minetest</a></strong>
-            (<a href="http://irc.minetest.net/minetest">Logs</a>):
-            Main channel for general Minetest engine, modding and games discussion or support.
-          </li>
-          <li>
-            <strong><a href="https://webchat.freenode.net/?channels=#minetest-dev">#minetest-dev</a></strong>
-            (<a href="http://irc.minetest.net/minetest-dev">Logs</a>):
-            Development channel, strictly only for development discussion of the Minetest engine and Minetest Game.
-            Webchat can be used to listen only, not talk, on #minetest-dev
-          </li>
-          <li>
-            <strong><a href="https://webchat.freenode.net/?channels=#minetest-hub">#minetest-hub</a></strong>
-            (<a href="http://irc.minetest.net/minetest-hub">Logs</a>):
-            A moderated channel for people who regularly improve Minetest
-            by developing, modding, hosting servers and otherwise.
-            You need to ask an operator for voice here, make sure to read
-            the <a href="http://hub.minetest.net">hub website</a> first.
-          </li>
-          <li>
-            Channels about Minetest in other languages (note that most people hang out
-            on <code>#minetest</code>, which is the main channel).
-            <ul>
-              <li><strong><a href="https://webchat.freenode.net/?channels=#minetest-de">#minetest-de</a></strong> German channel</li>
-              <li><strong><a href="https://webchat.freenode.net/?channels=#minetest-es">#minetest-es</a></strong> Spanish channel</li>
-              <li><strong><a href="https://webchat.freenode.net/?channels=#minetest-fr">#minetest-fr</a></strong> French channel</li>
-            </ul>
-          </li>
-          </ul>
+    <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 }}">
+        <div class="image">
+          <img src="/media/logos/{{ link.icon }}" alt="{{ link.name }} logo">
         </div>
-
-        <h3>Rules</h3>
-        <p>
-          Some people don't know how to behave on <abbr title="Internet Relay Chat">IRC</abbr>,
-          so here are some simple rules:
-        </p>
-        <ul>
-          <li>Don't ask if you can ask questions, just ask.</li>
-          <li>Be patient when you ask something, people might not be around.</li>
-          <li>Don't spam.</li>
-          <li>Don't flood the channel with messages or bot commands.</li>
-          <li>Use a pastebin if you want to post more than 4 lines (such as error messages or code).</li>
-          <li>Annoying, racist, or any form of derogatory terms against any user or channel operator will probably get you quieted; or even banned.</li>
-          <li>If you're going to ask someone something, "please" goes a very long way.</li>
-          <li>The channels are not playgrounds and are frequently used for talks which are not off-topic.</li>
-          <li>Off-topic is allowed, but excessive use of it is disallowed.</li>
-          <li>Link shorteners are discouraged for URLs that are not very long.</li>
-        </ul>
-
-        <h2 id="contribute">Contribute</h2>
-        <p>
-          There are several ways to get into development:
-        </p>
-        <ul>
-          <li>
-            Giving support on the <a href="https://forum.minetest.net">forums</a> and <a href="#internet-relay-chat">IRC</a>.
-          </li>
-          <li>
-            Work on a <a href="http://dev.minetest.net/Modding_Intro">game or mod</a>,
-            and publish it on <a href="https://content.minetest.net">ContentDB</a>
-            or <a href="https://forum.minetest.net">the forums</a>.
-          </li>
-          <li>
-            Help develop Minetest by reporting
-            bugs and submiting patches on
-            <a href="https://github.com/minetest">GitHub</a> or <a href="#internet-relay-chat">IRC</a>.
-          </li>
-          <li>
-            <strong>Translating:</strong> Help translating Minetest using
-            <a href="https://hosted.weblate.org/projects/minetest/minetest/">our web interface</a>.
-          </li>
-        </ul>
-
-        <h3>The Process</h3>
-        <p>
-          Upstream repositories and official Windows packages are handled by the <a href="https://github.com/minetest?tab=members">core team</a>, consisting of a bunch of people who are much trusted to keep Minetest progressing in good condition. The core team is best contacted on <abbr title="Internet Relay Chat">IRC</abbr> at <code>#minetest-dev @ chat.freenode.net</code>.
-          The core team is formed of people who have made great <a href="/credits/">contributions</a> to Minetest.
-          Contributions are approved if two members of the core team agree on them.
-        </p>
-        <p>
-          For more information, take a look at
-          <a href="http://dev.minetest.net/All_rules_regarding_to_development">
-            all the rules regarding to development
-          </a>.
-        </p>
-
-        <h3>Project Structure</h3>
-        <p>
-          Minetest is distributed as an engine, combined with a couple of games.
-          Upstream repositories can be found at
-          <a href="https://github.com/minetest/">https://github.com/minetest/</a>.
-        </p>
-        <ul>
-          <li>
-            <strong>The engine</strong> (core) is the base for everything.
-            C++ is used for housekeeping and performance-critical stuff,
-            Lua for extensible things.
-          </li>
-          <li>
-            <strong>Games</strong> define game content: nodes, entities,
-            textures, meshes, sounds and custom behavior implemented in Lua.
-            Games consist of mods that plug into the engine using the
-            <a href="http://dev.minetest.net">Modding API</a>.
-          </li>
-        </ul>
-        <p>
-          For more information see the
-          <a href="http://dev.minetest.net/Terminology">terminology</a> or
-          <a href="http://dev.minetest.net/Engine_structure">engine structure</a>
-          developer wiki pages.
-        </p>
-
-        <h2 id="reporting-issues">Reporting issues</h2>
-        <p>
-          Different things related to Minetest are maintained by different people, contacted in different ways. Here you can find where to report issues, bugs and any other kinds of problems regarding to each “product”.
-        </p>
-        <p>
-          People are generally available on freenode <abbr title="Internet Relay Chat">IRC</abbr>, the Minetest Forums, GitHub and/or via email.
-        </p>
-
-        <h2>Programs and Services</h2>
-        <table class="table is-striped">
-          <tr>
-            <th>Program</th>
-            <th>People Responsible</th>
-            <th>Source</th>
-            <th>Issue Tracker</th>
-          </tr>
-          <tr>
-            <td>Minetest Engine</td>
-            <td>Core developers</td>
-            <td>
-              <a href="https://github.com/minetest/minetest">Source</a>
-            </td>
-            <td>
-              <a href="https://github.com/minetest/minetest/issues">Issues</a>
-            </td>
-          </tr>
-          <tr>
-            <td>Minetest Game</td>
-            <td>Core developers</td>
-            <td>
-              <a href="https://github.com/minetest/minetest_game">Source</a>
-            </td>
-            <td>
-              <a href="https://github.com/minetest/minetest_game/issues">Issues</a>
-            </td>
-          </tr>
-          <tr>
-            <td>Minetest Mapper</td>
-            <td>Core developers</td>
-            <td>
-              <a href="https://github.com/minetest/minetestmapper">Source</a>
-            </td>
-            <td>
-              <a href="https://github.com/minetest/minetestmapper/issues">Issues</a>
-            </td>
-          </tr>
-          <tr>
-            <td>Blender B3DExport</td>
-            <td>Core developers</td>
-            <td>
-              <a href="https://github.com/minetest/B3DExport">Source</a>
-            </td>
-            <td>
-              <a href="https://github.com/minetest/B3DExport/issues">Issues</a>
-            </td>
-          </tr>
-          <tr>
-            <th>Service</th>
-            <th>People Responsible</th>
-            <th>Source</th>
-            <th>Issue Tracker</th>
-          </tr>
-          <tr>
-            <td>*.minetest.net DNS</td>
-            <td>celeron55</td>
-            <td>n/a</td>
-            <td>Contact celeron55. His approval is needed to host under minetest.net</td>
-          </tr>
-          <tr>
-            <td>www.minetest.net</td>
-            <td>celeron55</td>
-            <td><a href="https://github.com/minetest/minetest.github.io">Source</a></td>
-            <td><a href="https://github.com/minetest/minetest.github.io/issues">Issues</a></td>
-          </tr>
-          <tr>
-            <td>forum.minetest.net</td>
-            <td>celeron55</td>
-            <td><a href="https://github.com/minetest/forum.minetest.net_template1">Theme</a></td>
-            <td>Contact a moderator for concerns about content (Use "report this post" if possible)</td>
-          </tr>
-          <tr>
-            <td>wiki/dev.minetest.net</td>
-            <td>celeron55</td>
-            <td><a href="https://www.mediawiki.org">MediaWiki</a></td>
-            <td>
-              <a href="https://forum.minetest.net/viewtopic.php?f=3&t=10473">Ask for an account to edit</a>
-              or report issues <a href="https://forum.minetest.net/viewforum.php?f=3">on the forum</a>
-            </td>
-          </tr>
-          <tr>
-            <td>servers.minetest.net</td>
-            <td>sfan5</td>
-            <td><a href="https://github.com/minetest/master-server">Source</a></td>
-            <td><a href="https://github.com/minetest/master-server/issues">Issues</a></td>
-          </tr>
-          <tr>
-            <td>content.minetest.net</td>
-            <td>rubenwardy</td>
-            <td><a href="https://github.com/minetest/contentdb">Source</a></td>
-            <td><a href="https://github.com/minetest/contentdb/issues">Issues</a></td>
-          </tr>
-          <tr>
-            <td>irc.minetest.net</td>
-            <td>sfan5</td>
-            <td><a href="https://github.com/moritz/ilbot">Source</a></td>
-            <td>Contact sfan5</td>
-          </tr>
-          <tr>
-            <td><a href="https://play.google.com/store/apps/details?id=net.minetest.minetest">Google Play</a></td>
-            <td>nerzhul aka. nrzkt</td>
-            <td>n/a</td>
-            <td>Contact nerzhul</td>
-          </tr>
-        </table>
-
-
-        <h2 id="donate">Donate</h2>
-        <h3>celeron55 <span class="is-size-5 has-text-grey has-text-weight-normal">(founder)</span></h3>
-
-        <p>
-          You can tip money to celeron55, to be mostly used for hosting of
-          websites and overall maintenance effort on the project.
-        </p>
-
-        <p>
-          <strong>PayPal address:</strong> celeron55@gmail.com (Please note in the message that you&#039;re supporting Minetest in particular.)
-        </p>
-
-        <div style="display: inline-block; width: 300px;">
-          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
-            <input type="hidden" name="cmd" value="_s-xclick">
-            <input type="hidden" name="hosted_button_id" value="9MKR3HL26KKSJ">
-            <table style="width: 500px;">
-              <tr><td><input type="hidden" name="on0" value="Tip celeron55's Minetest efforts">Tip celeron55's Minetest efforts</td></tr><tr><td><select name="os0">
-                <option value="Small tip">Small tip €2.00 EUR</option>
-                <option value="Larger tip">Larger tip €5.00 EUR</option>
-                <option value="A plentiful tip">A plentiful tip €12.00 EUR</option>
-                <option value="This surely is enough, right?">This surely is enough, right? €42.00 EUR</option>
-                <option value="No?">No? €75.00 EUR</option>
-                <option value="Yes?">Yes? €150.00 EUR</option>
-                <option value="ALL THE MONEY">ALL THE MONEY €500.00 EUR</option>
-              </select> </td></tr>
-            </table>
-            <input type="hidden" name="currency_code" value="EUR">
-            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!">
-          </form>
-        </div>
-
-        <h2>Other</h2>
-        <p>
-          Your favourite server or modder might accept tips too; make sure to check those out.
-        </p>
-
+        <span class="title">{{ link.name }}</span>
+      </a>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<section class="section">
+  <div class="container">
+    <h2 id="contribute" class="title section-title">Contribute</h2>
+    <div class="columns is-centered">
+      <div class="column">
+        <h3 id="programmers" class="is-size-3">Programmers</h3>
+        <div class="content">
+          <ul>
+            <li>
+              Work on a <a href="http://dev.minetest.net/Modding_Intro">game or mod</a>,
+              and publish it on <a href="https://content.minetest.net">ContentDB</a>
+              or <a href="https://forum.minetest.net">the forums</a>.
+            </li>
+            <li>
+              Report bugs and submit patches on
+              <a href="https://github.com/minetest">GitHub</a> or <a href="https://wiki.minetest.net/IRC">IRC</a>.
+            </li>
+            <li>
+              <a href="https://forum.minetest.net/viewtopic.php?f=7&t=19877">Help us review and merge pull requests</a>.
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="column">
+        <h3 id="artists" class="is-size-3">Artists</h3>
+        <div class="content">
+          <ul>
+            <li>
+              Hang around on the forums, and help with
+              <a href="https://forum.minetest.net/viewtopic.php?f=47&t=1585">texture requests</a>.
+            </li>
+            <li>
+              Team up and create a new game.
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="column">
+        <h3 id="everyone" class="is-size-3">Everyone</h3>
+        <div class="content">
+          <ul>
+            <li>
+              <a href="#reporting-issues">Report bugs and request features</a>.
+            </li>
+            <li>
+              Give support on the <a href="https://forum.minetest.net">forums</a> and <a href="https://wiki.minetest.net/IRC">IRC</a>.
+            </li>
+            <li>
+              Help translating Minetest using
+              <a href="https://hosted.weblate.org/projects/minetest/minetest/">our web interface</a>.
+            </li>
+            <li>
+              <a href="#donate">Donate</a> money to pay for infrastructure, and support your favourite contributors.
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<section class="section">
+  <div class="container">
+    <h2 id="developed" class="title section-title">How is Minetest developed?</h2>
+    <div class="content">
+      <h3 class="is-size-3">The Process</h3>
+      <p>
+        Upstream repositories and official Windows packages are handled by the
+        <a href="https://github.com/minetest?tab=members">core team</a>,
+        consisting of a bunch of people who are much trusted to keep Minetest progressing in good condition.
+        The core team is formed of people who have made great <a href="/credits/">contributions</a> to Minetest.
+        Contributions are approved if two members of the core team agree on them.
+      </p>
+      <p>
+        The core team is best contacted on <abbr title="Internet Relay Chat">IRC</abbr> at <code>#minetest-dev @ chat.freenode.net</code>.
+      </p>
+      <p>
+        For more information, take a look at
+        <a href="http://dev.minetest.net/All_rules_regarding_to_development">
+          all the rules regarding to development
+        </a>.
+      </p>
+
+      <h3 class="is-size-3">Project Structure</h3>
+      <p>
+        Minetest is distributed as an engine, combined with a couple of games.
+        Upstream repositories can be found at
+        <a href="https://github.com/minetest/">https://github.com/minetest/</a>.
+      </p>
+
+      <ul>
+        <li>
+          <strong>The engine</strong> (core) is the base for everything.
+          C++ is used for housekeeping and performance-critical stuff,
+          Lua for extensible things.
+        </li>
+        <li>
+          <strong>Games</strong> define game content: nodes, entities,
+          textures, meshes, sounds and custom behavior implemented in Lua.
+          Games consist of mods that plug into the engine using the
+          <a href="http://dev.minetest.net">Modding API</a>.
+        </li>
+      </ul>
+
+      <p>
+        For more information see the
+        <a href="http://dev.minetest.net/Terminology">terminology</a> or
+        <a href="http://dev.minetest.net/Engine_structure">engine structure</a>
+        developer wiki pages.
+      </p>
+    </div>
+  </div>
+</section>
+
+
+<section class="section">
+  <div class="container">
+    <h2 id="reporting-issues" class="title section-title">Reporting Issues</h2>
+    <div class="content">
+      <h3 class="is-size-3">Where?</h3>
+      <p>
+        Different things related to Minetest are maintained by different people, contacted in different ways. Here you can find where to report issues, bugs and any other kinds of problems regarding to each “product”.
+      </p>
+      <p>
+        People are generally available on freenode <abbr title="Internet Relay Chat">IRC</abbr>, the Minetest Forums, GitHub and/or via email.
+      </p>
+      <table class="table is-striped">
+        <tr>
+          <th>Program</th>
+          <th>People Responsible</th>
+          <th>Source</th>
+          <th>Issue Tracker</th>
+        </tr>
+        <tr>
+          <td>Minetest Engine</td>
+          <td>Core developers</td>
+          <td>
+            <a href="https://github.com/minetest/minetest">Source</a>
+          </td>
+          <td>
+            <a href="https://github.com/minetest/minetest/issues">Issues</a>
+          </td>
+        </tr>
+        <tr>
+          <td>Minetest Game</td>
+          <td>Core developers</td>
+          <td>
+            <a href="https://github.com/minetest/minetest_game">Source</a>
+          </td>
+          <td>
+            <a href="https://github.com/minetest/minetest_game/issues">Issues</a>
+          </td>
+        </tr>
+        <tr>
+          <td>Minetest Mapper</td>
+          <td>Core developers</td>
+          <td>
+            <a href="https://github.com/minetest/minetestmapper">Source</a>
+          </td>
+          <td>
+            <a href="https://github.com/minetest/minetestmapper/issues">Issues</a>
+          </td>
+        </tr>
+        <tr>
+          <td>Blender B3DExport</td>
+          <td>Core developers</td>
+          <td>
+            <a href="https://github.com/minetest/B3DExport">Source</a>
+          </td>
+          <td>
+            <a href="https://github.com/minetest/B3DExport/issues">Issues</a>
+          </td>
+        </tr>
+        <tr>
+          <th>Service</th>
+          <th>People Responsible</th>
+          <th>Source</th>
+          <th>Issue Tracker</th>
+        </tr>
+        <tr>
+          <td>*.minetest.net DNS</td>
+          <td>celeron55</td>
+          <td>n/a</td>
+          <td>Contact celeron55. His approval is needed to host under minetest.net</td>
+        </tr>
+        <tr>
+          <td>www.minetest.net</td>
+          <td>celeron55</td>
+          <td><a href="https://github.com/minetest/minetest.github.io">Source</a></td>
+          <td><a href="https://github.com/minetest/minetest.github.io/issues">Issues</a></td>
+        </tr>
+        <tr>
+          <td>forum.minetest.net</td>
+          <td>celeron55</td>
+          <td><a href="https://github.com/minetest/forum.minetest.net_template1">Theme</a></td>
+          <td>Contact a moderator for concerns about content (Use "report this post" if possible)</td>
+        </tr>
+        <tr>
+          <td>wiki/dev.minetest.net</td>
+          <td>celeron55</td>
+          <td><a href="https://www.mediawiki.org">MediaWiki</a></td>
+          <td>
+            <a href="https://forum.minetest.net/viewtopic.php?f=3&t=10473">Ask for an account to edit</a>
+            or report issues <a href="https://forum.minetest.net/viewforum.php?f=3">on the forum</a>
+          </td>
+        </tr>
+        <tr>
+          <td>servers.minetest.net</td>
+          <td>sfan5</td>
+          <td><a href="https://github.com/minetest/master-server">Source</a></td>
+          <td><a href="https://github.com/minetest/master-server/issues">Issues</a></td>
+        </tr>
+        <tr>
+          <td>content.minetest.net</td>
+          <td>rubenwardy</td>
+          <td><a href="https://github.com/minetest/contentdb">Source</a></td>
+          <td><a href="https://github.com/minetest/contentdb/issues">Issues</a></td>
+        </tr>
+        <tr>
+          <td>irc.minetest.net</td>
+          <td>sfan5</td>
+          <td><a href="https://github.com/moritz/ilbot">Source</a></td>
+          <td>Contact sfan5</td>
+        </tr>
+        <tr>
+          <td><a href="https://play.google.com/store/apps/details?id=net.minetest.minetest">Google Play</a></td>
+          <td>nerzhul aka. nrzkt</td>
+          <td>n/a</td>
+          <td>Contact nerzhul</td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</section>
+
+
+<section class="section">
+  <div class="container">
+    <h2 id="donate" class="title section-title">Donate</h2>
+    <div class="content">
+      <h3 class="is-size-3">celeron55 <span class="is-size-5 has-text-grey has-text-weight-normal">(founder)</span></h3>
+
+      <p>
+        You can tip money to celeron55, to be mostly used for hosting of
+        websites and overall maintenance effort on the project.
+      </p>
+
+      <p>
+        <strong>PayPal address:</strong> celeron55@gmail.com (Please note in the message that you&#039;re supporting Minetest in particular.)
+      </p>
+
+      <div style="display: inline-block; width: 300px;">
+        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+          <input type="hidden" name="cmd" value="_s-xclick">
+          <input type="hidden" name="hosted_button_id" value="9MKR3HL26KKSJ">
+          <table style="width: 500px;">
+            <tr><td><input type="hidden" name="on0" value="Tip celeron55's Minetest efforts">Tip celeron55's Minetest efforts</td></tr><tr><td><select name="os0">
+              <option value="Small tip">Small tip €2.00 EUR</option>
+              <option value="Larger tip">Larger tip €5.00 EUR</option>
+              <option value="A plentiful tip">A plentiful tip €12.00 EUR</option>
+              <option value="This surely is enough, right?">This surely is enough, right? €42.00 EUR</option>
+              <option value="No?">No? €75.00 EUR</option>
+              <option value="Yes?">Yes? €150.00 EUR</option>
+              <option value="ALL THE MONEY">ALL THE MONEY €500.00 EUR</option>
+            </select> </td></tr>
+          </table>
+          <input type="hidden" name="currency_code" value="EUR">
+          <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!">
+        </form>
+      </div>
+
+      <h3 class="is-size-3">Other</h3>
+      <p>
+        Your favourite server or modder might accept tips too; make sure to check those out.
+      </p>
     </div>
   </div>
 </section>
diff --git a/media/logos/forum.svg b/media/logos/forum.svg
new file mode 100644
index 0000000..95f442f
--- /dev/null
+++ b/media/logos/forum.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#1ca4e9" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>
diff --git a/media/logos/github.png b/media/logos/github.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea6ff545a246caa64074ba809bbc86fcb8589071
GIT binary patch
literal 4268
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
XLyRvu{aX3a{{tgEGu={c*U0|?Dtn-9

literal 0
HcmV?d00001

diff --git a/media/logos/irc.svg b/media/logos/irc.svg
new file mode 100644
index 0000000..a5c72e2
--- /dev/null
+++ b/media/logos/irc.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="hashtag" class="svg-inline--fa fa-hashtag fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#49e448" d="M440.667 182.109l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l14.623-81.891C377.123 38.754 371.468 32 363.997 32h-40.632a12 12 0 0 0-11.813 9.891L296.175 128H197.54l14.623-81.891C213.477 38.754 207.822 32 200.35 32h-40.632a12 12 0 0 0-11.813 9.891L132.528 128H53.432a12 12 0 0 0-11.813 9.891l-7.143 40C33.163 185.246 38.818 192 46.289 192h74.81L98.242 320H19.146a12 12 0 0 0-11.813 9.891l-7.143 40C-1.123 377.246 4.532 384 12.003 384h74.81L72.19 465.891C70.877 473.246 76.532 480 84.003 480h40.632a12 12 0 0 0 11.813-9.891L151.826 384h98.634l-14.623 81.891C234.523 473.246 240.178 480 247.65 480h40.632a12 12 0 0 0 11.813-9.891L315.472 384h79.096a12 12 0 0 0 11.813-9.891l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l22.857-128h79.096a12 12 0 0 0 11.813-9.891zM261.889 320h-98.634l22.857-128h98.634l-22.857 128z"></path></svg>
diff --git a/media/logos/reddit.png b/media/logos/reddit.png
new file mode 100644
index 0000000000000000000000000000000000000000..6797746b67cbf45961fc01bdcb4aa108d7533bb4
GIT binary patch
literal 4073
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
b?xg<%;9rZ(OEzCJ00000NkvXXu0mjfUU1L%

literal 0
HcmV?d00001

diff --git a/media/logos/servers.svg b/media/logos/servers.svg
new file mode 100644
index 0000000..501a972
--- /dev/null
+++ b/media/logos/servers.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="gamepad" class="svg-inline--fa fa-gamepad fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="orange" d="M480 96H160C71.6 96 0 167.6 0 256s71.6 160 160 160c44.8 0 85.2-18.4 114.2-48h91.5c29 29.6 69.5 48 114.2 48 88.4 0 160-71.6 160-160S568.4 96 480 96zM256 276c0 6.6-5.4 12-12 12h-52v52c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-52H76c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h52v-52c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h52c6.6 0 12 5.4 12 12v40zm184 68c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-80c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"></path></svg>
diff --git a/media/logos/wiki.svg b/media/logos/wiki.svg
new file mode 100644
index 0000000..3edb12e
--- /dev/null
+++ b/media/logos/wiki.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#4B0082" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>