Add figure and figcaption elmeent paired shortcode

_site/archive/index.html

@@ -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/">

_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html

@@ -463,9 +463,9 @@
             <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.
+This site is Harry Potter free. Lookin [<i>sic</i>] for it? Leave.
-    </figcaption>
+</figcaption>
-</figure>
+        </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 Snape’s 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. Rowling’s transphobia got mainstream attention.</p>

_site/categories/modding/index.html

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

_site/categories/star-wars-kotor-2/index.html

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

_site/feed.xml

@@ -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>
@@ -1230,9 +1230,9 @@
             <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.
+This site is Harry Potter free. Lookin [&lt;i&gt;sic&lt;/i&gt;] for it? Leave.
-    &lt;/figcaption&gt;
+&lt;/figcaption&gt;
-&lt;/figure&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 Snape’s 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. Rowling’s transphobia got mainstream attention.&lt;/p&gt;

_site/projects/playlists/index.html

@@ -450,9 +450,9 @@
 <figure>
             <img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summer’s End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
             <figcaption>
-        [Image description: Sam and Michelle from A Summer’s 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 Summer’s 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>
+</figcaption>
-</figure>
+        </figure>
 <p>A fanmix for the visual novel <a href="https://www.asummersend.com/home" target="_blank"><cite>A Summer’s End — Hong Kong 1986</cite></a>, dedicated to Sam and Michelle’s 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 Summer’s 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 Michelle’s relationship development throughout <cite>A Summer’s End</cite>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>

_site/shrines/asummersend/playlists/index.html

@@ -380,9 +380,9 @@
 <figure>
             <img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summer’s End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
             <figcaption>
-        [Image description: Sam and Michelle from A Summer’s 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 Summer’s 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>
+</figcaption>
-</figure>
+        </figure>
 <p>My fanmix for <a href="https://www.asummersend.com/home" target="_blank"><cite>A Summer’s End — Hong Kong 1986</cite></a>, dedicated to Sam and Michelle’s 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 Summer’s 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 Michelle’s relationship development throughout <cite>A Summer’s End</cite>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>

_site/sitemap/index.html

@@ -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>
-<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/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 Summer’s 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>

eleventy.config.md.js

@@ -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);

src/_includes/asummersend/myplaylist.njk

@@ -1,10 +1,7 @@
 {% macro myASEPlaylist(intro) %}
-<figure>
+{% figure "/assets/projects/playlists/My-Dear-Summer-Lover-cover.png", "Cover image of A Summer’s End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'" %}
-    <img src="/assets/projects/playlists/My-Dear-Summer-Lover-cover.png" alt="Cover image of A Summer’s End fanmix 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
+[Image description: Sam and Michelle from A Summer’s 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>
+{% endfigure %}
-        [Image description: Sam and Michelle from A Summer’s 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>
 
 {{ intro }} [{% cite "A Summer’s End — Hong Kong 1986" %}](https://www.asummersend.com/home){target="_blank"}, dedicated to Sam and Michelle’s love story.
 

src/articles/myarticles/anti-harry-potter-jk-rowling-masterlist.md

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