feat: Add dedicated support page with more support options (#6)

_includes/nav.html

@@ -7,7 +7,7 @@
     <div class="flex flex-wrap items-center justify-center justify-items-center text-slate-50 font-extrabold space-x-8">
         <a href="/projects">Projects</a>
         <a href="/games">Games</a>
-        <a href="https://www.patreon.com/bluefireoss">Patreon</a>
+        <a href="/support">Support</a>
         <a href="https://github.com/bluefireteam">GitHub</a>
         <a href="https://discord.gg/pxrBmy4">Discord</a>
     </div>

index.html

@@ -11,7 +11,7 @@
       <div class="text-2xl">The OSS organization powering the libraries you 💙</div>
       <div class="space-y-8 flex flex-col md:space-y-0 md:space-x-8 md:flex-row">
         <a class="main-button" href="https://github.com/bluefireteam">GitHub</a>
-        <a class="main-button" href="https://www.patreon.com/bluefireoss">Patreon</a>
+        <a class="main-button" href="/support">Support</a>
       </div>
     </div>
   </div>

pages/support.html

@@ -0,0 +1,34 @@
+---
+permalink: /support
+layout: master
+---
+
+<div class="flex flex-col justify-center w-full text-white text-2xl space-y-8">
+    <div class="flex justify-center">
+        <p class="text-8xl font-extrabold">
+            Support Blue Fire 💙
+        </p>
+    </div>
+    <p>
+        All our projects are community driven and open source.
+    </p>
+    <p>
+        We love contributions in the form of meaningful PRs, assistance with projects, participation on <a
+            href="https://discord.gg/pxrBmy4">our Discord server</a>, and just spreading the word within
+        our community.
+    </p>
+    <p>
+        However, if you wish to contribute financially, we are also very glad. Our preferred avenue for financial
+        contributions is our Open Collective Account.
+    </p>
+    <div class="flex flex-row justify-center space-x-8">
+        <a class="main-button" href="https://opencollective.com/blue-fire">Open Collective</a>
+    </div>
+    <p>
+        We also have a Patreon and GitHub Sponsors:
+    </p>
+    <div class="flex flex-row justify-center space-x-8">
+        <a class="main-button" href="https://www.patreon.com/bluefireoss">Patreon</a>
+        <a class="main-button" href="https://github.com/sponsors/bluefireteam">GitHub Sponsors</a>
+    </div>
+</div>