diff options
| author | Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> | 2024-01-26 16:18:15 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-26 16:18:15 +0000 |
| commit | 87cf8d81c2ac791eec5a621c1b1fc97d9f69168a (patch) | |
| tree | 156ad5aec39a4c1496ff24d083155a79aa8e6e45 /src/components/LallansIssuesGallery.astro | |
| parent | fab184fe597c1c833cd0afee66387160f3029bdf (diff) | |
| parent | f478077f01603f35816d768b6c6057e93fa00d95 (diff) | |
Merge pull request #71 from joeacarstairs/fix-furthsettins-aspect-ratio
Various furthsettins improvements
Diffstat (limited to 'src/components/LallansIssuesGallery.astro')
| -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> |