Leilukin's Hub

Changelog: 22 July 2024

2024-07-22T00:00:00Z

Add a Salad Magazine section to my Adoptables pages.

Changelog: 21 July 2024

2024-07-21T00:00:00Z

Add a section for the Kitty Friends Pixel Club to my Adoptables page, including my kitty friends!

Changelog: 20 July 2024

2024-07-20T00:00:00Z

Remake the mobile version of navigation menu by using the HTML popover attirbutes, allowing the navigation menu to be dismissed without JavaScript

Changelog: 18 July 2024

2024-07-18T00:00:00Z

Add list of web cliques I joined to the home page
Add pixel cliques I joined to the Adoptables page
Add a Joined tab to the Links page to list the web cliques and widgets of web rings I joined, as well as linking to my fanlisting collective.
Upgrade Eleventy to version 3.0
Bundle page-specific CSS and JavaScript in the <head> element with Eleventy 3.0's built-in bundle plugin

Changelog: 13 July 2024

2024-07-13T00:00:00Z

Add an inline SVG icon to external links
Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets
Add dark mode support for Cassette Beasts shrine based on user preference in system setting

Changelog: 6 July 2024

2024-07-06T00:00:00Z

Implement accessible tooltips that meet Web Content Accessibility Guidelines (WCAG) 2.2 success criterion for 1.4.13: Content on Hover or Focus (Level AA), by utilising Scott O'Hara's ARIA Tooltips script. (Thank you Vera for your feedback on my previous implementation of the tooltips)

Changelog: 3 July 2024

2024-07-03T00:00:00Z

Add Articles and Resources tabs to the links page.
Show visible stylised tooltips for some website buttons on mouse hover or keyboard focus (thanks to Solaria's web accessibility guide for the inspiration).
Add a list of webrings my website is part of to the home page.

Changelog: 2 July 2024

2024-07-02T00:00:00Z

The main site header now would display a Disability Pride Month blurb and the disability pride flag during July
My fanlisting collective and Cassette Beasts fanlisting launched!
Projects page:
- Reorganised pages for my video game mods into their own directory
- Add code projects, started with BellaBuffs with PHPMailer Integration
New blog post: Cassette Beasts Fanlisting and My Fanlisting Collective Launched
Links page:
- Add tabs to sort my link collection by category (thanks to Kalechips' JavaScript-free tabs code scnippet for the inspiration)
- Add webmastery resources

Cassette Beasts Fanlisting and My Fanlisting Collective Launched | Blog

2024-07-02T00:00:00Z

I am incredibly excited to announce the official launch of Land of Confusion, The Fanlistings Network-approved fanlisting for Cassette Beasts, and Beehive, my fanlisting collective! 🥳

If you are a fan of Cassette Beasts, feel free to join my fanlisting! If you like fanlistings as well, feel free to check out my fanlisting collective!

In addition, in light of the launch of my first fanlisting, I am also releasing my fork of BellaBuffs, the fanlisting script written in PHP, with integration of PHPMailer, the email sending library!

My fanlisting collective and Cassette Beasts fanlisting are hosted on InfinityFree, since Netlify, which currently hosts the main site of Leilukin's Hub, does not support PHP.

A Milestone

In my previous post, I announced that The Fanlistings Network (also known as TFL.org) had approved my application for building and running a fanlisting for Cassette Beasts.

After completing the Cassette Beasts fanlisting on 30 June 2024, I submitted a finished form to TFL.org to let them know that I have finished my fanlisting. The Fanlistings Network responded by emailing me and informing me thatthey have added the URL of my Cassette Beasts fanlisting to the list of approved fanlistings under the Games category and the Computer, Console, & Video Games subcategory (view the web archive version).

The launch of my Cassette Beasts fanlisting is a major moment for me as both a webmaster and a Cassette Beasts fan, as I am enthusiastic about the fact that the very first fanlisting I create would be for my absolute favourite video game.

First Foray in PHP

My Cassette Beasts fanlisting is powered by BellaBuffs. I was new to PHP when I started considering building fanlistings myself, as my main site Leilukin's Hub is a static site, so building the Cassette Beasts fanlisting was my first foray in learning to code in PHP.

Before starting to actually work on building the Cassette Beasts fanlisting, I tried out Enthusiast, the other commonly used fanlisting script also written in PHP. I tried Erin's fork of Enthusiast specifically, since InfinityFree uses version 8.2 of PHP Enthusiast also has extra features that BellaBuffs does not have, including allowing fanlisting members to set passwords and even managing the entire fanlisting collective.

Unfortunately, I encountered a critical issue with Enthusiast when I tried it: whenever I added a fanlisting to my joined fanlisting list in the admin panel, the home page of the fanlisting collective would go completely blank. I do not know the cause of the issue, and I was not familiar enough with PHP to be confident in attempting to investigate the entire fanlisting collective code just to find the culprit, especially when it uses MySQL database to store data, adding another complexity in troubleshooting it.

Therefore, I later tried BellaBuffs, and chose BellaBuffs as the script to power my fanlistings, then code my own fanlisting collective myself.

There were a few setbacks I encountered when I was building the Cassette Beasts fanlisting with BellaBuffs and hosting the fanlisting on InfinityFree — I learned that InfinityFree's free hosting plan does not support PHP mail() function, which is used by BellaBuffs.

Integrating PHPMailer into BellaBuffs

BellaBuffs includes the optional features to email new members after submitting the join form, email the fanlisting admin when a new member joins or email new members when their applications were approved. The original BellaBuffs script achieved this by using PHP's built-in mail() feature, which unfortunately the free hosting of InfinityFree does not support, so I had to figure out an alternative way for my fanlisting on InfinityFree to send emails.

Thankfully, InfinityFree suggested using PHPMailer, and even providing a contact form powered by PHPMailer as a sample. As a result, I spent time in trying to incorporate PHPMailer into BellaBuffs based on the InfinityFree's PHPMailer contact form code, and voilà, I did it!

I am glad that despite my inexperience in PHP, I was able to apply the programming knowledge I learned from building my main site and taking online coding courses to build my fanlisting.

After successfully setting up the Cassette Beasts fanlisting, I decided to fork BellaBuffs and release my version of the fanlisting script with PHPMailer integration, in case there are others who want to use BellaBuffs to build fanlistings, but cannot or do not want to use the PHP mail() function.

You can download my BellaBuffs fork and learn about how to use it from its GitHub repository.

Building Beehive

To give myself more practice in PHP as I built my first fanlisting, I decided to code my fanlisting collective in PHP as well.

I decided to name my fanlisting collective Beehive, since I have been using my drawing of a bee with a pair of glasses as my main avatar on the Internet, I figured it would be a good idea to name a subsite of mine something related to bees.

Furthermore, Beehive is a fitting name for a fanlisting collective, as beehives house honey bees, while this website houses all the fanlistings I created, maintain, joined and have applied to join.

Welcome to Beehive! 🐝

Changelog: 27 June 2024

2024-06-27T00:00:00Z

Added a Spotlight Crowdfunding Campaigns section to my Palestine masterlist 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.

Changelog: 26 June 2024

2024-06-26T00:00:00Z

Added my other websites to my Projects page.

Changelog: 24 June 2024

2024-06-24T00:00:00Z

New blog post: My Cassette Beasts Fanlisting Application has been Approved

My Cassette Beasts Fanlisting Application has been Approved | Blog

2024-06-24T00:00:00Z

On 22 June 2024, I submitted an application form to The Fanlistings Network, also known as TFL.org, to build and run a Cassette Beasts fanlisting, and now TFL.org has approved my application! Cassette Beasts is now on TFL.org's approved list under the Games category and the Computer, Console, & Video Games subcategory (view the web archive version).

What is a fanlisting?

For those who do not know what a fanlisting is, TFL.org has defined fanslitings as below:

A fanlisting is simply an online listing of fans of a subject, such as a TV show, actor, or musician, that is created by an individual and open for fans from around the world to join. There are no costs, and the only requirements to join a fanlisting are your name and country. Fanlistings do not have to be large sites (although some are) - they are just a place where you can have your name listed along with other fans of the same subject. TheFanlistings.org is the original (but not only) web directory for fanlistings, dedicated to uniting fans across the globe.

This is a major moment for me as both a webmaster and a Cassette Beasts fan. As a webmaster, I have been applying and joining fanlistings since I built my own website, as I have always found fanlistings a neat idea to gather and discover other people who share your interests across the world, as listing your country is a requirement when you apply to join a fanlisting. Recently, I have been considering building and running a fanlisting myself, with Cassette Beasts being my first choice since there is no fanlisting for Cassette Beasts yet. I began to dabble in PHP, so I can use a script like BellaBuffs to build a fanlisting. With my application approved by The Fanlistings Network, the Cassette Beasts fanlisting will be the first fanlisting I build and run.

Cassette Beasts has become my favourite video game ever since I started playing it in July 2023, to the extent that not only I have a Cassette Beasts shrine on my website, I had already begun to consider creating the shrine even before beating the main campaign. I have also been tirelessly recommending the game throughout various online spaces. Therefore, I am honoured to be given this opportunity to build and run a fanlisting for Cassette Beasts that is approved by The Fanlistings Network, to add to my ongoing effort to boost the game's visibility.

The Cassette Beasts fanlisting is not ready yet at this moment, especially since I was not certain if The Fanlistings Network would approve my application, but now with their approval, I am going to work on building the Cassette Beasts fanlisting. TFL.org has a rule that fanlisting owners need to complete their fanlisting within four weeks, so stay tuned for upcoming updates for my Cassette Beasts fanlisting!

Now that I will be running my own fanlisting, I will be also creating a fanlisting collective to gather all fanlistings I own, join and have applied to in one place. Since Netlify, which currently hosts the main site of Leilukin's Hub, does not support PHP, I will be hosting my fanlisting collective, including my Cassette Beasts fanlisting, on InfinityFree.

Changelog: 23 June 2024

2024-06-23T00:00:00Z

Add Adoptables page.

Changelog: 21 June 2024

2024-06-21T00:00:00Z

Leilukin's Hub now has a tumbleblog at tumbleblog.leilukin.com! Read the latest blog post to learn more: Leilukin's Hub Tumbleblog Launched.

Leilukin's Hub Tumbleblog Launched | Blog

2024-06-21T00:00:00Z

Leilukin's Hub now has a tumbleblog at tumbleblog.leilukin.com!

I have been considering the idea of creating a microblog or tumbleblog for my website. The main site of Leilukin's Hub already has a blog, but I also want another blog for shorter or more casual posts to document my thoughts and various stuff I find interesting or inspirational, especially ones that I am not sure how or where to put in the main site of Leilukin's Hub yet.

Tumblr has served me adequately for this purpose, which is one of the reasons it remains the social media platform I am the most active on since 2011 (yes, this means I have been on Tumblr for 13 years at this point). However, one of the reasons I eventually decided to create my own website was to not relying on social media to share my creations and interests. Therefore, an ideal Tumblr-style microblog for Leilukin's Hub would be self-hosted and sharing the same domain name of leilukin.com. After struggling to figure out how to implement a tumbleblog for Leilukin's Hub, I finally discovered the ideal blogging engine for my needs: Chyrp Lite.

Chyrp Lite has everything I am looking for to build a self-hosted Tumblr-style blog. The website explicitly states that you can have a tumbleblog with the blogging engine, with feathers that allow you to make not only text posts, but also image posts, audio posts, video posts, quote posts, link posts and even posts with files attached to allow visitors to download. Chyrp Lite is written in PHP, so it cannot be hosted on platforms that support static sites only, such as Neocities, GitHub Pages, Netlify (which is where leilukin.com is currently hosted on), etc. This is where InfinityFree came in.

InfinityFree is among the few hosting platforms that provides PHP and MySQL support for free, so I had created an InfinityFree account to start learning about PHP, even before discovering Chyrp Lite. In addition, InfinityFree supports custom domain without additional charges, so I have also added the leilukin.com domain name to my InfinityFree account, in case I need to host something with PHP and want to use a subdomain of leilukin.com for it. Now, I got to make use of what I learned to build this tumbleblog for Leilukin's Hub.

I started with adding a tumbleblog.leilukin.com custom subdomain to InfinityFree, configuring the DNS records on Porkbun (which manages the leilukin.com domain name), and requesting a free SSL certificate from InfinityFree to add HTTPS support to this blog. After making sure the tumbleblog.leilukin.com subdomain is ready, I followed the Quick Start Guide to set up Chyrp Lite, by uploading the blogging engine's files to InfinityFree with FTP, creating a MySQL database for this tumbleblog, and installing Chyrp Lite into my InfinityFree server. At last, I successfully installed Chyrp Lite on InfinityFree.

Leilukin's Hub Tumbleblog is now officially launched! 🥳

Changelog: 19 June 2024

2024-06-19T00:00:00Z

Add new article: Palestine Masterlist.

Palestine Masterlist | Articles

2024-06-19T00:00:00Z

(Credit to rosemary for the Stand with Palestine button)

From the river to the sea, Palestine will be free.

Here, I am compiling a list of resources related to Palestine. This list is not comprehensive by any means, but I still want to do my part in using my platform to support an important cause.

Educate Yourself

Articles

What is the Ethical Way to Climb Out of Hell? by The Grief Witch (17 October 2023)

Donations and Charities

Boycotts

BDS Movement
Attention to website owners: Boycott Wix — The BDS movement has listed Wix as an organic boycott target, meaning the BDS movement did not initiate this grassroots boycott campaign, but supports it due to the boycotted brand's complicity in Israel's genocide and apartheid against Palestinians.

Spotlight Crowdfunding Campaigns

There have been Palestinians who reached out to me on Tumblr to ask for help with sharing their fundraising campaigns, so I am using my platform to share these campaigns. These campaigns have been verified by other Palestinians on Tumblr, so I encourage you to help to donate and share.

Help...Save a Pregnant Mother's Life and Support Her Family (verified by nabulsi and 90-ghost)
Help Sahar and Her Family to Evacuate Gaza (verified by el-shab-hussein)
Help Us Escape Gaza: A Mother's Plea for Safety (verified by el-shab-hussein and nabulsi)
From War to Education: Abdelrahman Resilient Journey (verified by nabulsi and 90-ghost)
Please Help Tahani save her children and husband (verified by el-shab-hussein)
Please help Shamaly family SURVIVE Gaza & start a new life! (verified by nabulsi)
Help us reunite with our kids who are stuck in Gaza (verified by 90-ghost)
Urgent ! Save kids life . (verified by 90-ghost)
Trapped Family in Gaza Appeals for Help to Survive (verified by nabulsi, fairuzfan and 90-ghost)
Help Ahmed family to travel to a save place (veridied by nabulsi)
Help my family escape Gaza (verified by nabulsi)
Hope for Gaza: Support Ashraf's Family Rebuild Their Lives (verified by 90-ghost)
Help Zaen and Yehya to get out of Gaza (verified by 90-ghost)
A Father's Plea: Help Save My Family (verified by el-shab-hussein)
Help Moamen Majed rebuild his life after the war (verified by 90-ghost)
Save Gaza: A Brighter Future for Aya and Her Family (verified by 90-ghost)
EMERGENCY: help my relatives evacuate to safety (verified by 90-ghost)
Support Safaa's Quest To Get Her Family To Safety (verified by 90-ghost)
Help Doaa Rebuild Her Sewing Business (verified by 90-ghost)
Help the Munna Tashmali Family Rebuild Their Home and Future (verified by nabulsi)

Changelog: 13 June 2024

2024-06-13T00:00:00Z

Add a Virtual Pets section to the home page.
The status.cafe widget and the Website Carbon badge on the home page will display a note about JavaScript being required for these widgets if the visitor has disabled JavaScript.
Remove JavaScript from the "Back to top" button.

Changelog: 12 June 2024

2024-06-12T00:00:00Z

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 accessible hamburger menu code snippet).
New blog post: Improving Site Performance of Leilukin's Hub.