From 064c16f5f72db5512ddd6869c19757268c225d7f Mon Sep 17 00:00:00 2001
From: Ellpeck <megamaximal@gmail.com>
Date: Mon, 13 Aug 2018 21:20:37 +0200
Subject: [PATCH] make support into scripts instead because it's cleaner yo

---
 index.html         | 18 +++---------------
 scripts/support.js | 29 +++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 15 deletions(-)
 create mode 100644 scripts/support.js

diff --git a/index.html b/index.html
index 363912b..675ca3e 100644
--- a/index.html
+++ b/index.html
@@ -118,22 +118,10 @@
                 <br>If you want, you can do so using one of the ways below.
                 <br><em>Keep in mind that doing this is, of course, optional. I don't expect you to give me money for what I do, people appreciating it is already really awesome to me. Plus, if you want to, you can always support me by telling other people about me and my projects as well.</em>
             </p>
-            <div class="row align-items-center">
-                <div class="col-md-auto">
-                    <a class="btn btn-light support-button rounded-0" href="https://patreon.com/Ellpeck"><img src="res/support/patreon.png" class="support-image" alt="">Support me on Patreon</a>
-                </div>
-                <div class="col">
-                    Patreon is a great way of giving me money regularly. You automatically give me a set amount each month, and in return, you can get cool rewards like beta access to my game or visual fanciness for your Minecraft character when using my mods.
-                </div>
-            </div>
-            <div class="row align-items-center">
-                <div class="col-md-auto">
-                    <a class="btn btn-light support-button rounded-0" href="https://paypal.me/Ellpeck"><img src="res/support/paypal.png" class="support-image" alt="">Donate with PayPal</a>
-                </div>
-                <div class="col">
-                    If you prefer the idea of giving me some money as a one-time payment, using PayPal is probably your best bet. It's quick and easy, and it helps me out just the same way.
-                </div>
+            <div id="support-list">
+                <noscript><em>The content that should be here is dynamically generated. Please enable JavaScript if you see this.</em></noscript>
             </div>
+            <script src="scripts/support.js"></script>
         </div>
     </div>
 
diff --git a/scripts/support.js b/scripts/support.js
new file mode 100644
index 0000000..474d21a
--- /dev/null
+++ b/scripts/support.js
@@ -0,0 +1,29 @@
+const support = [{
+        'name': 'Support me on Patreon',
+        'desc': 'Patreon is a great way of giving me money regularly. You automatically give me a set amount each month, and in return, you can get cool rewards like beta access to my game or visual fanciness for your Minecraft character when using my mods.',
+        'link': 'https://patreon.com/Ellpeck',
+        'icon': 'patreon'
+    },
+    {
+        'name': 'Donate with PayPal',
+        'desc': 'If you prefer the idea of giving me some money as a one-time payment, using PayPal is probably your best bet. It\'s quick and easy, and it helps me out just the same way.',
+        'link': 'https://paypal.me/Ellpeck',
+        'icon': 'paypal'
+    }
+];
+
+let sp = '';
+for (way of support) {
+    sp += '<div class="row align-items-center">';
+
+    sp += '<div class="col-md-auto">';
+    sp += '<a class="btn btn-light support-button rounded-0" href="' + way['link'] + '"><img src="res/support/' + way['icon'] + '.png" class="support-image" alt="">' + way['name'] + '</a>';
+    sp += '</div>';
+
+    sp += '<div class="col">';
+    sp += way['desc'];
+    sp += '</div>';
+
+    sp += '</div>';
+}
+$('#support-list').html(sp);
\ No newline at end of file