Updates 2025-04-02 (#1883)

- Fix inline newsletter form parameter
- Invert colors for homepage Getting Started section
- Add Sponsor button to end of sponsor logos
- Increase leading of home hero to prevent letters touching on some
devices
- Reduce oversized hero padding

Author: scottmakestech

Diff for: content/en/opt-in.html

@@ -2,7 +2,7 @@
 title: Sign up for emails
 slug: opt-in
 date: 2025-01-21
-display_newsletter_embed: true
+display_inline_newsletter_embed: true
 ---
 
 <div class="text-left">

Diff for: content/en/post/2025-01-22-ending-expiration-emails.md

@@ -5,7 +5,7 @@ slug: ending-expiration-emails
 title: "Ending Support for Expiration Notification Emails"
 excerpt: "We will no longer send email reminders about upcoming certificate expirations."
 display_default_footer: true
-display_newsletter_embed: true
+display_inline_newsletter_embed: true
 ---
 
 Since its inception, Let's Encrypt has been sending expiration notification emails to subscribers that have provided an email address to us. We will be ending this service on June 4, 2025. The decision to end this service is the result of the following factors:

Diff for: content/en/post/2025-01-30-Scaling-Rate-Limits.md

@@ -5,7 +5,7 @@ slug: Scaling-Rate-Limits
 title: "Scaling Our Rate Limits to Prepare for a Billion Active Certificates"
 excerpt: "We've evolved our rate limits to better serve our subscribers and keep our service healthy."
 display_default_footer: true
-display_newsletter_embed: false
+display_inline_newsletter_embed: false
 ---
 
 Let's Encrypt protects a vast portion of the Web by providing TLS certificates to over [550 million websites](https://letsencrypt.org/stats/)—a figure that has grown by 42% in the last year alone. We currently issue over 340,000 certificates per hour. To manage this immense traffic and maintain responsiveness under high demand, our infrastructure relies on [rate limiting](https://letsencrypt.org/docs/rate-limits/). In 2015, we introduced our first rate limiting system, built on MariaDB. It evolved alongside our rapidly growing service but eventually revealed its limits: straining database servers, forcing long reset times on subscribers, and slowing down every request.

Diff for: content/en/post/2025-02-14-encryption-for-everybody.md

@@ -5,7 +5,7 @@ slug: encryption-for-everybody
 title: "Encryption for Everybody"
 excerpt: "Celebrating ten years of Let's Encrypt."
 display_default_footer: true
-display_newsletter_embed: false
+display_inline_newsletter_embed: false
 ---
 
 

Diff for: content/en/post/2025-02-20-first-short-lived-cert-issued.md

@@ -5,7 +5,7 @@ slug: first-short-lived-cert-issued
 title: "We Issued Our First Six Day Cert"
 excerpt: "Hitting a milestone on our path toward optional shorter-lived certs."
 display_default_footer: true
-display_newsletter_embed: false
+display_inline_newsletter_embed: false
 ---
 
 Earlier this year we [announced](https://letsencrypt.org/2025/01/16/6-day-and-ip-certs/) our intention to introduce short-lived certificates with lifetimes of six days as an option for our subscribers. Yesterday we issued our first short-lived certificate. You can see the certificate at the bottom of our post, or [here](https://crt.sh/?sha256=8265479AF7BB04B347260A54DB915FB294EBAACD79CDB43D86D27336B690AD26) thanks to Certificate Transparency logs. We issued it to ourselves and then immediately revoked it so we can observe the certificate's whole lifecycle. This is the first step towards making short-lived certificates available to all subscribers.

Diff for: content/en/post/2025-03-18-community-of-funders.md

@@ -5,7 +5,7 @@ slug: community-of-funders
 title: "Ten Years of Let's Encrypt: Announcing support from Jeff Atwood"
 excerpt: "Seeking to inspire our community of supporters, Jeff Atwood commits $1M to support Let's Encrypt."
 display_default_footer: true
-display_newsletter_embed: false
+display_inline_newsletter_embed: false
 ---
 
 As we touched on in our [first blog post](https://letsencrypt.org/2025/02/14/encryption-for-everybody/) highlighting ten years of Let's Encrypt: Just as remarkable to us as the technical innovations behind proliferating TLS at scale is, so too is the sustained generosity we have benefited from throughout our first decade.

Diff for: themes/le-2021/layouts/partials/footer.html

@@ -1,4 +1,4 @@
-{{ if and (ne .Section "documents") (.Page.Params.display_newsletter_embed) }}
+{{ if and (ne .Section "documents") (.Page.Params.display_inline_newsletter_embed) }}
 <div class="wrapper">
 <div class="newsletter-form-wrapper">
   {{ partial "newsletter-form" . }}
@@ -69,7 +69,7 @@ <h2>{{ i18n "footer_support_us" }}</h2>
       </div>
 
       <div class="footer-col footer-newsletter-col  footer-col-3">
-        {{ if and (not .Page.Params.should_display_prominent_newsletter_form) (not .Page.Params.display_newsletter_embed) }}
+        {{ if and (not .Page.Params.should_display_prominent_newsletter_form) (not .Page.Params.display_inline_newsletter_embed) }}
           <h6>{{ i18n "subscribe_to_newsletter_headline" }}</h6>
           {{ partial "newsletter-form" . }}
         {{ end }}

Diff for: themes/le-2025/assets/css/le-2025-theme-output.css

@@ -2089,6 +2089,11 @@ div[data-netlify-deploy-id] {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
 
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
@@ -2113,6 +2118,11 @@ div[data-netlify-deploy-id] {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[position\:top_left\] {
   background-position: top left;
 }
@@ -2311,6 +2321,14 @@ div[data-netlify-deploy-id] {
   line-height: 1.625;
 }
 
+.leading-\[1\.1\] {
+  line-height: 1.1;
+}
+
+.leading-\[1\.05\] {
+  line-height: 1.05;
+}
+
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -2552,6 +2570,11 @@ div[data-netlify-deploy-id] {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-gray-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
@@ -2780,6 +2803,14 @@ div[data-netlify-deploy-id] {
     line-height: 1;
   }
 
+  .md\:leading-\[1\.1\] {
+    line-height: 1.1;
+  }
+
+  .md\:leading-\[1\.05\] {
+    line-height: 1.05;
+  }
+
   .md\:shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

Diff for: themes/le-2025/layouts/partials/components/accordion-item.html

@@ -1,5 +1,5 @@
-<div class="accordion-item rounded-lg bg-white overflow-hidden {{ if not .last }}mb-4{{ end }}{{ if .is_open }} is-open{{ end }}">
-  <button type="button" class="accordion-button w-full px-6 py-4 flex items-center gap-3  hover:bg-gray-200" id="{{ .id }}-accordion">
+<div class="accordion-item rounded-lg bg-gray-200 overflow-hidden {{ if not .last }}mb-4{{ end }}{{ if .is_open }} is-open{{ end }}">
+  <button type="button" class="accordion-button w-full px-6 py-4 flex items-center gap-3  hover:bg-gray-300" id="{{ .id }}-accordion">
     <img src="/images/le-logo-lockonly.svg" class="w-5 h-5 transform -translate-y-0.5">
     <span class="text-left text-xl text-le-blue font-bold">{{ .title }}</span>
     <div class="ml-auto flex items-center">

Diff for: themes/le-2025/layouts/partials/components/post-hero.html

@@ -1,6 +1,6 @@
 {{ $style := .style | default dict }}
 {{ $background := index $style "background" | default "gray" }}
-{{ $padding := index $style "padding" | default "large" }}
+{{ $padding := index $style "padding" | default "small" }}
 
 {{ $backgroundClass := "" }}
 {{ if eq $background "gray" }}

Diff for: themes/le-2025/layouts/partials/footer.html

@@ -1,3 +1,10 @@
+{{ if and (.Page.Params.display_inline_newsletter_embed) }}
+<div class="narrow-container mx-auto">
+  <div class="newsletter-form-wrapper">
+    {{ partial "newsletter-form" . }}
+  </div>
+</div>
+{{ end }}
 {{ if ne .Section "documents" }}
 <footer class="bg-white text-gray-800 pt-10 pb-4">
   <div class="container">
@@ -32,13 +39,14 @@
         </div>
       </div>
 
+      {{ if not (.Page.Params.display_inline_newsletter_embed) }}
       <div class="pt-0 md:pt-[70px]">
         <div class="border border-gray-300 rounded-lg pt-3 pb-0 px-2">
           <h6 class="text-eyebrow mb-5">{{ i18n "newsletter_subscribe_heading" }}</h6>
           {{ partial "newsletter-form" . }}
         </div>
       </div>
-
+      {{ end }}
     </div>
   </div>
 </footer>

Diff for: themes/le-2025/layouts/partials/head.html

@@ -13,4 +13,4 @@
 <meta property="og:url" content="{{ .Permalink }}" />
 <link rel="alternate" type="application/rss+xml" title="Let's Encrypt Blog" href="/feed.xml">
 {{ partialCached "head/css.html" . }}
-{{ partialCached "head/js.html" . }}
+{{ partialCached "head/js.html" . }}

Diff for: themes/le-2025/layouts/partials/sections/getting-started.html

@@ -1,19 +1,16 @@
-<!-- Getting Started Section -->
-<div class="bg-le-blue">
+<div class="bg-gray-50">
   <div class="container mx-auto section-padding-2xl px-4">
     <div class="grid gap-16 md:grid-cols-2">
-      <!-- Left column -->
       <div class="flex flex-col min-h-full">
         <div class="space-y-6">
-          <div class="text-eyebrow text-white">{{ T "getting_started_eyebrow" }}</div>
-          <h1 class="text-4xl font-bold text-white">{{ T "getting_started_heading" }}</h1>
-          <p class="text-white text-lg leading-relaxed">
+          <div class="text-eyebrow text-black">{{ T "getting_started_eyebrow" }}</div>
+          <h1 class="text-4xl font-bold text-black">{{ T "getting_started_heading" }}</h1>
+          <p class="text-black text-lg leading-relaxed">
             {{ T "getting_started_description" }}
           </p>
         </div>
       </div>
 
-      <!-- Right column -->
       <div class="space-y-4">
         <div class="w-full accordion-container">
           {{ partial "components/accordion-item" (dict

Diff for: themes/le-2025/layouts/partials/sections/home-hero.html

@@ -5,7 +5,7 @@
       <div class="grid md:grid-cols-12 gap-8 items-center">
         <div class="md:col-span-8">
           <div class="text-left">
-            <h1 class="text-4xl md:text-6xl font-bold mb-3">
+            <h1 class="text-4xl md:text-6xl font-bold mb-3 leading-[1.05] md:leading-[1.05]">
               {{ safeHTML (T "home_hero_heading") }}
             </h1>
             <h2 class="text-2xl md:text-3xl font-bold mb-6 text-balance">

Diff for: themes/le-2025/layouts/partials/sections/sponsors.html

@@ -48,5 +48,11 @@ <h3 class="text-eyebrow mb-6">{{ i18n "sponsors_silver" }}</h3>
       </div>
     </div>
     {{ end }}
+
+    <div class="flex justify-center pt-10">
+      <a href="/sponsor" class="btn btn-primary">
+        {{ i18n "support_sponsor_button" }}
+      </a>
+    </div>
   </div>
 </div>