Update patreons, make patreon list tabular (#177)

* Updated patreons.

* Making the patreon list look more tabular

* Revert "Making the patreon list look more tabular"

This reverts commit dc1d370.

* Fixed crash and used new grid divs, as per Tom's suggestion.

* Removed tier links.

* Fix rogue < sign

* Removed Patreon from footer, but added link to Bounties.

website/_data/patreons.json

@@ -1,7 +1,8 @@
 [
     {
         "name": "James Silva",
-        "tier": "EnvironmentMapEffect"
+        "tier": "EnvironmentMapEffect",
+        "url": "https://ska-studios.com/"
     },
     {
         "name": "D. Ezra Sidran, PhD",
@@ -95,5 +96,9 @@
     {
         "name": "Andrew Powell",
         "tier": "SpriteBatch"
+    },
+    {
+        "name": "Cynthia McMahon",
+        "tier": "SpriteBatch"
     }
 ]

website/_includes/partials/_footer.njk

@@ -37,7 +37,7 @@
                             Issues</a>
                     </li>
                     <li class="nav-item mb-2">
-                        <a href="https://www.patreon.com/MonoGame" class="p-0">Patreon</a>
+                        <a href="/bounties/" class="p-0">Bounties</a>
                     </li>
                 </ul>
             </div>

website/content/donate.njk

@@ -61,77 +61,39 @@ title: Donate
             The following is a partial list of individuals and studios that support us through <a href="https://www.patreon.com/bePatron?u=3142012">Patreon</a>.
         </p>
         <br/>        
-        <h4 class="text-center" id="EnvironmentMapEffect">EnvironmentMapEffect</h4>
-        <div class="row justify-content-center mb-3">
-            {% for patreon in patreons | sort() %}
-                {% if patreon.tier == "EnvironmentMapEffect" %}
-                <div class="col-sm-4 mb-1 text-center">
-                    {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
-                        {{patreon.name}}
-                    {% if patreon.url %}</a>{% endif %}
-                    <br />
-                </div>
-                {% endif %}
-            {% endfor %}
-        </div>
-        <br />
-        <h4 class="text-center" id="Model.Draw">Model.Draw</h4>
-        <div class="row justify-content-center mb-3">
-            {% for patreon in patreons | sort() %}
-                {% if patreon.tier == "Model.Draw" %}
-                <div class="col-sm-4 mb-1 text-center">
-                    {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
-                        {{patreon.name}}
-                    {% if patreon.url %}</a>{% endif %}
-                    <br />
-                </div>
-                {% endif %}
-            {% endfor %}
-        </div>
-        <br />
-        <h4 class="text-center" id="DrawUserPrimitives">DrawUserPrimitives</h4>
-        <div class="row justify-content-center mb-3">
-            {% for patreon in patreons | sort() %}
-                {% if patreon.tier == "DrawUserPrimitives" %}
-                <div class="col-sm-4 mb-1 text-center">
-                    {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
-                        {{patreon.name}}
-                    {% if patreon.url %}</a>{% endif %}
-                    <br />
-                </div>
-                {% endif %}
-            {% endfor %}
-        </div>
-        <br />
-        <h4 class="text-center" id="SpriteBatch">SpriteBatch</h4>
-        <div class="row justify-content-center mb-3">
-            {% for patreon in patreons | sort() %}
-                {% if patreon.tier == "SpriteBatch" %}
-                <div class="col-sm-4 mb-1 text-center">
-                    {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
-                        {{patreon.name}}
-                    {% if patreon.url %}</a>{% endif %}
-                    <br />
+        <div class="container">
+            {% set tiers = [
+                { name: "EnvironmentMapEffect", url: "https://www.patreon.com/checkout/MonoGame?rid=9142452" },
+                { name: "Model.Draw", url: "https://www.patreon.com/checkout/MonoGame?rid=9142450" },
+                { name: "DrawUserPrimitives", url: "https://www.patreon.com/checkout/MonoGame?rid=1916865" },
+                { name: "SpriteBatch", url: "https://www.patreon.com/checkout/MonoGame?rid=1867475" },
+                { name: "Cornflower Blue", url: "https://www.patreon.com/checkout/MonoGame?rid=1867471" }
+            ] %}
+            <div class="row">
+                {% for tier in tiers %}
+                <div class="col-sm">
+                <b>{{tier.name}}</b>
+                <br />
+                <br />
                 </div>
-                {% endif %}
-            {% endfor %}
-        </div>
-        <br />
-        <h4 class="text-center" id="Cornflower Blue">Cornflower Blue</h4>
-        <div class="row justify-content-center mb-3">
-            {% for patreon in patreons | sort() %}
-                {% if patreon.tier == "Cornflower Blue" %}
-                <div class="col-sm-4 mb-1 text-center">
-                    {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
-                        {{patreon.name}}
-                    {% if patreon.url %}</a>{% endif %}
-                    <br />
+                {% endfor %}
+            </div>
+            <div class="row">
+            {% for tier in tiers %}
+                <div class="col-sm">
+                    {% for patreon in patreons %}
+                        {% if patreon.tier == tier.name %}
+                            {% if patreon.url %}<a href="{{patreon.url}}">{% endif %}
+                            {{patreon.name}}
+                            {% if patreon.url %}</a>{% endif %}
+                            <br />
+                        {% endif %}
+                    {% endfor %}
                 </div>
-                {% endif %}
-            {% endfor %}
+            {% endfor%}
+            </div>
         </div>
     </section>
-
     <section class="container-xxl mb-5">
         <h1 id="donations" class="fw-bold"><a href="#donations">Donations</a></h1>
         <p>