<p>To get notified of the updates on this website, you can subscribe to the <ahref="/feed.xml">Leilukin's Hub RSS feed</a>, which contains new articles, blog posts and website changelogs.</p>
<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 <ahref="https://zine.kalechips.net/index">Salad Magazine</a> section to my <ahref="/adoptables">Adoptables pages</a>.</li>
</ul>
<h3class="date-style">21 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">20 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">18 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">13 July 2024</h3>
<ul>
<li>Add an inline SVG icon to external links</li>
<li>Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets</li>
<li>Add dark mode support for <ahref="/shrines/cassettebeasts"><cite>Cassette Beasts</cite> shrine</a> based on user preference in system setting</li>
</ul>
<h3class="date-style">6 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">3 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">2 July 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">26 June 2024</h3>
<ul>
<li>Added my other websites to my <ahref="/projects">Projects page</a>.</li>
</ul>
<h3class="date-style">24 June 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">19 June 2024</h3>
<ul>
<li>Add new article: <ahref="/articles/palestine-masterlist">Palestine Masterlist</a>.</li>
</ul>
<h3class="date-style">13 June 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">12 June 2024</h3>
<ul>
<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>
</ul>
<h3class="date-style">11 June 2024</h3>
<ul>
<li>Improve "Back to top" button and footer link:
<ul>
<li>Replace arrow unicode with inline SVG for the button and border styling for the footer link</li>
<li>Display the footer link only if JavaScript is disabled</li>
<li>Use anchor HTML tag (<code><a></code>) instead of button tag (<code><button></code>) for the button</li>
</ul>
</li>
<li>Disable smooth scrolling for users with reduced motion settings.</li>