From 87a291cc6b79610cc48e804fb94e6ab558a05528 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <jcarstairs@scottlogic.com>
Date: Fri, 26 Jan 2024 15:46:42 +0000
Subject: Lallans gallery splashes most recent issue only

---
 src/components/LallansIssuesGallery.astro | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/LallansIssuesGallery.astro b/src/components/LallansIssuesGallery.astro
index 3e79de9..f4c8e16 100644
--- a/src/components/LallansIssuesGallery.astro
+++ b/src/components/LallansIssuesGallery.astro
@@ -10,19 +10,37 @@ const issues = (await getAllLallansIssues()).sort(issueNumberDescending);
 function issueNumberDescending(issue1: LallansIssue, issue2: LallansIssue) {
   return issue2.issueNumber - issue1.issueNumber;
 }
+
+const mostRecentIssue = issues[0];
+const allOtherIssues = issues.slice(1);
 ---
 
-<ul class="link-gallery">
+<ul class="link-gallery link-gallery--splash-first">
+  <li>
+    <a
+      class="link-gallery__container"
+      href={`/${locale}/furthsettins/lallans/${mostRecentIssue.issueNumber}`}
+    >
+      <Image src={mostRecentIssue.img.width192} alt="" />
+      <p class="link-gallery__title">
+        Lallans {mostRecentIssue.issueNumber}
+        <br />
+        <small>{mostRecentIssue.issueName}</small>
+      </p>
+    </a>
+  </li>
+
   {
-    issues.map(async (issue) => (
+    allOtherIssues.map((issue) => (
       <li>
         <a
           class="link-gallery__container"
           href={`/${locale}/furthsettins/lallans/${issue.issueNumber}`}
         >
-          <Image src={issue.img.width192} alt="" />
           <p class="link-gallery__title">
-            Lallans {issue.issueNumber} | {issue.issueName}
+            Lallans {issue.issueNumber}
+            <br />
+            <small>{issue.issueName}</small>
           </p>
         </a>
       </li>
-- 
cgit v1.2.3