summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Footer.astro9
-rw-r--r--src/components/LallansIssuesGallery.astro26
2 files changed, 35 insertions, 0 deletions
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..6ad0052
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,9 @@
+---
+
+---
+
+<footer>
+ <p class="btn btn--dark back-to-top-link">
+ <a href="#main">▴ Back til tap</a>
+ </p>
+</footer>
diff --git a/src/components/LallansIssuesGallery.astro b/src/components/LallansIssuesGallery.astro
new file mode 100644
index 0000000..1580e53
--- /dev/null
+++ b/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