summaryrefslogtreecommitdiff
path: root/src/components/LallansIssuesGallery.astro
blob: 1580e539ca8db1946697bb84cf598433d97ccd47 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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>