Add a simple banner with Paypal link for our fundraiser (#569)

Co-authored-by: Devin Ulibarri <[email protected]>
sugarlabs · Dec 3, 2024 · b32b666 · b32b666
1 parent 7dbca4a
commit b32b666
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 1 deletion.
diff --git a/_includes/banner-mobile.html b/_includes/banner-mobile.html
@@ -0,0 +1,4 @@
+<body title="Donation ask.">
+  <div class="d-flex">
+    <p style="padding:10px 5% 0 5%;">Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. <a href="https://www.paypal.com/donate?campaign_id=NEAV3YL4H6B5S">Donate today!</a></p>
+  </div>
diff --git a/_includes/banner.html b/_includes/banner.html
@@ -0,0 +1,21 @@
+  <body title="Donation ask.">
+    <div class="d-flex">
+      <p style="padding:10px 5% 0 5%;">Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. <a href="https://www.paypal.com/donate?campaign_id=NEAV3YL4H6B5S">Donate today!</a></p>
+      <!-- Paypal Start -->
+      <div id="donate-button-container">
+	<div id="donate-button"></div>
+	<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
+	<script>
+	  PayPal.Donation.Button({
+	      env:'production',
+	      hosted_button_id:'PTEFYZE5PUWNL',
+	      image: {
+		  src:'https://www.paypalobjects.com/images/Debit_Credit_APM.svg',
+		  alt:'Donate with PayPal button',
+		  title:'Donate to Sugar Labs today!',
+	      }
+	  }).render('#donate-button');
+	</script>
+      </div>
+      <!-- Paypal End -->
+    </div>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -6,6 +6,9 @@
         <a class="navbar-brand" href="{{ site.baseurl }}/">
           <img src="{{ site.baseurl }}/assets/logoOpt.png" alt="Sugar Labs logo" height="90" width="270">
         </a>
+	<div>
+	  {% include banner.html %}
+	</div>
         <div class="d-flex justify-content-center">
           <div class="zeroMarPadBtm ">
             <ul class="mr-5  navbar-nav" id="menuBar">
@@ -17,7 +20,7 @@
                   role="button"
                   aria-haspopup="true"
                   aria-expanded="false"
-                  >About us<span class="caret"></span
+                  >About<span class="caret"></span
                 ></a>
                 <div class="dropdown-menu">
                  <a class="dropdown-item" href="{{ site.baseurl }}/about-us"
@@ -96,6 +99,7 @@
     >
       <span class="navbar-toggler-icon"></span>
     </button>
+    {% include banner-mobile.html %}
     <div class="collapse navbar-collapse" id="mainNav">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item dropdown">