ferst-core 0.7.5 → 0.7.6

package/cms/config.template.yml

@@ -126,6 +126,19 @@ collections:
             fields:
               - { name: label, label: Label, widget: string }
               - { name: href, label: Link, widget: string }
+          - name: groups
+            label: Footer columns
+            widget: list
+            required: false
+            hint: Headed columns for policies, safeguarding, documents and forms — keep the main menu short.
+            fields:
+              - { name: heading, label: Heading, widget: string }
+              - name: links
+                label: Links
+                widget: list
+                fields:
+                  - { name: label, label: Label, widget: string }
+                  - { name: href, label: Link, widget: string }
 
       - name: calendar-settings
         label: Calendar

package/components/SiteFooter.astro

@@ -28,9 +28,11 @@ interface Props {
   tagline?: string;
   /** The site's call-to-action (navbarSettings.cta), shown beside Facebook; null hides it. */
   cta?: { label: string; href: string } | null;
+  /** Headed columns of reference links (policies, documents, forms). */
+  groups?: Array<{ heading: string; links: NavLink[] }>;
 }
 
-const { facebookUrl, footerLinks, footerClass, shortName, tagline, cta = { label: 'Contact', href: '/contact/' } } = Astro.props;
+const { facebookUrl, footerLinks, footerClass, shortName, tagline, cta = { label: 'Contact', href: '/contact/' }, groups = [] } = Astro.props;
 const year = new Date().getFullYear();
 ---
 
@@ -65,6 +67,19 @@ const year = new Date().getFullYear();
     </div>
   </div>
 
+  {groups.length > 0 && (
+    <nav class="footer-groups" aria-label="Site information">
+      {groups.map((g) => (
+        <div class="footer-group">
+          <h2 class="footer-group__title">{g.heading}</h2>
+          <ul>
+            {g.links.map((l) => <li><a href={l.href}>{l.label}</a></li>)}
+          </ul>
+        </div>
+      ))}
+    </nav>
+  )}
+
   <div class="footer-bottom">
     <nav class="footer-nav" aria-label="Footer navigation">
       {footerLinks.map((link) => (
@@ -271,4 +286,40 @@ const year = new Date().getFullYear();
       gap: 1rem;
     }
   }
+
+  /* Headed columns of reference links: policies, documents, forms. */
+  .site-footer .footer-groups {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
+    gap: 1.5rem 2rem;
+    max-width: 72rem;
+    margin: 0 auto;
+    padding: 1.75rem clamp(1.25rem, 4vw, 2.5rem) 0.5rem;
+  }
+  .site-footer .footer-group__title {
+    margin: 0 0 0.6rem;
+    font-family: var(--font-heading);
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--text-footer);
+    opacity: 0.8;
+  }
+  .site-footer .footer-group ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: grid;
+    gap: 0.45rem;
+  }
+  .site-footer .footer-group a {
+    color: var(--text-footer-link);
+    text-decoration: none;
+    font-size: 0.9375rem;
+  }
+  .site-footer .footer-group a:hover,
+  .site-footer .footer-group a:focus-visible {
+    text-decoration: underline;
+  }
 </style>