WIP tidy up later

1 files changed, 26 insertions, 0 deletions

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