358 lines
43 KiB
XML
358 lines
43 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
|
<title>Leilukin's Hub</title>
|
|
<subtitle>Leilukin's personal website.</subtitle>
|
|
<link href="https://leilukin.com/feed.xml" rel="self"/>
|
|
<link href="https://leilukin.com"/>
|
|
<updated>2024-08-03T01:18:31Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<author>
|
|
<name>Leilukin</name>
|
|
<email>contact@leilukin.com</email>
|
|
</author>
|
|
|
|
<entry>
|
|
<title>Changelog: 2 August 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-08-02T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Added my first publicly released code snippet on this website: <a href="https://leilukin.com/projects/snippets/disability-pride-flag-background">Responsive Disability Pride Flag CSS Background</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 27 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-27T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Leilukin's Hub and all its subsites have been migrated to <a href="https://www.hostinger.my/">Hostinger</a></li>
|
|
<li>New blog post: <a href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub">Leilukin's Hub Has Migrated to Hostinger</a></li>
|
|
<li>Change the theme of <a href="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>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Leilukin's Hub Has Migrated to Hostinger | Blog</title>
|
|
<link href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/"/>
|
|
<updated>2024-07-27T00:00:00Z</updated>
|
|
<id>https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/</id>
|
|
<content type="html"><p>Starting with 25 July 2024, Leilukin's Hub and all its subsites, including its <a href="https://tumbleblog.leilukin.com/">tumbleblog</a> and <a href="https://fan.leilukin.com/">fanlisting collective</a>, have been migrated to <a href="https://www.hostinger.my/">Hostinger</a>. In other words, I have moved hosts again almost two months after <a href="https://leilukin.com/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">moving Leilukin's Hub to Netlify</a>.</p>
|
|
<p>Before talking about why I chose Hostinger as my new website host, I want to talk about why I was considering to move hosts again.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="why-decided-to-move-hosts-again">Why Decided to Move Hosts Again</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#why-decided-to-move-hosts-again" aria-labelledby="why-decided-to-move-hosts-again"><span hidden="">#</span></a></div>
|
|
<div class="heading-wrapper h3">
|
|
<h3 id="owning-both-static-and-dynamic-sites">Owning Both Static and Dynamic Sites</h3>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#owning-both-static-and-dynamic-sites" aria-labelledby="owning-both-static-and-dynamic-sites"><span hidden="">#</span></a></div>
|
|
<p>The first major reason is that <code>leilukin.com</code> has evolved into more than a static site; since I have also begun to dip my toe into PHP to build dynamic sites, including a tumbleblog, fanlistings and a fanlisting.</p>
|
|
<p><a href="https://www.netlify.com/">Netlify</a>, which previously hosted the main site of Leilukin's Hub, does not support PHP hosting, so I hosted my tumbleblog and fanlisting collective on <a href="https://www.infinityfree.com/">InfinityFree</a>, one of the very few platforms to provide PHP and MySQL website hosting for free. InfinityFree has been a decent platform for PHP and MySQL beginners to experiment with the languages, however as you might have expected, its free hosting plan comes with limitations.</p>
|
|
<div class="heading-wrapper h3">
|
|
<h3 id="limitations-of-infinityfrees-free-hosting">Limitations of InfinityFree's Free Hosting</h3>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#limitations-of-infinityfrees-free-hosting" aria-labelledby="limitations-of-infinityfrees-free-hosting"><span hidden="">#</span></a></div>
|
|
<p>InfinityFree places <a href="https://forum.infinityfree.com/docs?topic=49356">their own security measures</a> on websites on their free hosting plan to ensure <a href="https://forum.infinityfree.com/docs?topic=49353">only regular browsers can access these websites</a>. While it is understandable to apply these security measures on free websites to prevent abuse, it can be a dealbreaker depending on your needs.</p>
|
|
<p>In my case, tht thing that frustrated me the most about InfinityFree's security system on their free websites is the fact that my tumbleblog was unable to provide RSS feed in usual way. <a href="https://chyrplite.net/">Chyrp Lite</a>, which powers my tumbleblog, includes the feature of providing blog RSS feeds, but InfinityFree's security system blocks feed readers from reading feeds from websites on their free hosting, so I had to use Feedburner to proxy my tumbleblog's feeds to get around it.</p>
|
|
<div class="heading-wrapper h3">
|
|
<h3 id="invested-in-webmastery-enough-to-spend-money">Invested in Webmastery Enough to Spend Money</h3>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#invested-in-webmastery-enough-to-spend-money" aria-labelledby="invested-in-webmastery-enough-to-spend-money"><span hidden="">#</span></a></div>
|
|
<p>Lastly, I am invested in building my own websites enough to spend money on them, as already evident in my purchase and registration of a custom domain name <code>leilukin.com</code> for this website.</p>
|
|
<p>That said, I do need to consider carefully about how much money I am going to spend on my hobbies, which factors in why I eventually chose Hostinger to host my websites.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="why-hostinger">Why Hostinger</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#why-hostinger" aria-labelledby="why-hostinger"><span hidden="">#</span></a></div>
|
|
<div class="heading-wrapper h3">
|
|
<h3 id="affordable-price-with-regional-pricing">Affordable Price with Regional Pricing</h3>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#affordable-price-with-regional-pricing" aria-labelledby="affordable-price-with-regional-pricing"><span hidden="">#</span></a></div>
|
|
<p>The biggest draw about Hostinger is its pricing — it is not only cheap, but also offering regional pricing. This is a huge deal for people who live in countries with weaker currencies than US Dollars and Euro, as the pricing scales to the level we are more comfortable spending, without worrying about currency conversion rates.</p>
|
|
<p>For reference, as of this writing, 1 USD equals approximately 4.6 Malaysian Ringgit (MYR), while the minimum wage in Malaysia is 1,500 MYR, which approximately equals to 321.03 USD, per month. Therefore, if a Malaysian like me is going to spend money, every USD counts.</p>
|
|
<p>Compare the pricing of the 48-month Premium Shared Hosting plan, which was what I ended up spending to host my websites, of <a href="https://www.hostinger.my/">Hostinger.my</a> to <a href="https://www.hostinger.com/">Hostinger.com</a>: The plan costs 7.99 per month in MYR (approximately 1.71 USD), while 2.99 per month in USD (approximately 13.97 MYR). This means I ended up saving almost 6 MYR per month by purchasing the plan on the Malaysian branch of Hostinger. This is just comparing Hostinger's own hosting plan with different currencies, let alone comparing Hostinger's hosting plan to its competitors.</p>
|
|
<p>As a bonus, being able to purchase Hostinger's hosting plans in Malaysian Ringgit means I can pay by directly transferring money from a Malaysian bank account.</p>
|
|
<p>Being cheap is not even the only reason I chose Hostinger; what is better than being cheap is to provide many, many features at the same time.</p>
|
|
<div class="heading-wrapper h3">
|
|
<h3 id="many-many-features-at-a-cheap-price">Many, Many Features at a Cheap Price</h3>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#many-many-features-at-a-cheap-price" aria-labelledby="many-many-features-at-a-cheap-price"><span hidden="">#</span></a></div>
|
|
<p>The cheap price of the Premium Shared Hosting Plan of Hostinger is jam-packed with many features, including but not limited to:</p>
|
|
<ul>
|
|
<li>Ability to create up to 100 websites (Netlify allows you to deploy 500 sites, but 100 sites are still significantly more than enough for average users)</li>
|
|
<li>100 GB SSD storage</li>
|
|
<li>Unlimited bandwidth (InfinityFree's free hosting also allows unlimited bandwidth, but Netlify has a limit of 100GB per month)</li>
|
|
<li>Unlimited MySQL databases (while Infinity has a limit of 400 databases)</li>
|
|
<li>Email accounts included for free</li>
|
|
<li>Built-in Git support, which allows me to continue deploying my main site from its Git repository</li>
|
|
<li>And more!</li>
|
|
</ul>
|
|
<p>On the subject of email accounts, it is worth pointing out that Hostinger's Premium Shared Hosting plan allows you to create an email account for each website you made, and you can have up to 100 addresses and forwarders for each email account.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="a-birthday-present-for-myself">A Birthday Present for Myself</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#a-birthday-present-for-myself" aria-labelledby="a-birthday-present-for-myself"><span hidden="">#</span></a></div>
|
|
<p>Last but not least, another motivator for me to purchase a premium website hosting plan for my websites now is the fact that my birthday is coming soon on July 28, so I spent money on premium hosting for my websites as a birthday present for myself this year.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="domain-names-remaining-at-porkbun">Domain Names Remaining at Porkbun</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#domain-names-remaining-at-porkbun" aria-labelledby="domain-names-remaining-at-porkbun"><span hidden="">#</span></a></div>
|
|
<p>While Hostinger provides domain registration and transfer service, I chose to have the <code>leilukin.com</code> domain name stay with <a href="https://porkbun.com/">Porkbun</a>, because I already spent money on the domain name, so Hostinger's hosting plan providing domain name registration for free for the first year does not benefit me.</p>
|
|
<p>In addition, Porkbun's renewal rate for domain names is cheaper than Hostinger. For example, Porkbun renews the <code>.com</code> domain extension at 10.37 USD per year, while Hostinger renews at 15.99 USD per year. Even the Malaysian Ringgit pricing of Hostinger's domain renewal rate for <code>.com</code>, 55.99 MYR per year, is still more expansive than Porkbun's approximately 48.3 MYR per year rate.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="wrapping-up">Wrapping Up</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/#wrapping-up" aria-labelledby="wrapping-up"><span hidden="">#</span></a></div>
|
|
<p>Leilukin's Hub's migration to Hostinger has been smooth. There was no significant change on the front end of my websites after the switch, aside from changing the theme of my tumbleblog, so my websites will continue to operate as usual, as well as improved site performance for my tumbleblog and fanlisting collective by loading custom web fonts faster to the extent I intended by <a href="https://web.dev/articles/codelab-preload-web-fonts">preloading the fonts</a>.</p>
|
|
<p>Moving hosts for my website again reminds me of one of the benefits of owning a custom domain name of making the host migration more seamless, since it saves the trouble of having to change and update my website's address every time I move hosts.</p>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 22 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-22T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add a <a href="https://zine.kalechips.net/index">Salad Magazine</a> section to my <a href="https://leilukin.com/adoptables">Adoptables pages</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 21 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-21T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add a section for the <a href="https://divergentrays.com/kitty">Kitty Friends Pixel Club</a> to my <a href="https://leilukin.com/adoptables">Adoptables page</a>, including my kitty friends!</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 20 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-20T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Remake the mobile version of navigation menu by using the HTML <a href="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>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 18 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-18T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add list of web cliques I joined to the home page</li>
|
|
<li>Add pixel cliques I joined to the <a href="https://leilukin.com/adoptables">Adoptables page</a></li>
|
|
<li>Add a <a href="https://leilukin.com/links/#joined">Joined</a> tab to the <a href="https://leilukin.com/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>&lt;head&gt;</code> element with Eleventy 3.0's <a href="https://github.com/11ty/eleventy-plugin-bundle">built-in bundle plugin</a></li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 13 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-13T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><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 <a href="https://leilukin.com/shrines/cassettebeasts"><cite>Cassette Beasts</cite> shrine</a> based on user preference in system setting</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 6 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-06T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Implement accessible tooltips that meet Web Content Accessibility Guidelines (WCAG) 2.2 success criterion for <a href="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 <a href="https://github.com/scottaohara/a11y_tooltips">Scott O'Hara's ARIA Tooltips</a> script. (Thank you <a href="https://www.groundedwren.com/">Vera</a> for your feedback on my previous implementation of the tooltips)</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 3 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-03T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add <a href="https://leilukin.com/links/#articles">Articles</a> and <a href="https://leilukin.com/links/#resources">Resources</a> tabs to the <a href="https://leilukin.com/links">links page</a>.</li>
|
|
<li>Show visible stylised tooltips for some website buttons on mouse hover or keyboard focus (thanks to <a href="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>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 2 July 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-07-02T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>The main site header now would display a Disability Pride Month blurb and the disability pride flag during July</li>
|
|
<li><a href="https://fan.leilukin.com/">My fanlisting collective</a> and <a href="https://fan.leilukin.com/cassettebeasts"><cite>Cassette Beasts</cite> fanlisting</a> launched!</li>
|
|
<li><a href="https://leilukin.com/projects">Projects page</a>:
|
|
<ul>
|
|
<li>Reorganised pages for my video game mods into their own directory</li>
|
|
<li>Add code projects, started with <a href="https://leilukin.com/projects/code/bellabuffs-phpmailer">BellaBuffs with PHPMailer Integration</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>New blog post: <a href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch">Cassette Beasts Fanlisting and My Fanlisting Collective Launched</a></li>
|
|
<li><a href="https://leilukin.com/links">Links page</a>:
|
|
<ul>
|
|
<li>Add tabs to sort my link collection by category (thanks to <a href="https://kalechips.net/projects/snippets/tabs">Kalechips' JavaScript-free tabs code scnippet</a> for the inspiration)</li>
|
|
<li>Add <a href="https://leilukin.com/links/#webmastery">webmastery resources</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Cassette Beasts Fanlisting and My Fanlisting Collective Launched | Blog</title>
|
|
<link href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/"/>
|
|
<updated>2024-07-02T00:00:00Z</updated>
|
|
<id>https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/</id>
|
|
<content type="html"><p>I am incredibly excited to announce the official launch of <a href="https://fan.leilukin.com/cassettebeasts">Land of Confusion</a>, <a href="https://thefanlistings.org/">The Fanlistings Network</a>-approved fanlisting for <cite>Cassette Beasts</cite>, and <a href="https://fan.leilukin.com/">Beehive</a>, my fanlisting collective! 🥳</p>
|
|
<p>If you are a fan of <cite>Cassette Beasts</cite>, feel free to join my fanlisting! If you like fanlistings as well, feel free to check out my fanlisting collective!</p>
|
|
<p>In addition, in light of the launch of my first fanlisting, I am also releasing <a href="https://leilukin.com/projects/code/bellabuffs-phpmailer">my fork of BellaBuffs</a>, the fanlisting script written in PHP, with integration of <a href="https://github.com/PHPMailer/PHPMailer">PHPMailer</a>, the email sending library!</p>
|
|
<p>My fanlisting collective and <cite>Cassette Beasts</cite> fanlisting are hosted on <a href="https://www.infinityfree.com/">InfinityFree</a>, since <a href="https://www.netlify.com/">Netlify</a>, which currently hosts the main site of Leilukin's Hub, does not support PHP.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="a-milestone">A Milestone</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/#a-milestone" aria-labelledby="a-milestone"><span hidden="">#</span></a></div>
|
|
<p>In <a href="https://leilukin.com/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved">my previous post</a>, I announced that The Fanlistings Network (also known as TFL.org) had approved my application for building and running a fanlisting for <cite>Cassette Beasts</cite>.</p>
|
|
<p>After completing the <cite>Cassette Beasts</cite> fanlisting on 30 June 2024, I submitted a <a href="https://thefanlistings.org/finished.php">finished form</a> 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 <cite>Cassette Beasts</cite> fanlisting to the list of approved fanlistings under the Games category and the <a href="https://www.thefanlistings.org/browse.php?show=games&amp;start=8">Computer, Console, &amp; Video Games subcategory</a> (<a href="https://web.archive.org/web/20240702062715/https://www.thefanlistings.org/browse.php?show=games&amp;start=8">view the web archive version</a>).</p>
|
|
<p>The launch of my <cite>Cassette Beasts</cite> fanlisting is a major moment for me as both a webmaster and a <cite>Cassette Beasts</cite> fan, as I am enthusiastic about the fact that the very first fanlisting I create would be for my absolute favourite video game.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="first-foray-in-php">First Foray in PHP</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/#first-foray-in-php" aria-labelledby="first-foray-in-php"><span hidden="">#</span></a></div>
|
|
<p>My <cite>Cassette Beasts</cite> fanlisting is powered by <a href="https://www.jemjabella.co.uk/scripts/bellabuffs/">BellaBuffs</a>. 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 <cite>Cassette Beasts</cite> fanlisting was my first foray in learning to code in PHP.</p>
|
|
<p>Before starting to actually work on building the <cite>Cassette Beasts</cite> fanlisting, I tried out <a href="https://scripts.indisguise.org/enthusiast/">Enthusiast</a>, the other commonly used fanlisting script also written in PHP. I tried <a href="https://github.com/DudeThatsErin/enth">Erin's fork of Enthusiast</a> 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.</p>
|
|
<p>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.</p>
|
|
<p>Therefore, I later tried BellaBuffs, and chose BellaBuffs as the script to power my fanlistings, then code my own fanlisting collective myself.</p>
|
|
<p>There were a few setbacks I encountered when I was building the <a href="https://fan.leilukin.com/cassettebeasts"><cite>Cassette Beasts</cite> fanlisting</a> with BellaBuffs and hosting the fanlisting on InfinityFree — I learned that InfinityFree's free hosting plan <a href="https://forum.infinityfree.com/t/sending-email-from-your-website-php-mail/49242">does not support PHP <code>mail()</code> function</a>, which is used by BellaBuffs.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="integrating-phpmailer-into-bellabuffs">Integrating PHPMailer into BellaBuffs</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/#integrating-phpmailer-into-bellabuffs" aria-labelledby="integrating-phpmailer-into-bellabuffs"><span hidden="">#</span></a></div>
|
|
<p>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 <code>mail()</code> 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.</p>
|
|
<p>Thankfully, InfinityFree suggested using PHPMailer, and even providing a <a href="https://github.com/InfinityFreeHosting/contactform">contact form powered by PHPMailer</a> 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!</p>
|
|
<p>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.</p>
|
|
<p>After successfully setting up the <cite>Cassette Beasts</cite> 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 <code>mail()</code> function.</p>
|
|
<p>You can download my BellaBuffs fork and learn about how to use it from <a href="https://github.com/helenclx/BellaBuffs-PHPMailer">its GitHub repository</a>.</p>
|
|
<div class="heading-wrapper h2">
|
|
<h2 id="building-beehive">Building Beehive</h2>
|
|
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-07-02-fanlisting-collective-launch/#building-beehive" aria-labelledby="building-beehive"><span hidden="">#</span></a></div>
|
|
<p>To give myself more practice in PHP as I built my first fanlisting, I decided to code my fanlisting collective in PHP as well.</p>
|
|
<p>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.</p>
|
|
<p>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.</p>
|
|
<p>Welcome to Beehive! 🐝</p>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 27 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-27T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Added a <a href="https://leilukin.com/articles/palestine-masterlist/#spotlight-crowdfunding-campaigns">Spotlight Crowdfunding Campaigns</a> section to my <a href="https://leilukin.com/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>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 26 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-26T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Added my other websites to my <a href="https://leilukin.com/projects">Projects page</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 24 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-24T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>New blog post: <a href="https://leilukin.com/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved">My Cassette Beasts Fanlisting Application has been Approved</a></li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>My Cassette Beasts Fanlisting Application has been Approved | Blog</title>
|
|
<link href="https://leilukin.com/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/"/>
|
|
<updated>2024-06-24T00:00:00Z</updated>
|
|
<id>https://leilukin.com/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/</id>
|
|
<content type="html"><p>On 22 June 2024, I submitted an <a href="https://thefanlistings.org/start/apply.php">application form</a> to <a href="https://thefanlistings.org/">The Fanlistings Network</a>, also known as TFL.org, to build and run a <cite>Cassette Beasts</cite> fanlisting, and now TFL.org has approved my application! <cite>Cassette Beasts</cite> is now on TFL.org's approved list under the Games category and the <a href="https://www.thefanlistings.org/browse.php?show=games&amp;start=8">Computer, Console, &amp; Video Games subcategory</a> (<a href="https://web.archive.org/web/20240624045621/https%3A%2F%2Fwww.thefanlistings.org%2Fbrowse.php%3Fshow%3Dgames%26start%3D8">view the web archive version</a>).</p>
|
|
<details class="content-accordion">
|
|
<summary class="content-accordion__summary">What is a fanlisting?</summary>
|
|
<div class="content-accordion__content"><p>For those who do not know what a fanlisting is, TFL.org has defined fanslitings as below:</p>
|
|
<blockquote>
|
|
<p>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.</p>
|
|
</blockquote>
|
|
</div>
|
|
</details>
|
|
<p>This is a major moment for me as both a webmaster and a <cite>Cassette Beasts</cite> 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 <cite>Cassette Beasts</cite> being my first choice since there is no fanlisting for <cite>Cassette Beasts</cite> yet. I began to dabble in PHP, so I can use a script like <a href="https://www.jemjabella.co.uk/scripts/bellabuffs/">BellaBuffs</a> to build a fanlisting. With my application approved by The Fanlistings Network, the <cite>Cassette Beasts</cite> fanlisting will be the first fanlisting I build and run.</p>
|
|
<p><cite>Cassette Beasts</cite> has become my favourite video game ever since I started playing it in July 2023, to the extent that not only I have a <a href="https://leilukin.com/shrines/cassettebeasts"><cite>Cassette Beasts</cite> shrine</a> 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 <cite>Cassette Beasts</cite> that is approved by The Fanlistings Network, to add to my ongoing effort to boost the game's visibility.</p>
|
|
<p>The <cite>Cassette Beasts</cite> 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 <cite>Cassette Beasts</cite> fanlisting. TFL.org has a <a href="https://thefanlistings.org/start/rules.php">rule</a> that fanlisting owners need to complete their fanlisting within four weeks, so stay tuned for upcoming updates for my <cite>Cassette Beasts</cite> fanlisting!</p>
|
|
<p>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 <a href="https://www.netlify.com/">Netlify</a>, which currently hosts the main site of Leilukin's Hub, does not support PHP, I will be hosting my fanlisting collective, including my <cite>Cassette Beasts</cite> fanlisting, on <a href="https://www.infinityfree.com/">InfinityFree</a>.</p>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 23 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-23T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add <a href="https://leilukin.com/adoptables">Adoptables page</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 21 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-21T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Leilukin's Hub now has a tumbleblog at <a href="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>! Read the latest blog post to learn more: <a href="https://leilukin.com/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched">Leilukin's Hub Tumbleblog Launched</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Leilukin's Hub Tumbleblog Launched | Blog</title>
|
|
<link href="https://leilukin.com/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/"/>
|
|
<updated>2024-06-21T00:00:00Z</updated>
|
|
<id>https://leilukin.com/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/</id>
|
|
<content type="html"><p>Leilukin's Hub now has a <a href="https://jaypeeonline.net/internet/tumbleblogs/">tumbleblog</a> at <a href="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>!</p>
|
|
<p>I have been considering the idea of creating a microblog or tumbleblog for my website. The main site of <a href="https://leilukin.com/">Leilukin's Hub</a> already has a <a href="https://leilukin.com/blog/">blog</a>, 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.</p>
|
|
<p>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 <code>leilukin.com</code>. After struggling to figure out how to implement a tumbleblog for Leilukin's Hub, I finally discovered the ideal blogging engine for my needs: <a href="https://chyrplite.net/">Chyrp Lite</a>.</p>
|
|
<p>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 <code>leilukin.com</code> is currently hosted on), etc. This is where <a href="https://www.infinityfree.com/">InfinityFree</a> came in.</p>
|
|
<p>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 <code>leilukin.com</code> domain name to my InfinityFree account, in case I need to host something with PHP and want to use a subdomain of <code>leilukin.com</code> for it. Now, I got to make use of what I learned to build this tumbleblog for Leilukin's Hub.</p>
|
|
<p>I started with adding a <code>tumbleblog.leilukin.com</code> custom subdomain to InfinityFree, configuring the DNS records on Porkbun (which manages the <code>leilukin.com</code> domain name), and requesting a free SSL certificate from InfinityFree to add HTTPS support to this blog. After making sure the <code>tumbleblog.leilukin.com</code> subdomain is ready, I followed the <a href="https://chyrplite.net/wiki/Quick-Start-Guide.html">Quick Start Guide</a> 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.</p>
|
|
<p>Leilukin's Hub Tumbleblog is now officially launched! 🥳</p>
|
|
</content>
|
|
</entry>
|
|
|
|
<entry>
|
|
<title>Changelog: 19 June 2024</title>
|
|
<link href="https://leilukin.com/"/>
|
|
<updated>2024-06-19T00:00:00Z</updated>
|
|
<id>https://leilukin.com/</id>
|
|
<content type="html"><ul>
|
|
<li>Add new article: <a href="https://leilukin.com/articles/palestine-masterlist">Palestine Masterlist</a>.</li>
|
|
</ul>
|
|
</content>
|
|
</entry>
|
|
</feed> |