move to top banner

layouts/partials/sections/news.html

@@ -0,0 +1,20 @@
+{{/*
+  "What's new": a grid of linked cards. `items`, each with `tag` (e.g.
+  Blog, Video, Event), `title`, optional `date`, `url`, and `image`
+  (a gradient panel shows without one).
+*/}}
+{{ $s := . }}
+{{ partial "sections/head.html" $s }}
+<ul class="news-grid">
+  {{ range $i, $n := $s.items }}
+  <li>
+    <a class="news-card" href="{{ $n.url | default "#" | relURL }}">
+      {{ with $n.image }}<img class="news-visual" src="{{ . | relURL }}" alt="" loading="lazy">
+      {{ else }}<span class="news-visual card-art" style="--i:{{ $i }}" aria-hidden="true">{{ if eq $n.tag "Video" }}<span class="news-play"></span>{{ end }}</span>{{ end }}
+      <span class="news-meta">{{ with $n.tag }}<span class="news-tag">{{ . }}</span>{{ end }}{{ with $n.date }}<span class="news-date">{{ . }}</span>{{ end }}</span>
+      <span class="news-title">{{ $n.title }}</span>
+    </a>
+  </li>
+  {{ end }}
+</ul>
+{{ if $s.ctas }}<div class="cta-row">{{ partial "sections/ctas.html" $s.ctas }}</div>{{ end }}