June newsletter and a new grid layout for Newsletter Archives

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; }
+}

content/newsletters/index.md

@@ -1,75 +1,80 @@
 ---
 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)
-
+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"
 ---

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 

layouts/newsletters/single.html

@@ -0,0 +1,76 @@
+{{- define "main" -}}
+{{ $newsletters := .Params.newsletters }}
+
+<article class="article nla-page">
+  {{ partial "page_header" . }}
+
+  <div class="article-container nla-container">
+
+    <div class="nla-subscribe-band">
+      <p class="nla-subscribe-label">Subscribe to the FORRT newsletter to receive the latest news, initiatives, events, and opportunities straight to your inbox.</p>
+      <div id="octopus-form-5fb3cb44-8c81-11f0-9781-f7fc195374ed">
+        <script async src="https://eocampaign1.com/form/5fb3cb44-8c81-11f0-9781-f7fc195374ed.js"
+                data-form="5fb3cb44-8c81-11f0-9781-f7fc195374ed"></script>
+      </div>
+    </div>
+
+    <div class="nla-archive-header">
+      <h3 class="nla-archive-title">Archive</h3>
+      <div class="nla-year-tabs" role="tablist" aria-label="Filter by year">
+        <button class="nla-year-tab active" data-year="all" role="tab" aria-selected="true">All</button>
+        {{ range $newsletters }}
+        <button class="nla-year-tab" data-year="{{ .year }}" role="tab" aria-selected="false"
+                style="--nla-year-color: {{ .color }}">{{ .year }}</button>
+        {{ end }}
+      </div>
+    </div>
+
+    <div class="nla-archive">
+      {{ range $newsletters }}
+      {{ $y := . }}
+      <section class="nla-year-section" data-year="{{ $y.year }}" aria-label="{{ $y.year }} issues">
+
+        <div class="nla-year-band" style="--nla-year-color: {{ $y.color }}">
+          <span class="nla-year-band-line"></span>
+          <span class="nla-year-band-label">{{ $y.year }}</span>
+          <span class="nla-year-band-line"></span>
+        </div>
+
+        <div class="nla-grid">
+          {{ range $y.issues }}
+          <a href="{{ .url }}" target="_blank" rel="noopener"
+             class="nla-card" style="--nla-year-color: {{ $y.color }}"
+             aria-label="Read {{ .month }} {{ $y.year }} newsletter">
+            <div class="nla-card-accent"></div>
+            <div class="nla-card-body">
+              {{ if .new }}<span class="nla-badge-new">New</span>{{ end }}
+              <div class="nla-card-month">{{ .month }}</div>
+              <div class="nla-card-year">{{ $y.year }}</div>
+            </div>
+            <div class="nla-card-footer">Read →</div>
+          </a>
+          {{ end }}
+        </div>
+
+      </section>
+      {{ end }}
+    </div>
+
+  </div>
+</article>
+
+<script>
+(function () {
+  var tabs = document.querySelectorAll('.nla-year-tab');
+  var sections = document.querySelectorAll('.nla-year-section');
+  tabs.forEach(function (tab) {
+    tab.addEventListener('click', function () {
+      var year = tab.dataset.year;
+      tabs.forEach(function (t) { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });
+      tab.classList.add('active'); tab.setAttribute('aria-selected', 'true');
+      sections.forEach(function (s) { s.style.display = (year === 'all' || s.dataset.year === year) ? '' : 'none'; });
+    });
+  });
+}());
+</script>
+{{- end -}}