diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.astro | 9 | ||||
| -rw-r--r-- | src/components/LallansIssuesGallery.astro | 26 |
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 |
