From d494739e4823424bb54d81e21b57e4725544eb07 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <jcarstairs@scottlogic.com>
Date: Fri, 4 Aug 2023 21:12:12 +0100
Subject: WIP tidy up later

---
 frontend/src/components/LallansIssuesGallery.astro | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/src/components/LallansIssuesGallery.astro

(limited to 'frontend/src/components/LallansIssuesGallery.astro')

diff --git a/frontend/src/components/LallansIssuesGallery.astro b/frontend/src/components/LallansIssuesGallery.astro
new file mode 100644
index 0000000..1580e53
--- /dev/null
+++ b/frontend/src/components/LallansIssuesGallery.astro
@@ -0,0 +1,26 @@
+---
+import type LallansIssue from '../types/LallansIssue';
+import type Locale from '../types/Locale';
+import { getAllLallansIssues } from '../data/lallans';
+
+const issues = await getAllLallansIssues();
+---
+
+<ul class="lallans-issues-gallery">
+  { issues.map(issue => (
+    <li>
+      <a
+        class="link lallans-issues-gallery__issue-container"
+        href={ `lallans/${issue.issueNumber}` }
+      >
+        <img
+          class="lallans-issues-gallery__issue-cover-image"
+          src={ `/public/images/lallans/issue${issue.issueNumber}.jpg` }
+        />
+        <p class="lallans-issues-gallery__issue-title">
+          Lallans { issue.issueNumber } | { issue.issueName }
+        </p>
+      </a>
+    </li>
+  ))}
+</ul>
\ No newline at end of file
-- 
cgit v1.2.3