diff options
| author | Joe Carstairs <jcarstairs@scottlogic.com> | 2024-01-26 15:46:42 +0000 |
|---|---|---|
| committer | Joe Carstairs <jcarstairs@scottlogic.com> | 2024-01-26 16:11:09 +0000 |
| commit | 87a291cc6b79610cc48e804fb94e6ab558a05528 (patch) | |
| tree | ec3dd9ed94695ad74019ef71562eb058262f2ab8 | |
| parent | 85ee3a64d521a85a7aa2e655bb3a6d3368502372 (diff) | |
Lallans gallery splashes most recent issue only
| -rw-r--r-- | src/components/LallansIssuesGallery.astro | 26 |
1 files 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> |