Create Dedicated support page #456 (#520)

* Create support.html

* Update support.html

* create support page

* add support to routes

_config.yml

@@ -30,6 +30,9 @@ navigation:
   - text: Community
     url: /community/
     fa: fa fa-users fa-fw
+  - text: Support Us
+    url: /support/
+    fa: fa-solid fa-money-check-dollar
 
 bpdevs:
   # Minima date format.

support.html

@@ -0,0 +1,52 @@
+---
+layout: default
+lang: en
+title: Support
+---
+
+<div id="support">
+  <h2>Support Black Python Devs</h2>
+  <article>
+    <div class="grid">
+      <div>
+        <script>
+          (function () {
+            if (document.getElementById("commitchange-script")) return;
+            var npo = 6464;
+            var script = document.createElement("script");
+            var first = document.getElementsByTagName("script")[0];
+            script.setAttribute("data-npo-id", npo);
+            script.id = "commitchange-script";
+            script.src = "https://us.commitchange.com/js/donate-button.v2.js";
+            first.parentNode.insertBefore(script, first);
+          })();
+        </script>
+        <a data-amounts="25,50,100,250,500,1000,1500" class="commitchange-donate" data-designation="Black Python Devs" data-embedded=""></a>
+      </div>
+      <div>
+        <img class="donation-photo" src="/assets/images/gnome_powered_bpd_stacked.png" />
+      </div>
+    </div>
+  </article>
+  <div>
+    <p>
+      Black Python Devs is a Non-Profit, fiscally hosted under the GNOME Foundation. GNOME does take a percentage for operating costs for our account and administration but at least 90% of proceeds goes directly to Black Python Devs General Purpose
+      Fund as detailed here.
+    </p>
+  </div>
+
+  <div style="position: relative; width: 100%; height: 0; padding-top: 56.25%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63, 69, 81, 0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform">
+    <iframe
+      loading="lazy"
+      style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0"
+      src="https://www.canva.com/design/DAGKXBERZ2s/AbT0GzW284THN6wSayNMMg/view?embed"
+      allowfullscreen="allowfullscreen"
+      allow="fullscreen"
+    >
+    </iframe>
+  </div>
+  <a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAGKXBERZ2s&#x2F;AbT0GzW284THN6wSayNMMg&#x2F;view?utm_content=DAGKXBERZ2s&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener"
+    >PITCH Deck</a
+  >
+  by Black Python Devs
+</div>

tests/conftest.py

@@ -19,6 +19,7 @@ def url_port() -> tuple[str, int]:
     "community",
     "leadership",
     "book-club",
+    "support",
 ]