Add figure and figcaption elmeent paired shortcode

This commit is contained in:
Helen Chong 2024-05-07 14:48:11 +08:00
parent 8ddee223d6
commit b249c638a9
11 changed files with 54 additions and 51 deletions

View File

@ -377,6 +377,16 @@
<ul class="content-list">
<li>
<p class="content-list__title">
<a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources
</a>
</p>
<time>7 May 2024</time>
</li>
<li>
<p class="content-list__title">
<a href="/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/">
@ -407,16 +417,6 @@
<time>20 April 2024</time>
</li>
<li>
<p class="content-list__title">
<a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources
</a>
</p>
<time>20 April 2024</time>
</li>
<li>
<p class="content-list__title">
<a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/">

View File

@ -387,7 +387,7 @@
</a>
</p>
<time>20 April 2024</time>
<time>7 May 2024</time>
</li>
<li>

View File

@ -382,18 +382,18 @@
<li>
<p class="content-list__title">
<a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview | Resources
<a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources
</a>
</p>
<time>20 April 2024</time>
<time>7 May 2024</time>
</li>
<li>
<p class="content-list__title">
<a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources
<a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview | Resources
</a>
</p>

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/>
<updated>2024-05-07T04:16:16Z</updated>
<updated>2024-05-07T06:47:08Z</updated>
<id>https://leilukin.neocities.org</id>
<author>
<name>Leilukin</name>

View File

@ -450,7 +450,7 @@
<figure>
<img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summers End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<figcaption>
[Image description: Sam and Michelle from A Summers End almost kisses, with a play symbol and text on the top left corner, and the text "My Dear Summer Lover: A Sam x Michelle Fanmix" in a digital style font in front.]
[Image description: Sam and Michelle from A Summers End almost kisses, with a play symbol and text on the top left corner, and the text &quot;My Dear Summer Lover: A Sam x Michelle Fanmix&quot; in a digital style font in front.]
</figcaption>
</figure>
<p>A fanmix for the visual novel <a href="https://www.asummersend.com/home" target="_blank"><cite>A Summers End — Hong Kong 1986</cite></a>, dedicated to Sam and Michelles love story.</p>

View File

@ -380,7 +380,7 @@
<figure>
<img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summers End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<figcaption>
[Image description: Sam and Michelle from A Summers End almost kisses, with a play symbol and text on the top left corner, and the text "My Dear Summer Lover: A Sam x Michelle Fanmix" in a digital style font in front.]
[Image description: Sam and Michelle from A Summers End almost kisses, with a play symbol and text on the top left corner, and the text &quot;My Dear Summer Lover: A Sam x Michelle Fanmix&quot; in a digital style font in front.]
</figcaption>
</figure>
<p>My fanmix for <a href="https://www.asummersend.com/home" target="_blank"><cite>A Summers End — Hong Kong 1986</cite></a>, dedicated to Sam and Michelles love story.</p>

View File

@ -417,8 +417,8 @@
<li><a href="/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/">Redeeming Bastila Guide</a></li>
<li><a href="/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/">Sandral-Matale Feud Ending Guide</a></li></ul></li>
<li><a href="/shrines/starwarskotor/resources/">Resources</a><ul><li><a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/">List of Same-Gender Romance Mods for Star Wars: Knights of the Old Republic Series</a></li>
<li><a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
<li><a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li></ul></li>
<li><a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
<li><a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li></ul></li>
<li><a href="/shrines/starwarskotor/universes/">Universes</a></li></ul></li>
<li><a href="/shrines/asummersend/">A Summers End — Hong Kong 1986 Shrine</a><ul><li><a href="/shrines/asummersend/playlists/">Playlists</a></li>
<li><a href="/shrines/asummersend/trivia/">Trivia</a></li>

View File

@ -79,6 +79,15 @@ module.exports = function (eleventyConfig) {
return `<${el}${classMarkup}>${content}</${el}>`;
});
// Paired shortcode: figure element with figcaption
eleventyConfig.addPairedShortcode('figure', (caption, img, alt=caption) => {
const figcaption = markdownLibrary.renderInline(caption);
return `<figure>
<img src="${img}" alt="${alt}">
<figcaption>${figcaption}</figcaption>
</figure>`;
});
// Paired shorcode: Spoiler accordion
eleventyConfig.addPairedShortcode('spoiler', (content, hint) => {
const hintMarkup = markdownLibrary.renderInline(hint);

View File

@ -1,10 +1,7 @@
{% macro myASEPlaylist(intro) %}
<figure>
<img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summers End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<figcaption>
{% figure "/assets/projects/playlists/My-Dear-Summer-Lover-cover.png", "Cover image of A Summers End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'" %}
[Image description: Sam and Michelle from A Summers End almost kisses, with a play symbol and text on the top left corner, and the text "My Dear Summer Lover: A Sam x Michelle Fanmix" in a digital style font in front.]
</figcaption>
</figure>
{% endfigure %}
{{ intro }} [{% cite "A Summers End — Hong Kong 1986" %}](https://www.asummersend.com/home){target="_blank"}, dedicated to Sam and Michelles love story.

View File

@ -7,12 +7,9 @@ categories: ["anti harry potter", "anti jk rowling"]
toc: true
---
<figure>
<img src="/assets/banners/harry-potter-free-site.png" alt="An anime girl crossing arms with a sidelong look and a Harry Potter-free message">
<figcaption>
{% figure "/assets/banners/harry-potter-free-site.png", "An anime girl crossing arms with a sidelong look and a Harry Potter-free message" %}
This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
</figcaption>
</figure>
{% endfigure %}
(Credit to Tumblr user [comradesaucegay](https://comradesaucegay.tumblr.com/post/621403039459426304){target="_blank"} for this Harry Potter-free website banner){.center-text}