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

@ -461,11 +461,11 @@
<article class="article">
<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>
This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
</figcaption>
</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>
This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
</figcaption>
</figure>
<p class="center-text">(Credit to Tumblr user <a href="https://comradesaucegay.tumblr.com/post/621403039459426304" target="_blank">comradesaucegay</a> for this Harry Potter-free website banner)</p>
<p>Like many millennials, I grew up with the <cite>Harry Potter</cite> series and was a major fan of the series. I had read the original 7 books and watched their film adaptations. The series was a passion of mine during my early- to mid-teen years. While the Harry Potter novels were far from the first books I read, they were the first fantasy novels I read, and the series concept of a magical world set in a contemporary setting fascinated teenage me.</p>
<p>However, even during my <cite>Harry Potter</cite> fixation years, there were things from the series that bothered me, from the idea of house elves being a slave race that naturally love being slaves, to Snapes unconvincing “redemption” arc. As I got older and became more aware of social issues, I started to notice more problems with the series. In addition, reading more books has also made me realise that even on a technical writing level, the Harry Potter series was mediocre at best. As a result, I had stopped becoming a Harry Potter fan even before J. K. Rowlings transphobia got mainstream attention.</p>

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>
@ -1228,11 +1228,11 @@
<updated>2023-03-19T00:00:00Z</updated>
<id>https://leilukin.neocities.org/articles/anti-harry-potter-jk-rowling-masterlist/</id>
<content type="html">&lt;figure&gt;
&lt;img src=&quot;https://leilukin.neocities.org/assets/banners/harry-potter-free-site.png&quot; alt=&quot;An anime girl crossing arms with a sidelong look and a Harry Potter-free message&quot; /&gt;
&lt;figcaption&gt;
This site is Harry Potter free. Lookin [&lt;i&gt;sic&lt;/i&gt;] for it? Leave.
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;img src=&quot;https://leilukin.neocities.org/assets/banners/harry-potter-free-site.png&quot; alt=&quot;An anime girl crossing arms with a sidelong look and a Harry Potter-free message&quot; /&gt;
&lt;figcaption&gt;
This site is Harry Potter free. Lookin [&lt;i&gt;sic&lt;/i&gt;] for it? Leave.
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p class=&quot;center-text&quot;&gt;(Credit to Tumblr user &lt;a href=&quot;https://comradesaucegay.tumblr.com/post/621403039459426304&quot; target=&quot;_blank&quot;&gt;comradesaucegay&lt;/a&gt; for this Harry Potter-free website banner)&lt;/p&gt;
&lt;p&gt;Like many millennials, I grew up with the &lt;cite&gt;Harry Potter&lt;/cite&gt; series and was a major fan of the series. I had read the original 7 books and watched their film adaptations. The series was a passion of mine during my early- to mid-teen years. While the Harry Potter novels were far from the first books I read, they were the first fantasy novels I read, and the series concept of a magical world set in a contemporary setting fascinated teenage me.&lt;/p&gt;
&lt;p&gt;However, even during my &lt;cite&gt;Harry Potter&lt;/cite&gt; fixation years, there were things from the series that bothered me, from the idea of house elves being a slave race that naturally love being slaves, to Snapes unconvincing “redemption” arc. As I got older and became more aware of social issues, I started to notice more problems with the series. In addition, reading more books has also made me realise that even on a technical writing level, the Harry Potter series was mediocre at best. As a result, I had stopped becoming a Harry Potter fan even before J. K. Rowlings transphobia got mainstream attention.&lt;/p&gt;

View File

@ -448,11 +448,11 @@
<h2 id="my-dear-summer-lover">My Dear Summer Lover</h2>
<a class="heading-anchor" href="#my-dear-summer-lover" aria-labelledby="my-dear-summer-lover"><span hidden>#</span></a></div>
<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.]
</figcaption>
</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 &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>
<p>This mix contains mostly Cantonese and English songs, with one Mandarin song. Majority of these songs were performed by Hong Kong artists and released in the 80s, because A Summers End took place in Hong Kong and in the 80s.</p>
<p>I have carefully selected and arranged these tracks, so the lyrics would reflect Sam and Michelles relationship development throughout <cite>A Summers End</cite>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>

View File

@ -378,11 +378,11 @@
<h2 id="my-dear-summer-lover">My Dear Summer Lover</h2>
<a class="heading-anchor" href="#my-dear-summer-lover" aria-labelledby="my-dear-summer-lover"><span hidden>#</span></a></div>
<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.]
</figcaption>
</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 &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>
<p>This mix contains mostly Cantonese and English songs, with one Mandarin song. Majority of these songs were performed by Hong Kong artists and released in the 80s, because A Summers End took place in Hong Kong and in the 80s.</p>
<p>I have carefully selected and arranged these tracks, so the lyrics would reflect Sam and Michelles relationship development throughout <cite>A Summers End</cite>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</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>
[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>
{% 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.]
{% 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>
This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
</figcaption>
</figure>
{% 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.
{% endfigure %}
(Credit to Tumblr user [comradesaucegay](https://comradesaucegay.tumblr.com/post/621403039459426304){target="_blank"} for this Harry Potter-free website banner){.center-text}