Selected footer design

letsencrypt · Dec 5, 2023 · 5c40bc5 · 5c40bc5
1 parent 4e98c96
commit 5c40bc5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 75 deletions.
diff --git a/content/en/post/2023-12-28-EOY-letter-2023.md b/content/en/post/2023-12-28-EOY-letter-2023.md
@@ -27,32 +27,8 @@ We hired Kristin Berdan to fill a new role as General Counsel and her impact is
 
 Collectively, we operate three impactful and growing projects for $7 million a year. This is possible because of the amazing leadership assembled across our teams and the ongoing commitment from our community to validate the usefulness of our work. As we look toward 2024 and the challenges and opportunities that face us, I ask that you join us in building a more secure and privacy respecting Internet by sponsoring us, making a donation or gift through your DAF, or sharing with the folks you know why security and privacy matter to them.
 
-<div class="footer-option footer-option-1">
-<h6><span>Support Our Work 1</span></h6>
-
-ISRG is a 501(c)(3) nonprofit organization that is 100% supported through the generosity of those who share our vision for ubiquitous, open Internet security. If you'd like to support our work, please consider [getting involved](https://www.abetterinternet.org/getinvolved/), [donating](https://www.abetterinternet.org/donate/), or encouraging your company to [become a sponsor](https://www.abetterinternet.org/sponsor/).
-</div>
-
-<div class="footer-option footer-option-2">
-<h6><span>Support Our Work 2</span></h6>
-
-ISRG is a 501(c)(3) nonprofit organization that is 100% supported through the generosity of those who share our vision for ubiquitous, open Internet security. If you'd like to support our work, please consider [getting involved](https://www.abetterinternet.org/getinvolved/), [donating](https://www.abetterinternet.org/donate/), or encouraging your company to [become a sponsor](https://www.abetterinternet.org/sponsor/).
-</div>
-
-<div class="footer-option footer-option-3">
-<h6><span>Support Our Work 3</span></h6>
-
-ISRG is a 501(c)(3) nonprofit organization that is 100% supported through the generosity of those who share our vision for ubiquitous, open Internet security. If you'd like to support our work, please consider [getting involved](https://www.abetterinternet.org/getinvolved/), [donating](https://www.abetterinternet.org/donate/), or encouraging your company to [become a sponsor](https://www.abetterinternet.org/sponsor/).
-</div>
-
-<div class="footer-option footer-option-4">
-<h6><span>Support Our Work 4</span></h6>
-
-ISRG is a 501(c)(3) nonprofit organization that is 100% supported through the generosity of those who share our vision for ubiquitous, open Internet security. If you'd like to support our work, please consider [getting involved](https://www.abetterinternet.org/getinvolved/), [donating](https://www.abetterinternet.org/donate/), or encouraging your company to [become a sponsor](https://www.abetterinternet.org/sponsor/).
-</div>
-
-<div class="footer-option footer-option-5">
-<h6><span>Support Our Work 5</span></h6>
+<div class="post-footer">
+<h6><span>Support Our Work</span></h6>
 
 ISRG is a 501(c)(3) nonprofit organization that is 100% supported through the generosity of those who share our vision for ubiquitous, open Internet security. If you'd like to support our work, please consider [getting involved](https://www.abetterinternet.org/getinvolved/), [donating](https://www.abetterinternet.org/donate/), or encouraging your company to [become a sponsor](https://www.abetterinternet.org/sponsor/).
 </div>

diff --git a/src/css/_base.scss b/src/css/_base.scss
@@ -470,63 +470,27 @@ html[dir="rtl"] a.autoanchor {
   display: block;
 }
 
-.footer-option {
-  margin: 100px 0;
-}
-.footer-option h6 {
-  font-size: 20px;
-  // font-weight: bold;
-}
-
-.footer-option-1 {
-  font-style: italic;
-  color: #6c7686;
-}
-
-.footer-option-2 {
-  color: #6c7686;
-  padding-top: 0.5rem;
-}
-
-.footer-option-2 h6 span {
-  border-top: 3px solid #eca541;
-  padding-top: 1rem;
-}
-
-.footer-option-3 {
-  background-color: #eca541;
-  color: #2b3c69;
-  padding: 1rem;
-  border: 1px solid #6c7686;
-
-}
-
-.footer-option-4 {
+.post-footer {
   background-color: #2b3c69;
-  color: #eca541;
-  padding: 1rem;
-  border-top: 1px solid #6c7686;
+  color: #fff;
+  padding: 1.5rem;
+  margin-top: 2rem;
 }
 
-.footer-option-4 a {
+.post-footer a {
   color: #eca541;
-  text-decoration: underline;
-  text-decoration-color: #fff;
 }
 
-.footer-option-5 {
-  background-color: #2b3c69;
-  color: #fff;
-  padding: 1rem;
+.post-footer h6 {
+  font-size: 20px;
+  line-height: 1;
+  font-weight: bold;
+  margin-top: 0;
 }
 
-.footer-option-5 a {
-  color: #eca541;
-}
-.footer-option-3 h6,
-.footer-option-4 h6,
-.footer-option-5 h6 {
-  font-weight: bold;
+
+.post-footer p:last-child {
+  margin-bottom: 0;
 }