From bf8bdbfc4520e2a79cbe27fb49039480ace39287 Mon Sep 17 00:00:00 2001 From: richarddushime Date: Wed, 1 Jul 2026 11:39:30 +0200 Subject: [PATCH 1/2] June newsletter and new layout --- assets/scss/custom.scss | 83 ++++++++++++++++++ content/newsletters/index.md | 150 +++++++++++++++++--------------- content/welcome/index.md | 2 +- layouts/newsletters/single.html | 76 ++++++++++++++++ 4 files changed, 238 insertions(+), 73 deletions(-) create mode 100644 layouts/newsletters/single.html diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index c1908fe41b8..481ef033aa1 100644 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -2990,3 +2990,86 @@ h1.clusters-site-heading.clusters-hub-page__title { gap: 0.25rem; } } + +/* ── Newsletter Archives ── */ +.nla-subscribe-band { + display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; + background: #f0f4f8; border: 1px solid #dde4ec; border-radius: 8px; + padding: 0.65rem 1rem; margin-bottom: 1.5rem; +} +.nla-subscribe-label { margin: 0; font-size: 0.78rem; color: #4a5568; font-weight: 500; } + +.nla-archive-header { + display: flex; align-items: center; flex-wrap: wrap; + gap: 0.6rem; margin-bottom: 1rem; +} +.nla-archive-title { font-size: 0.88rem; font-weight: 700; color: #2d3748; margin: 0; } +.nla-year-tabs { display: flex; flex-wrap: wrap; gap: 0.3rem; } +.nla-year-tab { + background: transparent; border: 1px solid #cbd5e0; color: #4a5568; + font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.6rem; + border-radius: 20px; cursor: pointer; font-family: inherit; + transition: background 0.15s, border-color 0.15s, color 0.15s; +} +.nla-year-tab:hover { border-color: var(--nla-year-color, #2c7a7b); color: var(--nla-year-color, #2c7a7b); } +.nla-year-tab.active { background: var(--nla-year-color, #2c7a7b); border-color: var(--nla-year-color, #2c7a7b); color: #fff; } +.nla-year-tab[data-year="all"].active { background: #2d3748; border-color: #2d3748; } + +.nla-year-section { margin-bottom: 1.5rem; } +.nla-year-band { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; } +.nla-year-band-label { + font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; + text-transform: uppercase; color: var(--nla-year-color, #2c7a7b); white-space: nowrap; +} +.nla-year-band-line { + flex: 1; height: 1px; opacity: 0.25; + background: linear-gradient(90deg, var(--nla-year-color, #2c7a7b), transparent); +} +.nla-year-band-line:first-of-type { + background: linear-gradient(270deg, var(--nla-year-color, #2c7a7b), transparent); +} + +.nla-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); gap: 0.4rem; } + +.nla-card { + display: flex; flex-direction: column; min-height: 100px; + background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; + overflow: hidden; text-decoration: none; color: inherit; + transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; +} +.nla-card:hover { + transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.09); + border-color: var(--nla-year-color, #2c7a7b); text-decoration: none; color: inherit; +} +.nla-card-accent { height: 3px; background: var(--nla-year-color, #2c7a7b); } +.nla-card-body { + flex: 1; display: flex; flex-direction: column; align-items: center; + justify-content: center; padding: 0.55rem 0.1rem 0.1rem; + text-align: center; gap: 0.1rem; position: relative; +} +.nla-badge-new { + background: #e8423c; color: #fff; + font-size: 0.45rem; font-weight: 900; letter-spacing: 0.08em; + text-transform: uppercase; padding: 0.1em 0.4em; border-radius: 3px; + box-shadow: 0 1px 3px rgba(232,66,60,0.3); margin-bottom: 0.15rem; +} +.nla-card-month { font-size: 0.82rem; font-weight: 700; color: #2d3748; line-height: 1.1; } +.nla-card-year { font-size: 0.62rem; color: #718096; } +.nla-card-footer { + padding: 0.2rem 0.1rem 0.25rem; text-align: center; + font-size: 0.62rem; font-weight: 700; color: var(--nla-year-color, #2c7a7b); + letter-spacing: 0.06em; opacity: 0; transition: opacity 0.15s; +} +.nla-card:hover .nla-card-footer { opacity: 1; } + +.dark .nla-subscribe-band { background: #1a202c; border-color: #2d3748; } +.dark .nla-subscribe-label { color: #a0aec0; } +.dark .nla-archive-title { color: #e2e8f0; } +.dark .nla-year-tab { border-color: #4a5568; color: #a0aec0; } +.dark .nla-card { background: #1a202c; border-color: #2d3748; } +.dark .nla-card-month { color: #e2e8f0; } + +@media (max-width: 600px) { + .nla-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); } + .nla-archive-header, .nla-subscribe-band { flex-direction: column; align-items: flex-start; } +} diff --git a/content/newsletters/index.md b/content/newsletters/index.md index d5bbe2ad7ae..a0fd59e72da 100644 --- a/content/newsletters/index.md +++ b/content/newsletters/index.md @@ -1,75 +1,81 @@ --- title: Newsletter Archives ---- -Stay updated by subscribing to the FORRT Newsletter -{{< subscribe >}} - -**:calendar: 2026** - -[| May 🆕](https://eocampaign1.com/web-version?p=fc2dc0f2-5a02-11f1-acce-9d9105ec3473&pt=campaign&t=1779997339&s=3af80e5a532a00aab817156af2b3a85643ab7b668d1960d384ba6d9ee2072ddd) - -[| April ](https://eocampaign1.com/web-version?p=8644de88-42bb-11f1-bea3-9d65e0900500&pt=campaign&t=1777532460&s=1106ac34f85bfa9f49456127a0721dc5de49dcde3135c164ab272a08a51f553e) - -[| March ](https://eocampaign1.com/web-version?p=37587f24-13bc-11f1-a58e-016a4c8ed9d0&pt=campaign&t=1774939747&s=0364890f4fe6275bb6fcf840a4994b12cab30ff7fa9428df282730367dd893bb) - -[| February ](https://eocampaign1.com/web-version?p=e0c335de-11b6-11f1-a1c2-6ba123ee4ad5&pt=campaign&t=1772047352&s=dec61220bf547f2a4345d54a8819f206f19df3923ec3234ae2e98517cbe4d9a7) - -[| January ](https://eocampaign1.com/web-version?p=fe198ab4-f705-11f0-b264-b3838bc6094d&pt=campaign&t=1769634321&s=8d9de871b0b694f3fb7ea79f9d5365fb858c018631402d1f306912c583e846e0) - -**Archives :calendar: 2025** - -[| November 2025](https://eocampaign1.com/web-version?p=9da7ff18-ca40-11f0-805f-0b7f4a24d8f2&pt=campaign&t=1764317790&s=488ccb62acab0d426b8ec62f02bd6034ee628c1275e0559b6689914870de5485) - -[| October 2025](https://eocampaign1.com/web-version?p=4b518678-a414-11f0-bce9-e9770cb46815&pt=campaign&t=1761811280&s=d307b488e66abc12b64a05f6f6e045787a870b27309d5be18bd067643f7ac7ff) - -[| September 2025](https://eocampaign1.com/web-version?p=9d2542f8-89a9-11f0-b475-23ec281bb67b&pt=campaign&t=1758528860&s=eea14e0decade201a0d677844e58344cbdb29bd474af14a1236ee92ee32a9c38) - -[| June 2025](https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=5161198508) - -[| May 2025](https://mailchi.mp/forrt/forrt-newsletter-10337231?e=626cf66991) - -[| April 2025](https://mailchi.mp/forrt/forrt-newsletter-10336035?e=626cf66991) - -[| March 2025](https://mailchi.mp/forrt/forrt-newsletter-10335133?e=626cf66991) - -[| February 2025](https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=ee4ccbd93a) - -[| January 2025](https://mailchi.mp/forrt/forrt-newsletter-10332513?e=626cf66991) - -**Archives :calendar: 2024** - -[| November 2024](https://mailchi.mp/forrt/forrt-newsletter-10331615?e=626cf66991) - -[| October 2024](https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=7373fd5817) - -[| September 2024](https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=aa76d449b1) - -[| June 2024](https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=8794516653) - -[| May 2024](https://mailchi.mp/forrt/forrt-newsletter-10322031?e=b822aa3541) - -[| April 2024](https://eepurl.com/iNOpHc) - -[| March 2024](https://eepurl.com/iMC_ws) - -[| February 2024](https://eepurl.com/iJ49B-/) - -[| January 2024](http://eepurl.com/iF50HU) - -**Archives :calendar: 2023** - -[| November 2023](https://eepurl.com/iDsmPs) - -[| October 2023](https://eepurl.com/izZ49-/) - -[| September 2023](https://eepurl.com/itk9F-/) - -[| January 13th 2023](https://eepurl.com/ieYWrv) - -**Archives :calendar: 2022** - -[| August 19th 2022](https://eepurl.com/h5Y7xb) - -[| April 20th 2022](https://eepurl.com/hZ06Bb) - +# description: +newsletters: + - year: 2026 + color: "#2c7a7b" + issues: + - month: "June" + url: "https://eocampaign1.com/web-version?p=a79bb344-73d1-11f1-a663-494f0ddf7524&pt=campaign&t=1782859269&s=3ae2d2946128703ed9115e6c0298dcc114fb97972e4eb76fb25ec221e2598a4e" + new: true + - month: "May" + url: "https://eocampaign1.com/web-version?p=fc2dc0f2-5a02-11f1-acce-9d9105ec3473&pt=campaign&t=1779997339&s=3af80e5a532a00aab817156af2b3a85643ab7b668d1960d384ba6d9ee2072ddd" + - month: "April" + url: "https://eocampaign1.com/web-version?p=8644de88-42bb-11f1-bea3-9d65e0900500&pt=campaign&t=1777532460&s=1106ac34f85bfa9f49456127a0721dc5de49dcde3135c164ab272a08a51f553e" + - month: "March" + url: "https://eocampaign1.com/web-version?p=37587f24-13bc-11f1-a58e-016a4c8ed9d0&pt=campaign&t=1774939747&s=0364890f4fe6275bb6fcf840a4994b12cab30ff7fa9428df282730367dd893bb" + - month: "February" + url: "https://eocampaign1.com/web-version?p=e0c335de-11b6-11f1-a1c2-6ba123ee4ad5&pt=campaign&t=1772047352&s=dec61220bf547f2a4345d54a8819f206f19df3923ec3234ae2e98517cbe4d9a7" + - month: "January" + url: "https://eocampaign1.com/web-version?p=fe198ab4-f705-11f0-b264-b3838bc6094d&pt=campaign&t=1769634321&s=8d9de871b0b694f3fb7ea79f9d5365fb858c018631402d1f306912c583e846e0" + - year: 2025 + color: "#3b82c4" + issues: + - month: "November" + url: "https://eocampaign1.com/web-version?p=9da7ff18-ca40-11f0-805f-0b7f4a24d8f2&pt=campaign&t=1764317790&s=488ccb62acab0d426b8ec62f02bd6034ee628c1275e0559b6689914870de5485" + - month: "October" + url: "https://eocampaign1.com/web-version?p=4b518678-a414-11f0-bce9-e9770cb46815&pt=campaign&t=1761811280&s=d307b488e66abc12b64a05f6f6e045787a870b27309d5be18bd067643f7ac7ff" + - month: "September" + url: "https://eocampaign1.com/web-version?p=9d2542f8-89a9-11f0-b475-23ec281bb67b&pt=campaign&t=1758528860&s=eea14e0decade201a0d677844e58344cbdb29bd474af14a1236ee92ee32a9c38" + - month: "June" + url: "https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=5161198508" + - month: "May" + url: "https://mailchi.mp/forrt/forrt-newsletter-10337231?e=626cf66991" + - month: "April" + url: "https://mailchi.mp/forrt/forrt-newsletter-10336035?e=626cf66991" + - month: "March" + url: "https://mailchi.mp/forrt/forrt-newsletter-10335133?e=626cf66991" + - month: "February" + url: "https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=ee4ccbd93a" + - month: "January" + url: "https://mailchi.mp/forrt/forrt-newsletter-10332513?e=626cf66991" + - year: 2024 + color: "#c05621" + issues: + - month: "November" + url: "https://mailchi.mp/forrt/forrt-newsletter-10331615?e=626cf66991" + - month: "October" + url: "https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=7373fd5817" + - month: "September" + url: "https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=aa76d449b1" + - month: "June" + url: "https://us14.campaign-archive.com/?u=64c29a25a0ca81454399d522e&id=8794516653" + - month: "May" + url: "https://mailchi.mp/forrt/forrt-newsletter-10322031?e=b822aa3541" + - month: "April" + url: "https://eepurl.com/iNOpHc" + - month: "March" + url: "https://eepurl.com/iMC_ws" + - month: "February" + url: "https://eepurl.com/iJ49B-/" + - month: "January" + url: "http://eepurl.com/iF50HU" + - year: 2023 + color: "#6b46c1" + issues: + - month: "November" + url: "https://eepurl.com/iDsmPs" + - month: "October" + url: "https://eepurl.com/izZ49-/" + - month: "September" + url: "https://eepurl.com/itk9F-/" + - month: "January" + url: "https://eepurl.com/ieYWrv" + - year: 2022 + color: "#b83280" + issues: + - month: "August" + url: "https://eepurl.com/h5Y7xb" + - month: "April" + url: "https://eepurl.com/hZ06Bb" --- diff --git a/content/welcome/index.md b/content/welcome/index.md index ed3c9a749bb..6cd37d1bc60 100644 --- a/content/welcome/index.md +++ b/content/welcome/index.md @@ -24,7 +24,7 @@ type: welcome step="3" title="Browse Resources" description="Explore our curated collection of over 1,400 resources to find materials relevant to your teaching needs." - url="/curated_resources" + url="/resources" >}} {{< welcome diff --git a/layouts/newsletters/single.html b/layouts/newsletters/single.html new file mode 100644 index 00000000000..117f758d44a --- /dev/null +++ b/layouts/newsletters/single.html @@ -0,0 +1,76 @@ +{{- define "main" -}} +{{ $newsletters := .Params.newsletters }} + +
+ {{ partial "page_header" . }} + +
+ +
+

Stay updated by subscribing to the FORRT Newsletter

+
+ +
+
+ +
+

Archive

+
+ + {{ range $newsletters }} + + {{ end }} +
+
+ +
+ {{ range $newsletters }} + {{ $y := . }} +
+ +
+ + {{ $y.year }} + +
+ +
+ {{ range $y.issues }} + +
+
+ {{ if .new }}New{{ end }} +
{{ .month }}
+
{{ $y.year }}
+
+
Read →
+ + {{ end }} +
+ +
+ {{ end }} +
+ +
+
+ + +{{- end -}} From 4f9f2ce570be7d32b9a4b776718722e5a758fb23 Mon Sep 17 00:00:00 2001 From: richarddushime Date: Wed, 1 Jul 2026 11:56:31 +0200 Subject: [PATCH 2/2] cta --- content/newsletters/index.md | 1 - layouts/newsletters/single.html | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/content/newsletters/index.md b/content/newsletters/index.md index a0fd59e72da..133346dd63d 100644 --- a/content/newsletters/index.md +++ b/content/newsletters/index.md @@ -1,6 +1,5 @@ --- title: Newsletter Archives -# description: newsletters: - year: 2026 color: "#2c7a7b" diff --git a/layouts/newsletters/single.html b/layouts/newsletters/single.html index 117f758d44a..a99496e6483 100644 --- a/layouts/newsletters/single.html +++ b/layouts/newsletters/single.html @@ -7,7 +7,7 @@
-

Stay updated by subscribing to the FORRT Newsletter

+

Subscribe to the FORRT newsletter to receive the latest news, initiatives, events, and opportunities straight to your inbox.