From 0d24e99b6588d8f14b0e982c7915ac2f19fb7d73 Mon Sep 17 00:00:00 2001 From: helenclx Date: Mon, 6 Jan 2025 01:39:32 +0000 Subject: [PATCH] Build: (890ef63) Add borders to all four sides to disclosure contents --- .htaccess | 2 +- archive/index.html | 8 +- articles/accessible-footnotes/index.html | 2 +- .../index.html | 4 +- assets/css/components.css | 6 +- assets/css/global.css | 63 +++++++-------- categories/star-wars-kotor-2/index.html | 6 +- categories/star-wars-kotor/index.html | 2 +- categories/stardew-valley/index.html | 2 +- categories/video-game-mods/index.html | 6 +- robots.txt | 1 + sitemap.xml | 78 +++++++++---------- 12 files changed, 87 insertions(+), 93 deletions(-) diff --git a/.htaccess b/.htaccess index 5e35a6a6..31ec12ff 100644 --- a/.htaccess +++ b/.htaccess @@ -13,5 +13,5 @@ RewriteEngine on RewriteRule ^.*emailme/.*$ "mailto:contact@leilukin.com" [R=301,L] # Block bad bots -RewriteCond %{HTTP_USER_AGENT} (AI2Bot|Ai2Bot-Dolma|Amazonbot|anthropic-ai|Applebot-Extended|Bytespider|ChatGPT-User|Claude-Web|ClaudeBot|cohere-ai|Diffbot|DuckAssistBot|FacebookBot|FriendlyCrawler|Google-Extended|GoogleOther|GoogleOther-Image|GoogleOther-Video|GPTBot|iaskspider/2.0|ICC-Crawler|ImagesiftBot|img2dataset|ISSCyberRiskCrawler|Kangaroo.*Bot|Meta-ExternalAgent|Meta-ExternalFetcher|OAI-SearchBot|omgili|omgilibot|PanguBot|PerplexityBot|PetalBot|Scrapy|Sidetrade.*indexer.*bot|Timpibot|VelenPublicWebCrawler|Webzio-Extended|YouBot) [NC] +RewriteCond %{HTTP_USER_AGENT} (AI2Bot|Ai2Bot-Dolma|Amazonbot|anthropic-ai|Applebot-Extended|Bytespider|ChatGPT-User|Claude-Web|ClaudeBot|cohere-ai|cohere-training-data-crawler|Diffbot|DuckAssistBot|FacebookBot|FriendlyCrawler|Google-Extended|GoogleOther|GoogleOther-Image|GoogleOther-Video|GPTBot|iaskspider/2.0|ICC-Crawler|ImagesiftBot|img2dataset|ISSCyberRiskCrawler|Kangaroo.*Bot|Meta-ExternalAgent|Meta-ExternalFetcher|OAI-SearchBot|omgili|omgilibot|PanguBot|PerplexityBot|PetalBot|Scrapy|Sidetrade.*indexer.*bot|Timpibot|VelenPublicWebCrawler|Webzio-Extended|YouBot) [NC] RewriteRule .* https://nocommercialuse.org/ [L] \ No newline at end of file diff --git a/archive/index.html b/archive/index.html index 87e7ebff..2ce838a5 100644 --- a/archive/index.html +++ b/archive/index.html @@ -386,7 +386,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

- +
  • @@ -396,7 +396,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -406,7 +406,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -416,7 +416,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • diff --git a/articles/accessible-footnotes/index.html b/articles/accessible-footnotes/index.html index 6d5b8d98..cc9feec9 100644 --- a/articles/accessible-footnotes/index.html +++ b/articles/accessible-footnotes/index.html @@ -650,7 +650,7 @@ module.

    As you likely have realised, footnotes are really tricky to implement on web pages, so you may be wondering: is there any alternative to footnotes?

    For extra comments and tangents, by favourite approach is using HTML's details disclosure element with the <details> tag, with a <summary> element and a sibling element wrapping the content displayed when the disclosure is expanded.

    -

    I have been using the disclosure element for additional comments or information on this website, like in my blog post, "My Cassette Beasts Fanlisting Application has been Approved". As for the styling, initially I indented the content inside the disclosure to differentiate the disclosure content from the rest of the content of the page, but recently I switched to adding top and bottom borders after being inspired by Starbreaker's website, who also has a post about footnotes, "Footnotes: No Fun to Create, Either".

    +

    I have been using the disclosure element for additional comments or information on this website, like in my blog post, "My Cassette Beasts Fanlisting Application has been Approved". As for the styling, initially I indented the content inside the disclosure to differentiate the disclosure content from the rest of the content of the page, but recently I switched to adding borders to the content after being inspired by Starbreaker's website, who also has a post about footnotes, "Footnotes: No Fun to Create, Either".

    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/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/articles/anti-harry-potter-jk-rowling-masterlist/index.html index 3383c051..13323f3a 100644 --- a/articles/anti-harry-potter-jk-rowling-masterlist/index.html +++ b/articles/anti-harry-potter-jk-rowling-masterlist/index.html @@ -426,7 +426,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - 761 words. + 762 words. Posted on by Leilukin

    @@ -473,7 +473,7 @@ This site is Harry Potter free. Lookin [sic] for it? Leave.

    (Credit to Tumblr user comradesaucegay (archived) for this Harry Potter-free website banner)

    Like many Millennials, I grew up with the Harry Potter 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.

    -

    However, even during my Harry Potter 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.

    +

    However, even during my Harry Potter 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 anti-trans sentiments got mainstream attention.

    Unfortunately, many adults with nostalgia goggles still refuse to let go of Harry Potter, and they believe Harry Potter can be separated or “reclaimed” by J. K. Rowling, despite how much Rowling’s worldview and prejudice are inextricably linked to her writing.

    Therefore, I am compiling this masterlist by curating various materials that are critical of the Harry Potter series and J. K. Rowling. Items are ordered in chronological order. This is far from a comprehensive list of all the pieces that criticise Harry Potter and Rowling; this list is my curated list of ones that I have read, watched or listened to, and I personally endorse.

    diff --git a/assets/css/components.css b/assets/css/components.css index ac8d34be..915e4114 100644 --- a/assets/css/components.css +++ b/assets/css/components.css @@ -110,10 +110,8 @@ a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(- .content-disclosure__content p + p { margin-top: 1em; } .content-disclosure__content { - --bdr-disclosure: 0.15em solid var(--clr-title-border); - padding: 1em 0; - border-top: var(--bdr-disclosure); - border-bottom: var(--bdr-disclosure); + padding: 1em; + border: 0.15em solid var(--clr-title-border); } /* Content warning disclosure */ diff --git a/assets/css/global.css b/assets/css/global.css index dfee433e..b9694c4c 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -58,55 +58,50 @@ /* ------------------- */ @layer reset { - /* Box sizing rules */ - *, - *::before, - *::after { box-sizing: border-box; } - - /* Prevent font size inflation */ - html { - -moz-text-size-adjust: none; - -webkit-text-size-adjust: none; - text-size-adjust: none; + *, *::before, *::after { + box-sizing: border-box; } - /* Remove default margin in favour of better control in authored CSS */ - body, h1, h2, h3, h4, p, - figure, blockquote, dl, dd { margin: 0; } + * { + margin: 0; + } - /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ - ul[role='list'], - ol[role='list'] { list-style-type: ""; } - - /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; } - /* Set shorter line heights on headings and interactive elements */ - h1, h2, h3, h4, - button, input, label { line-height: 1.1; } + h1, h2, h3, h4, h5, h6, + button, input, label { + line-height: 1.1; + } - /* Balance text wrapping on headings */ - h1, h2, h3, h4 { text-wrap: balance; } + p, h1, h2, h3, h4, h5, h6 { + overflow-wrap: break-word; + } - /* A elements that don't have a class get default styles */ - a:not([class]) { text-decoration-skip-ink: auto; } + h1, h2, h3, h4, h5, h6 { + text-wrap: balance; + } - /* Make images easier to work with */ - img, - picture { + img, picture, video, canvas { max-width: 100%; display: block; } - /* Inherit fonts for inputs and buttons */ - input, button, textarea, select { font: inherit; } + input, button, textarea, select { + font: inherit; + } - /* Make sure textareas without a rows attribute are not tiny */ - textarea:not([rows]) { min-height: 10em; } + textarea:not([rows]) { + min-height: 10em; + } - /* Anything that has been anchored to should have extra scroll margin */ - :target { scroll-margin-block: 5ex; } + :target { + scroll-margin-block: 5ex; + } + + [popover] { + margin: auto; + } } \ No newline at end of file diff --git a/categories/star-wars-kotor-2/index.html b/categories/star-wars-kotor-2/index.html index 0072fc03..8b09d4e7 100644 --- a/categories/star-wars-kotor-2/index.html +++ b/categories/star-wars-kotor-2/index.html @@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -399,7 +399,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -409,7 +409,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • diff --git a/categories/star-wars-kotor/index.html b/categories/star-wars-kotor/index.html index 0b47576e..f8b10651 100644 --- a/categories/star-wars-kotor/index.html +++ b/categories/star-wars-kotor/index.html @@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • diff --git a/categories/stardew-valley/index.html b/categories/stardew-valley/index.html index 9b599812..22129081 100644 --- a/categories/stardew-valley/index.html +++ b/categories/stardew-valley/index.html @@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
    • diff --git a/categories/video-game-mods/index.html b/categories/video-game-mods/index.html index 6d1086b7..48ac871e 100644 --- a/categories/video-game-mods/index.html +++ b/categories/video-game-mods/index.html @@ -389,7 +389,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -399,7 +399,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • @@ -409,7 +409,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))

    - +
  • diff --git a/robots.txt b/robots.txt index f26b39e6..807d455d 100644 --- a/robots.txt +++ b/robots.txt @@ -11,6 +11,7 @@ User-agent: ChatGPT-User User-agent: Claude-Web User-agent: ClaudeBot User-agent: cohere-ai +User-agent: cohere-training-data-crawler User-agent: Diffbot User-agent: DuckAssistBot User-agent: FacebookBot diff --git a/sitemap.xml b/sitemap.xml index adc4bd17..e932244f 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1232,235 +1232,235 @@ https://leilukin.com/blog/posts/ - 2025-01-03T13:53:31.889Z + 2025-01-06T01:39:24.084Z weekly 0.5 https://leilukin.com/changelogs/2022/ - 2025-01-03T13:53:31.895Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/changelogs/2023/ - 2025-01-03T13:53:31.895Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/changelogs/2024/ - 2025-01-03T13:53:31.895Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/changelogs/layouts/ - 2025-01-03T13:53:31.895Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/ - 2025-01-03T13:53:31.896Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/links/stardew-valley-mod-list/ - 2025-01-03T13:53:31.896Z + 2025-01-06T01:39:24.090Z weekly 0.5 https://leilukin.com/projects/code/bellabuffs-phpmailer/ - 2025-01-03T13:53:31.896Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/projects/playlists/ - 2025-01-03T13:53:31.896Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/projects/snippets/disability-pride-flag-background/ - 2025-01-03T13:53:31.896Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/shrines/asummersend/gallery/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/shrines/asummersend/playlists/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/shrines/asummersend/trivia/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/shrines/cassettebeasts/articles/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.091Z weekly 0.5 https://leilukin.com/shrines/cassettebeasts/facts/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.092Z weekly 0.5 https://leilukin.com/shrines/cassettebeasts/featured/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.092Z weekly 0.5 https://leilukin.com/shrines/cassettebeasts/gamelog/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.092Z weekly 0.5 https://leilukin.com/shrines/cassettebeasts/resources/ - 2025-01-03T13:53:31.897Z + 2025-01-06T01:39:24.092Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/articles/ - 2025-01-03T13:53:31.898Z + 2025-01-06T01:39:24.092Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/guides/ - 2025-01-03T13:53:31.898Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/resources/ - 2025-01-03T13:53:31.898Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/shrines/starwarskotor/universes/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/archive/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/categories/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/changelogs/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.093Z weekly 0.5 https://leilukin.com/about/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/adoptables/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/articles/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/blog/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/guestbook/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/links/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/now/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/projects/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/shrines/ - 2025-01-03T13:53:31.899Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/accessibility/ - 2025-01-03T13:53:31.900Z + 2025-01-06T01:39:24.094Z weekly 0.5 https://leilukin.com/colophon/ - 2025-01-03T13:53:31.900Z + 2025-01-06T01:39:24.094Z weekly 0.5