<li>Update my code snippet for <ahref="/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a> by using the CSS <code>linear-gradient()</code> function instead of an inline SVG</li>
<li>Obfuscate my email address with CSS and HTTP redirects. (Credit to Spencer Mortensen's article, <ahref="https://spencermortensen.com/articles/email-obfuscation/">"Email obfuscation: What works in 2024?"</a>)</li>
<li>Add table of contents to each tab section of the <ahref="/links">Links</a> page.</li>
<li>Add link to my <ahref="https://www.pixelcatsend.com/profile&id=24121">Pixel Cat's End profile</a> to my <ahref="/adoptables">Adoptables</a> page. Free free to check out my not-cats!</li>
<li>Improve footnotes by enlarging the target area of reference links and footntoe backlinks.</li>
<li>Update article <ahref="/articles/accessible-footnotes/#update-3-december-2024-enlarge-link-target-area">"How I (Tried to) Implement Accessible Footnotes"</a> with information about improving footnote links' target area.</li>
<li>Officially launch my <ahref="/shrines/pokemonoras"><cite>Pokémon Omega Ruby</cite> and <cite>Alpha Sapphire</cite> shrine</a> to celebrate the 10th anniversary of the games' release.</li>
<li>Expand the home page of my <ahref="/shrines/cassettebeasts"><cite>Cassette Beasts</cite> shrine</a> by adding a <ahref="/shrines/cassettebeasts/#cassette-beasts-my-ultimate-comfort-media">"<cite>Cassette Beasts</cite> — My Ultimate Comfort Media"</a> section.</li>
<li>New blog post: <ahref="/blog/posts/2024-10-28-re-social-media-personal-blog">"Re: Social Media Hasn't Killed the Personal Blog Just Yet"</a></li>
<li>Add <ahref="/adoptables/#Pantson-Color-Club">Pantson Color Club section</a> to my <ahref="/adoptables">adoptables page</a>, including my own colour card for the pixel club.</li>
<li>Replace the estimated reading time of articles and blog posts with word count, by using the <ahref="https://www.npmjs.com/package/eleventy-plugin-wordcount-extended">eleventy-plugin-wordcount-extended</a> plugin.</li>
<li>New blog post about me officially becoming a professional web developer, <ahref="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer">"From Hobbyist to Professional Web Developer"</a>.</li>
<li>New article: <ahref="/articles/accessible-footnotes">"How I (Tried to) Implement Accessible Footnotes"</a>, which is also my entry for <ahref="https://32bit.cafe/">32-Bit Cafe</a>'s <ahref="https://32bit.cafe/~xandra/events/codejam5/">Community Code Jam #5: Back to School</a>.</li>
<li>Added my first publicly released code snippet on this website: <ahref="/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a>.</li>
<li>Leilukin's Hub and all its subsites have been migrated to <ahref="https://www.hostinger.my/">Hostinger</a></li>
<li>New blog post: <ahref="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub">Leilukin's Hub Has Migrated to Hostinger</a></li>
<li>Change the theme of <ahref="https://tumbleblog.leilukin.com/">Leilukin's Hub Tumbleblog</a> to a custom theme based on the Umbra theme from Chyrp Lite</li>
<li>Add a link to contact me via email to the website's footer</li>
<li>Add a section for the <ahref="https://divergentrays.com/kitty">Kitty Friends Pixel Club</a> to my <ahref="/adoptables">Adoptables page</a>, including my kitty friends!</li>
<li>Remake the mobile version of navigation menu by using the HTML <ahref="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover"><code>popover</code></a> attirbutes, allowing the navigation menu to be dismissed without JavaScript</li>
<li>Add list of web cliques I joined to the home page</li>
<li>Add pixel cliques I joined to the <ahref="/adoptables">Adoptables page</a></li>
<li>Add a <ahref="/links/#joined">Joined</a> tab to the <ahref="/links">Links page</a> to list the web cliques and widgets of web rings I joined, as well as linking to my fanlisting collective.</li>
<li>Upgrade Eleventy to version 3.0</li>
<li>Bundle page-specific CSS and JavaScript in the <code><head></code> element with Eleventy 3.0's <ahref="https://github.com/11ty/eleventy-plugin-bundle">built-in bundle plugin</a></li>
<li>Implement accessible tooltips that meet Web Content Accessibility Guidelines (WCAG) 2.2 success criterion for <ahref="https://www.w3.org/WAI/WCAG22/Understanding/content-on-hover-or-focus.html">1.4.13: Content on Hover or Focus (Level AA)</a>, by utilising <ahref="https://github.com/scottaohara/a11y_tooltips">Scott O'Hara's ARIA Tooltips</a> script. (Thank you <ahref="https://www.groundedwren.com/">Vera</a> for your feedback on my previous implementation of the tooltips)</li>
<li>Add <ahref="/links/#articles">Articles</a> and <ahref="/links/#resources">Resources</a> tabs to the <ahref="/links">links page</a>.</li>
<li>Show visible stylised tooltips for some website buttons on mouse hover or keyboard focus (thanks to <ahref="https://solaria.neocities.org/accessibility">Solaria's web accessibility guide</a> for the inspiration).</li>
<li>Add a list of webrings my website is part of to the home page.</li>
<li>The main site header now would display a Disability Pride Month blurb and the disability pride flag during July</li>
<li><ahref="https://fan.leilukin.com">My fanlisting collective</a> and <ahref="https://fan.leilukin.com/cassettebeasts"><cite>Cassette Beasts</cite> fanlisting</a> launched!</li>
<li><ahref="/projects">Projects page</a>:
<ul>
<li>Reorganised pages for my video game mods into their own directory</li>
<li>Add code projects, started with <ahref="/projects/code/bellabuffs-phpmailer">BellaBuffs with PHPMailer Integration</a></li>
</ul>
</li>
<li>New blog post: <ahref="/blog/posts/2024-07-02-fanlisting-collective-launch">Cassette Beasts Fanlisting and My Fanlisting Collective Launched</a></li>
<li><ahref="/links">Links page</a>:
<ul>
<li>Add tabs to sort my link collection by category (thanks to <ahref="https://kalechips.net/projects/snippets/tabs">Kalechips' JavaScript-free tabs code scnippet</a> for the inspiration)</li>
<li>Added a <ahref="/articles/palestine-masterlist/#spotlight-crowdfunding-campaigns">Spotlight Crowdfunding Campaigns</a> section to my <ahref="/articles/palestine-masterlist">Palestine masterlist</a> to highlight fundraising campaigns that I have been asked to help and share by Palestinians on Tumblr, and that have been vetted by other Palestinians on Tumblr.</li>
<li>New blog post: <ahref="/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved">My Cassette Beasts Fanlisting Application has been Approved</a></li>
<li>Leilukin's Hub now has a tumbleblog at <ahref="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>! Read the latest blog post to learn more: <ahref="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched">Leilukin's Hub Tumbleblog Launched</a>.</li>
<li>Add a Virtual Pets section to the home page.</li>
<li>The <ahref="https://status.cafe/">status.cafe</a> widget and the <ahref="https://www.websitecarbon.com/badge/">Website Carbon badge</a> on the home page will display a note about JavaScript being required for these widgets if the visitor has disabled JavaScript.</li>
<li>Remove JavaScript from the "Back to top" button.</li>
<li>Remake the navigation hamburger menu for mobile, so JavaScript is no longer needed to open and close the navigation menu, although JavaScript is still used to enable closing the menu with the Escape key. (Special thanks to Kale for the <ahref="https://kalechips.net/projects/snippets/burger">accessible hamburger menu code snippet</a>).</li>
<li>New blog post: <ahref="/blog/posts/2024-06-12-performance-improvement-leilukins-hub/">Improving Site Performance of Leilukin's Hub</a>.</li>
<li>Preload the Lexend regular and Lexend 700 font files to improve site performance, remove flash of unstyled text (FOUT) and prevent Cumulative Layout Shift (CLS).</li>
<li>Replace the Webrings section of my home page with a Badges section (though you can still see the list of webrings I have joined on my <ahref="/links">Links page</a>).</li>
<li>Updates to Leilukin's Hub will no longer be pushed to Neocities. Read the <ahref="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/#what-happens-now-with-my-neocities-account">"What Happens Now with My Neocities Account"</a> section of my blog post, "Custom Domain Name and Hosting Change for Leilukin's Hub" for more information.</li>
<li>New blog post: <ahref="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">Custom Domain Name and Hosting Change for Leilukin's Hub</a>.</li>
<li>Add <ahref="https://status.cafe/users/leilukin">my status.cafe</a> widget to the home page.</li>
<li><ahref="/shrines/asummersend"><cite>A Summer’s End — Hong Kong 1986</cite> shrine</a>: Add Passion Patch screenshots section to the <ahref="/shrines/asummersend/gallery">Gallery page</a> (<strong>Warning:</strong> The Passion Patch screenshots are not safe for work, though they are hidden by default when you visit the gallery page).</li>
<li>Add a "Skip to content" button for screen reader and keyboard users (thank you <ahref="https://kalechips.net/projects/snippets/skip">Kale</a> for the inspiration).</li>
<li>Use <ahref="https://groundedwren.neocities.org/pages/demo_controls/guestbookDemo">Grounded Wren's guestbook code</a> for this site's <ahref="/guestbook">guestbook</a>.</li>
<li>Add "Link Exchanges" section to the <ahref="/links">Links</a> page.</li>
<li>Move my mod build links from the Links page to the <ahref="/projects">Projects</a> page.</li>
<li>Replace the <ahref="https://www.htmlcommentbox.com/">HTML Comment Box</a> widget on the <ahref="/guestbook">guestbook page</a> with a guestbook that is powered by <ahref="https://firebase.google.com/docs/database/">Firebase Realtime Database</a>.</li>
<li>Add footnotes section to <ahref="/shrines/asummersend/trivia/"><cite>A Summer’s End — Hong Kong 1986</cite> shrine Trivia page</a> and <ahref="/shrines/cassettebeasts/facts/"><cite>Cassette Beasts</cite> shrine Facts page</a>.</li>
<li>New blog post: <ahref="/blog/posts/2024-05-14-james-somerton-my-video-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
<li>Replace 123Guestbook guestbook with a <ahref="/guestbook">guestbook page</a> with <ahref="https://www.htmlcommentbox.com/">HTML Comment Box</a>, as 123Guestbook will be <ahref="https://web.archive.org/web/20240504201300/https://www.123guestbook.com/news.php?id=closure">shutting down on 1 July 2024</a>.</li>
<li>New blog post: <ahref="/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/">Happy Lesbian Visibility Day and 1-Year Anniversary of Cassette Beasts</a>.</li>
<li>New blog post: <ahref="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">April 2024 Leilukin's Hub Overhaul with Eleventy</a>.</li>
<li>Add table of contents to my <ahref="/projects/videogamemods/kotor1/">Star Wars: Knights of the Old Republic</a> and <ahref="/projects/videogamemods/kotor2/">Star Wars: Knights of the Old Republic II: The Sith Lords mods</a>.</li>
<li>New blog post: <ahref="/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free">I Received a Lifetime Premium Membership on Nexus Mods for Free</a>.</li>
