summaryrefslogtreecommitdiff
path: root/src/components/LallansIssuesGallery.astro
blob: 420d83f8c269c82cf785cbb13a59255261af781d (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 { 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={`/images/lallans/issue${issue.issueNumber}.jpg`}
          />
          <p class="lallans-issues-gallery__issue-title">
            Lallans {issue.issueNumber} | {issue.issueName}
          </p>
        </a>
      </li>
    ))
  }
</ul>