Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Donation drive Dec 2024 #1770

Merged
merged 6 commits into from
Dec 2, 2024
Merged

Donation drive Dec 2024 #1770

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9acbd15
Let's Encrypt Opt In page
scottmakestech Nov 19, 2024
f29b395
Change date
scottmakestech Nov 19, 2024
f548996
Merge branch 'main' into opt-in
scottmakestech Dec 2, 2024
5faeede
Option for Donor popup with sticky footer
scottmakestech Dec 2, 2024
9efb00e
Move button to top of screen
scottmakestech Dec 2, 2024
c557242
Update cta text
scottmakestech Dec 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 4 additions & 10 deletions content/en/opt-in.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
Expand Down
5 changes: 4 additions & 1 deletion layouts/_default/baseof.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 }}
Expand All @@ -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>
7 changes: 5 additions & 2 deletions layouts/partials/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
7 changes: 7 additions & 0 deletions layouts/partials/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
Expand Down
3 changes: 3 additions & 0 deletions layouts/partials/newsletter-form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
25 changes: 25 additions & 0 deletions src/css/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";


2 changes: 2 additions & 0 deletions src/js/main.js
View file
Open in desktop
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' }
Loading