Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Turn shrine index into a list

This commit is contained in:
Helen Chong 2024-06-13 17:28:57 +08:00
parent 44165dcefb
commit fa38966821
1 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/shrines.njk
View File

@ -10,14 +10,32 @@ eleventyComputed:
<p>Here is a list of shrines I have made for my own website.</p>
<h2><a href="./asummersend/">{% cite "A Summer’s End — Hong Kong 1986" %}</a></h2>
<ul class="shrine-index">
<li>
<h2><a href="./asummersend/">{% cite "A Summer’s End — Hong Kong 1986" %}</a></h2>
<img src="/assets/shrines/asummersend/images/ASE_Key_art_intro.avif" alt="Key art of A Summer’s End — Hong Kong 1986" loading="lazy">
</li>
<li>
<h2><a href="./starwarskotor/">{% cite "Star Wars: Knights of the Old Republic" %}</a></h2>
<img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="Key art of the Star Wars: Knights of the Old Republic series" loading="lazy">
</li>
<li>
<h2><a href="./cassettebeasts/">{% cite "Cassette Beasts" %}</a></h2>
<img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Key art of Cassette Beasts" loading="lazy">
</li>
</ul>
<img src="/assets/shrines/asummersend/images/ASE_Key_art_intro.avif" alt="Key art of A Summer’s End — Hong Kong 1986" loading="lazy">
<style>
.shrine-index {
display: grid;
gap: 2em;
list-style: none;
padding: 0;
margin: 2em 0 0;
}
<h2><a href="./starwarskotor/">{% cite "Star Wars: Knights of the Old Republic" %}</a></h2>
<img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="Key art of the Star Wars: Knights of the Old Republic series" loading="lazy">
<h2><a href="./cassettebeasts/">{% cite "Cassette Beasts" %}</a></h2>
<img src="/assets/shrines/cassettebeasts/images/CassetteBeasts_keyart_16_9.avif" alt="Key art of Cassette Beasts" loading="lazy">
.shrine-index li {
display: grid;
gap: 0.7em;
}
</style>