From e2735711f010cf03ba5fed56a11d1a5935fd9b97 Mon Sep 17 00:00:00 2001 From: SMT <83726258+scottmakestech@users.noreply.github.com> Date: Mon, 24 Mar 2025 12:07:43 -0500 Subject: [PATCH 1/3] Update Annual Report link --- themes/le-2025/layouts/partials/sections/home-hero.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/le-2025/layouts/partials/sections/home-hero.html b/themes/le-2025/layouts/partials/sections/home-hero.html index 1e256b7737..5b00d99f5b 100644 --- a/themes/le-2025/layouts/partials/sections/home-hero.html +++ b/themes/le-2025/layouts/partials/sections/home-hero.html @@ -38,7 +38,7 @@

{{ T "home_hero_annual_report_title" }}

{{ T "home_hero_annual_report_description" }}

- + {{ T "home_hero_annual_report_button" }} →
From 9d387ea5f920e1198bbcf391b98c56e2074de295 Mon Sep 17 00:00:00 2001 From: SMT <83726258+scottmakestech@users.noreply.github.com> Date: Mon, 24 Mar 2025 12:30:15 -0500 Subject: [PATCH 2/3] Fix image overflow in sponsor section. Move period into localization for hero text. --- i18n/cs.toml | 2 +- i18n/en.toml | 2 +- i18n/zh-cn.toml | 2 +- .../assets/css/le-2025-theme-output.css | 24 +++++++++---------- .../partials/components/sponsor-item.html | 4 ++-- .../layouts/partials/sections/home-hero.html | 2 +- .../layouts/partials/sections/sponsors.html | 8 +++---- 7 files changed, 22 insertions(+), 22 deletions(-) diff --git a/i18n/cs.toml b/i18n/cs.toml index fbbe2aa867..c651887820 100644 --- a/i18n/cs.toml +++ b/i18n/cs.toml @@ -395,7 +395,7 @@ other = "Nezisková organizace poskytující bezplatné TLS certifikáty pro ví other = "550 m" [home_hero_nonprofit_suffix] -other = "webových stránek" +other = "webových stránek." [projects_section_title] other = "Více způsobů, jak zlepšujeme bezpečnost a soukromí" diff --git a/i18n/en.toml b/i18n/en.toml index b3297ac6f7..f510b12a23 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -414,7 +414,7 @@ other = "A nonprofit providing free TLS certificates to more than" other = "550M" [home_hero_nonprofit_suffix] -other = "websites" +other = "websites." [projects_section_title] other = "More ways we're improving security and privacy" diff --git a/i18n/zh-cn.toml b/i18n/zh-cn.toml index 4b731fcddd..95f106659a 100644 --- a/i18n/zh-cn.toml +++ b/i18n/zh-cn.toml @@ -392,7 +392,7 @@ other = "A nonprofit providing free TLS certificates to more than" other = "550M" [home_hero_nonprofit_suffix] -other = "websites" +other = "websites." [projects_section_title] other = "我们促进互联网安全与隐私的其他方式" diff --git a/themes/le-2025/assets/css/le-2025-theme-output.css b/themes/le-2025/assets/css/le-2025-theme-output.css index 18c0c4910d..160b4248a2 100644 --- a/themes/le-2025/assets/css/le-2025-theme-output.css +++ b/themes/le-2025/assets/css/le-2025-theme-output.css @@ -1813,30 +1813,30 @@ div[data-netlify-deploy-id] { height: 400px; } -.h-\[70px\] { - height: 70px; +.h-\[48px\] { + height: 48px; } -.h-full { - height: 100%; +.h-\[64px\] { + height: 64px; +} + +.h-\[70px\] { + height: 70px; } -.max-h-\[48px\] { - max-height: 48px; +.h-\[80px\] { + height: 80px; } -.max-h-\[64px\] { - max-height: 64px; +.h-full { + height: 100%; } .max-h-\[80\%\] { max-height: 80%; } -.max-h-\[80px\] { - max-height: 80px; -} - .min-h-full { min-height: 100%; } diff --git a/themes/le-2025/layouts/partials/components/sponsor-item.html b/themes/le-2025/layouts/partials/components/sponsor-item.html index 9c1b9d63dd..77e5c7c94e 100644 --- a/themes/le-2025/layouts/partials/components/sponsor-item.html +++ b/themes/le-2025/layouts/partials/components/sponsor-item.html @@ -2,8 +2,8 @@ {{ with .id }}id="{{ . }}"{{ end }} {{ with .nofollow }}rel="nofollow"{{ end }} {{ with .sponsored }}rel="sponsored"{{ end }} - class="border bg-white border-gray-200 rounded-lg p-2 flex items-center h-[70px] justify-center hover:border-gray-300 transition group"> + class="border bg-white border-gray-200 rounded-lg p-2 flex items-center h-[70px] justify-center hover:border-gray-300 transition group {{ .class }}"> {{ .name }} + class=" max-w-[80%] max-h-[80%] transition-transform duration-200 ease-in-out group-hover:scale-105"> \ No newline at end of file diff --git a/themes/le-2025/layouts/partials/sections/home-hero.html b/themes/le-2025/layouts/partials/sections/home-hero.html index 5b00d99f5b..f33c00a485 100644 --- a/themes/le-2025/layouts/partials/sections/home-hero.html +++ b/themes/le-2025/layouts/partials/sections/home-hero.html @@ -9,7 +9,7 @@

{{ safeHTML (T "home_hero_heading") }}

- {{ T "home_hero_nonprofit_prefix" }} {{ T "home_hero_certificate_count" }} {{ T "home_hero_nonprofit_suffix" }}. + {{ T "home_hero_nonprofit_prefix" }} {{ T "home_hero_certificate_count" }} {{ T "home_hero_nonprofit_suffix" }}

diff --git a/themes/le-2025/layouts/partials/sections/sponsors.html b/themes/le-2025/layouts/partials/sections/sponsors.html index 403557bca8..e852deba52 100644 --- a/themes/le-2025/layouts/partials/sections/sponsors.html +++ b/themes/le-2025/layouts/partials/sections/sponsors.html @@ -10,7 +10,7 @@

{{ i18n "sponsors_heading" }}

{{ i18n "sponsors_diamond" }}

{{ range $sponsor := . }} - {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "max-h-[80px]") }} + {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "h-[80px]") }} {{ end }}
@@ -21,7 +21,7 @@

{{ i18n "sponsors_diamond" }}

{{ i18n "sponsors_platinum" }}

{{ range $sponsor := . }} - {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "max-h-[64px]") }} + {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "h-[64px]") }} {{ end }}
@@ -32,7 +32,7 @@

{{ i18n "sponsors_platinum" }}

{{ i18n "sponsors_gold" }}

{{ range $sponsor := . }} - {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "max-h-[48px]") }} + {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "h-[48px]") }} {{ end }}
@@ -43,7 +43,7 @@

{{ i18n "sponsors_gold" }}

{{ i18n "sponsors_silver" }}

{{ range $sponsor := . }} - {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "max-h-[48px]") }} + {{ partial "components/sponsor-item" (dict "url" .url "id" .id "nofollow" .nofollow "sponsored" .sponsored "image" .image "name" .name "class" "h-[48px]") }} {{ end }}
From 9d89b4f0b4aa223e8299704b41eac8ed69c39647 Mon Sep 17 00:00:00 2001 From: SMT <83726258+scottmakestech@users.noreply.github.com> Date: Mon, 24 Mar 2025 12:39:59 -0500 Subject: [PATCH 3/3] Add support for fallback sentences for home hero and global impact sections, which use html to animate specific parts of the sentence. If all of the parts needed for the animated sentence are not found, it will fallback to use the plain full sentence. --- i18n/en.toml | 2 +- .../layouts/partials/sections/home-hero.html | 6 +++++- .../layouts/partials/sections/support.html | 15 ++++++++++----- 3 files changed, 16 insertions(+), 7 deletions(-) diff --git a/i18n/en.toml b/i18n/en.toml index f510b12a23..b572ce680f 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -405,7 +405,7 @@ other = "ISRG" # Home Hero - home_hero_nonprofit_sentence used if language does not follow English word order [home_hero_nonprofit_sentence] -other = "A nonprofit providing free TLS certificates to more than ### websites" +other = "A nonprofit providing free TLS certificates to more than ### websites." [home_hero_nonprofit_prefix] other = "A nonprofit providing free TLS certificates to more than" diff --git a/themes/le-2025/layouts/partials/sections/home-hero.html b/themes/le-2025/layouts/partials/sections/home-hero.html index f33c00a485..7f68348fd5 100644 --- a/themes/le-2025/layouts/partials/sections/home-hero.html +++ b/themes/le-2025/layouts/partials/sections/home-hero.html @@ -9,7 +9,11 @@

{{ safeHTML (T "home_hero_heading") }}

- {{ T "home_hero_nonprofit_prefix" }} {{ T "home_hero_certificate_count" }} {{ T "home_hero_nonprofit_suffix" }} + {{ if and (T "home_hero_nonprofit_prefix") (T "home_hero_certificate_count") (T "home_hero_nonprofit_suffix") }} + {{ T "home_hero_nonprofit_prefix" }} {{ T "home_hero_certificate_count" }} {{ T "home_hero_nonprofit_suffix" }} + {{ else if and (T "home_hero_nonprofit_sentence") (T "home_hero_certificate_count") }} + {{ replace (T "home_hero_nonprofit_sentence") "###" (T "home_hero_certificate_count") }} + {{ end }}

diff --git a/themes/le-2025/layouts/partials/sections/support.html b/themes/le-2025/layouts/partials/sections/support.html index f0253be7e7..44042bc118 100644 --- a/themes/le-2025/layouts/partials/sections/support.html +++ b/themes/le-2025/layouts/partials/sections/support.html @@ -2,11 +2,16 @@

- {{ i18n "support_heading_base" }} {{ i18n "support_heading_word1" }} + {{ if and (i18n "support_heading_base") (i18n "support_heading_word1") (i18n "support_heading_word2") (i18n "support_heading_word3") (i18n "support_heading_word4") }} + {{ i18n "support_heading_base" }} + {{ i18n "support_heading_word1" }} + {{ else if i18n "support_heading_entire_sentence" }} + {{ i18n "support_heading_entire_sentence" }} + {{ end }}