Create Donation Page for WNAH FR Activities

_includes/wna-donate-form.html

@@ -0,0 +1,32 @@
+<div class="donation-form-container" style="text-align:left;">
+<div id="donation-form"></div>
+<script src="https://cdn.donately.com/core/5.6/donately.min.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', function(){
+ Donately.init({
+ selector: '#donation-form',
+ options: {
+ "donately-id":"act_6050cafb6dc1",
+ "stripe-publishable-key":"pk_live_V98OphdHjflWilBEfL1IK28w",
+ "donately-form-id":"frm_d317bd5dd6fd",
+ "donately-presets":"20,50,100,500,1000",
+ "donately-amount":"{\"default\":\"50\"}",
+ "donately-currency":"USD,EUR,GBP,CAD",
+ "donately-payment-options":"cc,ach",
+ "donately-recurring-frequency":"[\"false\",\"1.month\"]",
+ "donately-donor-pays-fees":"{\"cc\":{\"processor_percent\":0.029,\"processor_fixed\":0.3,\"processor_cap\":\"\",\"dntly_percent\":0.02,\"complex_calc\":true},\"ach\":{\"processor_percent\":0.008,\"processor_fixed\":0,\"processor_cap\":5,\"dntly_percent\":0.02,\"complex_calc\":true},\"preselected\":true}",
+ "donately-billing-zip":"true",
+ "donately-comment":true,
+ "donately-anonymous":true,
+ "donately-i18n-locale":"en_US",
+ "donately-form-navigation":"{\"steps\":[[\"presets\",\"amount\",\"donorpaysfees\",\"recurringgroup\",\"paymentmethods\",\"namegroup\",\"email\",\"billingzip\",\"comment\",\"onbehalf\",\"anonymous\",\"submit\"]]}",
+ "donately-onbehalf":true,
+ },
+ afterFormLoad: function() {},
+ afterNavigateHook: function(stepNumber) {},
+ onSuccess: function(donation){},
+ onError: function(error){}
+ })
+}, false);
+</script>
+</div>

_layouts/donate-wna.html

@@ -0,0 +1,38 @@
+---
+layout: default
+---
+
+<div class="donate container">
+
+ <header class="page-header">
+ <h1 class="secondary-h1">{{ page.title }}</h1>
+ <div class="hr-h donate-hr"></div>
+
+ {% if page['Summary Text'] %}
+ <h4 class="news-summary">{{ page['Summary Text'] }}</h4> 
+ {% endif %}
+ </header>
+
+ <div class="donate-body">
+
+ <div class="donate-form">
+ {% include wna-donate-form.html %}
+ </div>
+
+ <div class="donate-content">
+ <div class="donate-video">
+ <img src="/images/Public_Health.jpg" alt="Photo from Sunu Weer Gui Yaram - Public Health Project">
+ <h5>Photo courtesy of WNAH</h5>
+ </div>
+ {{ content }}
+ <div class="donate-sidebar sticky-wrap">
+ <h4>Prefer other options?</h4>
+ <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8VBN9QHNVKVS6" class="btn btn-primary btn-block btn-chevron">Donate through Paypal</a>
+ <a href="https://venmo.com/hotosm" class="btn btn-primary btn-block btn-chevron">Contribute with Venmo</a>
+ <p>To donate via wire transfer, please email <a href="mailto:[email protected]" target="_blank">[email protected]</a>. To donate via mailing a check, please use <a href="https://docs.google.com/document/d/1_o9MYGO9o_oMLSYaHoZzNrDtDMk_UwGSRfkcG3LMMDM/edit" target="_blank" rel="noopener noreferrer">the paper form</a>.</p>
+ </div>
+ </div>
+
+ </div>
+
+</div>

hubs/open-mapping-hub-west-and-northern-africa.markdown

@@ -6,7 +6,9 @@ Page Contact:
  Contact Email: [email protected]
 Page Link:
  Label: Support and Donate
- Link: https://www.hotosm.org/donate/
+ Link: https://www.hotosm.org/donate-wna/
+layout: donate-wna
+permalink: "/hubs/open-mapping-hub-west-and-northern-africa/donate/"
 ---
 
 ![hot_omh_wna_english_logo_rev_colour_with_tagline-1-2240x1115.png](/uploads/hot_omh_wna_english_logo_rev_colour_with_tagline-1-2240x1115.png)
@@ -63,4 +65,4 @@ This project was developed through a co-creation process with policymakers, emph
 
 
 ![WHALandingPage.jpeg](/uploads/WHALandingPage.jpeg)
-*Monrovia, Liberia. Photo by: Carter Draper*
+*Monrovia, Liberia. Photo by: Carter Draper*