From a462ca9f0e41ed08407bb50dfcc4a9a8795279d6 Mon Sep 17 00:00:00 2001 From: helenclx Date: Tue, 6 Aug 2024 14:20:16 +0000 Subject: [PATCH] Build: (319762c) Add table of contents as another use of disclosure element --- articles/accessible-footnotes/index.html | 3 ++- feed.xml | 5 +++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/articles/accessible-footnotes/index.html b/articles/accessible-footnotes/index.html index f68be897..22a183a4 100644 --- a/articles/accessible-footnotes/index.html +++ b/articles/accessible-footnotes/index.html @@ -655,8 +655,9 @@ module.More ways to use <details> and <summary> elements

<details> and <summary> have become among my favourite HTML elements due to how useful they are. In addition to extra comments and info, Leilukin's Hub has also used the elements for the following purposes:

diff --git a/feed.xml b/feed.xml index e7d7b020..84ada57a 100644 --- a/feed.xml +++ b/feed.xml @@ -4,7 +4,7 @@ Leilukin's personal website. - 2024-08-06T13:21:01Z + 2024-08-06T14:20:12Z https://leilukin.com/ Leilukin @@ -200,8 +200,9 @@ module<span class="token punctuation">.</span><span cla <summary class="content-disclosure__summary">More ways to use <code>&lt;details&gt;</code> and <code>&lt;summary&gt;</code> elements</summary> <div class="content-disclosure__content"><p><code>&lt;details&gt;</code> and <code>&lt;summary&gt;</code> have become among my favourite HTML elements due to how useful they are. In addition to extra comments and info, Leilukin's Hub has also used the elements for the following purposes:</p> <ul> +<li>Table of contents, like the one this very article has</li> <li>Hiding spoilers, like in my <cite>Cassette Beasts</cite> shrine article, <a href="https://leilukin.com/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/">&quot;How Cassette Beasts is Much More than a Pokémon Clone&quot;</a></li> -<li>Content warnings, like in my <a href="https://leilukin.com/shrines/asummersend/gallery/"><cite>A Summer’s End — Hong Kong 1986</cite> shrine's gallery page</a>, with its styling being inspired by another Kitty Giraudel's blog post, <a href="https://kittygiraudel.com/2022/09/04/a-content-warning-component/">&quot;A content warning component&quot;</a>.</li> +<li>Content warnings, like in my <a href="https://leilukin.com/shrines/asummersend/gallery/"><cite>A Summer’s End — Hong Kong 1986</cite> shrine's gallery page</a>, with its styling being inspired by another Kitty Giraudel's blog post, <a href="https://kittygiraudel.com/2022/09/04/a-content-warning-component/">&quot;A content warning component&quot;</a></li> </ul> </div> </details>