Donation drive Dec 2024 (#1770)

letsencrypt · Dec 2, 2024 · ed9a60d · ed9a60d
1 parent af9e10e
commit ed9a60d
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 13 deletions.
diff --git a/content/en/opt-in.html b/content/en/opt-in.html
@@ -1,20 +1,14 @@
 ---
-title: Newsletter Signup
+title: Sign up for the ISRG Newsletter
 slug: opt-in
-date: 2023-05-30
-do_not_translate: 1
+date: 2024-11-18
+should_display_prominent_newsletter_form: true
 ---
 
 <div class="text-left">
-    <h2 class="larger-h2">Sign up for the ISRG Newsletter</h2>
     <p>ISRG's monthly newsletter recaps what we're up to and shares recent security and privacy news that caught our attention. </p>
 
-    <p>By signing up for the Newsletter you agree to Let's Encrypt handling your information as described in our privacy policy: <a href="https://letsencrypt.org/privacy/">https://letsencrypt.org/privacy/</a></p>
-
-    <div class="le-newsletter-form-container left-aligned">
-        <!-- Newsletter segment specific form -->
-        <iframe src="https://outreach.abetterinternet.org/l/1011011/2023-08-30/phzn" height="200" style="width: 100%; border: 0"></iframe>
-    </div>
+    <p>By signing up for the Newsletter you agree to Let's Encrypt handling your information as described in our <a href="https://letsencrypt.org/privacy/">privacy policy</a>.</p>
 </div>
 
 <script>

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,7 +2,7 @@
 <html
 	dir="{{  with .Language.LanguageDirection }}{{ . }}{{ else }}ltr{{ end }}"
 	lang="{{ if and $.Site.LanguageCode (not .Page.Params.untranslated) }}{{ $.Site.LanguageCode }}{{ else }}en-US{{ end }}">
-	
+
 	{{/* For untranslated page, we use the English header. */}}
 	{{ if .Page.Params.untranslated }}
 		{{ range .Page.Translations }}
@@ -16,6 +16,9 @@
 	<body>
 		{{ partial "header" . }}
 		{{ block "main" . }}{{ end }}
+		{{ if .Page.Params.should_display_prominent_newsletter_form }}
+			{{ partial "newsletter-form" . }}
+		{{ end }}
 		{{ partial "footer" . }}
 	</body>
 </html>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -69,8 +69,11 @@ <h2>{{ i18n "footer_support_us" }}</h2>
       </div>
 
       <div class="footer-col footer-newsletter-col  footer-col-3">
-        <h6>{{ i18n "subscribe_to_newsletter_headline" }}</h6>
-        <iframe src="https://outreach.abetterinternet.org/l/1011011/2023-02-16/6l51" height="200" style="width: 100%; border: 0"></iframe>
+        {{ if not .Page.Params.should_display_prominent_newsletter_form }}
+          <h6>{{ i18n "subscribe_to_newsletter_headline" }}</h6>
+          {{ partial "newsletter-form" . }}
+        {{ end }}
+
         <div class="footer-copyright">
           <a href="https://abetterinternet.org">&copy; {{ dateFormat "2006" now }}  {{ i18n "footer_copyright" }}</a>
         </div>

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,3 +1,10 @@
+
+<div style="height: 44px;"></div>
+<a class="custom-dbox-popup" href="https://donorbox.org/support-lets-encrypt" style="">
+  100% of the funding comes from people like you. Donate today.
+</a>
+
+<script type="text/javascript" defer src="https://donorbox.org/install-popup-button.js" id="donorbox-popup-button-installer"> </script>
 {{ if ne .Section "documents" }}
 <header class="site-header">
   <a id="skiplink" href="#main-content">{{ i18n "header_skip_nav" }}</a>

diff --git a/layouts/partials/newsletter-form.html b/layouts/partials/newsletter-form.html
@@ -0,0 +1,3 @@
+<div class="wrapper">
+    <iframe src="https://outreach.abetterinternet.org/l/1011011/2023-02-16/6l51" height="200" style="width: 100%; border: 0"></iframe>
+</div>
diff --git a/src/css/main.scss b/src/css/main.scss
@@ -86,7 +86,32 @@ div[data-netlify-site-id] {
   line-height: 20px;
 }
 
+.custom-dbox-popup {
+  text-decoration: none;
+  color: #2C3E50;
+  font-weight: bold;
+  max-width: 100vw;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 44px;
+  background: rgb(236, 165, 65);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 20px;
+  z-index: 1000;
+
+  &:hover {
+    text-decoration: none;
+    background: rgb(211, 148, 58);
+  }
+}
+
 // Import partials from `sass_dir` (defaults to `_sass`)
 @import "fonts", "pure", "pure-fix", "base", "layout", "nav",
   "syntax-highlighting", "donate", "donate2024", "fundraiser", "waiting",
   "single-pages";
+
+
diff --git a/src/js/main.js b/src/js/main.js
@@ -161,3 +161,5 @@ document.querySelectorAll("code.language-der").forEach(r => {
 });
 
 })(this, this.document);
+
+window.DonorBox = { widgetLinkClassName: 'custom-dbox-popup' }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -161,3 +161,5 @@ document.querySelectorAll("code.language-der").forEach(r => {
		});

		})(this, this.document);

		window.DonorBox = { widgetLinkClassName: 'custom-dbox-popup' }