leilukin-site/blog/posts/2025-01-07-blog-questions-c.../index.html

585 lines
29 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr" id="top">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Blog Questions Challenge | Blog">
<link rel="canonical" href="https://leilukin.com/blog/posts/2025-01-07-blog-questions-challenge/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="My answers to a blog questions challenge I was tagged for.">
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:type" content="article">
<meta property="og:description" content="My answers to a blog questions challenge I was tagged for.">
<meta property="og:url" content="https://leilukin.com/blog/posts/2025-01-07-blog-questions-challenge/">
<meta property="og:locale" content="en_MY">
<meta property="og:image" content="https://leilukin.com/assets/leilukin/leilukins-hub-meta-img.png">
<meta name="theme-color" content="#3d2163">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.toc__wrapper {
max-height: var(--ht-sticky-sidebar);
overflow-x: auto;
background-color: var(--clr-content-bg);
padding: 1rem 1.3rem;
}
.toc__heading {
font-size: 1.3rem;
font-weight: 700;
color: var(--clr-sub-heading);
}
.toc ol,
.toc ol ol {
display: grid;
gap: 0.3em;
}
.toc ol {
border-top: 0.1em solid var(--clr-title-border);
padding-left: 1.3em;
padding-top: 1em;
}
.toc ol ol {
border-top: none;
list-style-type: disc;
padding-left: 1em;
padding-top: 0.3em;
}
.toc ol a {
font-size: 1.1rem;
padding-left: 0.3em;
}
.toc ol ol a {
padding: 0;
font-size: 1rem;
}
.content__nav {
padding: 1.2em clamp(1em, 5%, 1.5em);
background-color: var(--clr-content-bg);
}
.content__nav--title {
font-size: 1.7rem;
}
.breadcrumbs {
margin-bottom: 0.7em;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
justify-content: center;
}
.blog__post--pagination {
padding-top: 1em;
margin-block-start: 2.5em;
border-top: 0.1em solid var(--clr-title-border);
}
.blog__post--nextprev {
list-style-type: "";
padding: 0;
margin: 0;
display: grid;
gap: 0.7em;
grid-template-columns: repeat(2, 1fr);
grid-template-areas: 'prev next';
}
.blog__post--prev { grid-area: prev; }
.blog__post--next { grid-area: next; }
.hero img { filter:
drop-shadow(0.1rem 0.1rem 0.2rem black)
drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
; }
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0.7em;
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
object-fit: contain;
overflow: hidden;
max-height: 16rem;
}
.navbar {
background: var(--clr-navbar-bg);
width: 100%;
z-index: 998;
position: sticky;
top: 0;
padding: 0.6em;
}
.navbar__menu {
list-style-type: "";
margin: 0;
padding: 0;
display: flex;
gap: 1em;
flex-wrap: wrap;
text-align: center;
}
.navbar__menu a {
color: var(--clr-navbar-link);
text-decoration: none;
font-weight: 700;
cursor: pointer;
display: inline-block;
}
.navbar__menu a:hover { color: var(--clr-link-hover); }
.navbar__menu a:focus { outline-offset: 0.2em; }
.navbar__links {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 0.5em;
}
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: none;
align-items: center;
gap: 0.3em;
}
.navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
.navbar__popover {
background: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link);
padding: 1.5em;
max-width: 85%;
}
.navbar__popover::backdrop {
background-color: black;
opacity: 0.5;
}
@supports selector([popover]) {
.navbar__toggle { display: flex; }
.navbar__links { display: none; }
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar { padding: 1em 0.6em; }
.navbar__toggle, .navbar__popover { display: none; }
.navbar__links { display: flex; }
}
.top-btn,
.top-btn:hover {
color: var(--clr-top-btn-txt);
text-decoration: none;
font-weight: 700;
}
.top-btn {
position: fixed;
bottom: 0.5rem;
right: 0.5rem;
z-index: 999;
background-color: var(--clr-top-btn-bg);
display: flex;
align-items: center;
border-radius: 50em;
padding: 0.3em 0.5em;
gap: 0.2em;
}
.top-btn:focus {
outline: 0.25em solid var(--clr-top-btn-bg);
outline-offset: 0.15em;
}
.top-btn__arrow {
display: inline-block;
width: 1em;
aspect-ratio: 1 / 1;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
:root { --footer-gap: 0.5em; }
.footer {
margin-top: auto;
width: 100%;
background: var(--clr-main-footer-bg);
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
text-align: center;
display: grid;
gap: var(--footer-gap);
}
.footer__links,
.footer__shrines {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: var(--footer-gap);
}
.footer__links { justify-self: center; }
.footer__shrines { align-self: center; }</style>
<link rel="icon" sizes="32x32" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/assets/favicon/leilukin-bee-favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="me" href="https://dragonscave.space/@Leilukin">
<link rel="me" href="https://github.com/Leilukin">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<script src="/assets/js/D968lGk6J8.js" defer=""></script>
<script src="/assets/js/details-utils.js" defer=""></script>
<title>
Blog Questions Challenge | Blog | Leilukin's Hub
</title>
</head>
<body>
<div class="skip-btn"><a href="#content">Skip to content</a></div>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub" width="900" height="300">
</div>
</header>
<nav class="navbar" aria-labelledby="top-level-nav-title">
<h2 class="visually-hidden" id="top-level-nav-title">Top Level</h2>
<ul class="navbar__menu navbar__links">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about/">About</a>
</li>
<li>
<a href="/now/">Now</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a href="/articles/">Articles</a>
</li>
<li>
<a href="/projects/">Projects</a>
</li>
<li>
<a href="/shrines/">Shrines</a>
</li>
<li>
<a href="/adoptables/">Adoptables</a>
</li>
<li>
<a href="/links/">Links</a>
</li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
<button class="navbar__toggle" popovertarget="nav-menu" aria-label="Toggle navigation menu">
<svg aria-hidden="true" focusable="false" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"></path></svg>
Navigation
</button>
</nav>
<div popover="" id="nav-menu" class="navbar__popover">
<ul class="navbar__menu">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about/">About</a>
</li>
<li>
<a href="/now/">Now</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a href="/articles/">Articles</a>
</li>
<li>
<a href="/projects/">Projects</a>
</li>
<li>
<a href="/shrines/">Shrines</a>
</li>
<li>
<a href="/adoptables/">Adoptables</a>
</li>
<li>
<a href="/links/">Links</a>
</li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</div>
<main id="content">
<header class="main__header">
<nav class="breadcrumbs" aria-labelledby="breadcrumbs-title">
<h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
<a href="/blog/">Blog</a>
<span aria-hidden="true"></span>
<a href="/blog/posts/">Blog Archive</a>
<span aria-hidden="true"></span>
</nav>
<h1>Blog Questions Challenge</h1>
<div class="article__info">
<p>
1,327 words.
Posted on <time datetime="2025-01-07T16:24:26+0800">7 January 2025</time> by Leilukin
</p>
<p>Categories:
<a href="/categories/site-meta">site meta</a>
</p>
</div>
</header>
<content-wrapper>
<aside class="left-sidebar" aria-label="Left sidebar">
<details-utils force-open="(min-width: 60rem)" force-restore="">
<details class="toc__wrapper sidebar--sticky">
<summary class="toc__heading" id="toc-heading">
Table of Contents
</summary>
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#why-did-you-start-blogging-in-the-first-place">Why did you start blogging in the first place?</a></li>
<li><a href="#what-platform-are-you-using-to-manage-your-blog-and-why-did-you-choose-it">What platform are you using to manage your blog and why did you choose it?</a></li>
<li><a href="#have-you-blogged-on-other-platforms-before">Have you blogged on other platforms before?</a></li>
<li><a href="#how-do-you-write-your-posts">How do you write your posts?</a></li>
<li><a href="#when-do-you-feel-most-inspired-to-write">When do you feel most inspired to write?</a></li>
<li><a href="#do-you-publish-immediately-after-writing-or-do-you-let-it-simmer-a-bit-as-a-draft">Do you publish immediately after writing, or do you let it simmer a bit as a draft?</a></li>
<li><a href="#whats-your-favourite-post-on-your-blog">What's your favourite post on your blog?</a></li>
<li><a href="#any-future-plans-for-your-blog">Any future plans for your blog?</a></li>
<li><a href="#why-do-you-write-other-than-your-blog-do-you-write-long-form-content-elsewhere">Why do you write? Other than your blog, do you write long-form content elsewhere?</a></li>
<li><a href="#your-turn">Your Turn</a></li></ol></nav>
</details>
</details-utils>
</aside>
<article class="content">
<p>I was tagged by <a href="https://home.hedy.dev/">~hedy</a> for a <a href="https://home.hedy.dev/posts/blog-questions-challenge/">blog questions challenge</a>. I put a lot of thoughts into how I build and set up my website, so I am happy to have been invited to talk about the meta aspects of my website, including my blog. Thank you, ~hedy!</p>
<div class="heading-wrapper h2">
<h2 id="why-did-you-start-blogging-in-the-first-place">Why did you start blogging in the first place?</h2>
<a class="heading-anchor" href="#why-did-you-start-blogging-in-the-first-place" aria-labelledby="why-did-you-start-blogging-in-the-first-place"><span hidden="">#</span></a></div>
<p>I learned about the concept of blogs for the first time when I was a secondary school student in the later half of the 2000s. I was introduced to blogs by a Malaysian Chinese secondary school magazine named <cite>Xuehai Weekly</cite> (<span lang="zh">《学海周刊》</span>).</p>
<p>As an undiagnosed autistic kid who was more comfortable communicating and expressing themself through writing, and had been keeping a journal, I was fascinated by the concept of a personal journal on the internet. Therefore, after trying it out, blogging immediately became one of my main hobbies, and I enjoyed browsing and reading other people's blogs as well. I loved blogs for allowing ordinary people to write and publish their writing to express themselves outside traditional publishing channels.</p>
<div class="heading-wrapper h2">
<h2 id="what-platform-are-you-using-to-manage-your-blog-and-why-did-you-choose-it">What platform are you using to manage your blog and why did you choose it?</h2>
<a class="heading-anchor" href="#what-platform-are-you-using-to-manage-your-blog-and-why-did-you-choose-it" aria-labelledby="what-platform-are-you-using-to-manage-your-blog-and-why-did-you-choose-it"><span hidden="">#</span></a></div>
<p>This blog and my website where this blog is part of, Leilukin's Hub, is built with the static site generator <a href="https://www.11ty.dev/">Eleventy</a>.</p>
<p>After coding Leilukin's Hub from scratch for the first time in 2022, and working on the website for a while, I started to get frustrated with having to duplicate the HTML of my layout by hand over and over across all my HTML files to maintain a consistent layout, especially when you wanted to change parts of your layout. Therefore, I began to search for solutions, and discovered static site generators (SSGs).</p>
<p>I chose Eleventy over other SSGs, mainly because of its flexibility, including by allowing users to customise their file directory structure and supporting multiple templating languages. The fact that Eleventy is written in JavaScript means it has the advantage of being built in a familiar language for someone who was already learning front-end web development like me.</p>
<p>Using an SSG like Eleventy to build my blog means once I set up my website layout and page directory structure, when I draft and write a blog post, I can focus on my words by writing on a Markdown file, and let the SSG handle the HTML output.</p>
<p>Leilukin's Hub also has a [tumbleblog](<a href="https://tumbleblog.leilukin.com/">Leilukin's Hub Tumbleblog</a>) hosted on a subdomain and powered by a blogging engine written in PHP named <a href="https://chyrplite.net/">Chyrp Lite</a>. I use Chyrp Lite like a self-hosted alternative to a Tumblr blog, in that Chyrp Lite also allows you to create different type of posts such as text, photo, video, link, quote, etc. The fact that Chyrp Lite is written in PHP also makes it a good lightweight alternative to WordPress.</p>
<div class="heading-wrapper h2">
<h2 id="have-you-blogged-on-other-platforms-before">Have you blogged on other platforms before?</h2>
<a class="heading-anchor" href="#have-you-blogged-on-other-platforms-before" aria-labelledby="have-you-blogged-on-other-platforms-before"><span hidden="">#</span></a></div>
<p>During my teenage blogging years in the 2000s, I tried out many different blogging platforms, including primarily English ones such as Blogger and WordPress.com, as well as Taiwanese ones such as Wretch (<span lang="zh">無名小站</span>), Roodo (<span lang="zh">樂多日誌</span>) and Yam Blog (<span lang="zh">天空部落</span>), which were all eventually shut down. Later, I settled for a now-defunct Malaysian Chinese blogging community that powers members' blogs with a Korean blogging engine named Tattertools.</p>
<p>Since 2011 to late 2024, I continued blogging by doing it on Tumblr, before deciding to retire from Tumblr to put more focus on my own websites, including Leilukin's Hub.</p>
<div class="heading-wrapper h2">
<h2 id="how-do-you-write-your-posts">How do you write your posts?</h2>
<a class="heading-anchor" href="#how-do-you-write-your-posts" aria-labelledby="how-do-you-write-your-posts"><span hidden="">#</span></a></div>
<p>I use <a href="https://obsidian.md/">Obsidian</a> to draft and write my posts. Obsidian had become my main note-taking app since I started using it myself, so it is a natural choice to plan and do my writings on Obsidian. It helps that Obsidian note files are in Markdown format, and Eleventy supports generating HTML with Markdown files. Writing my posts in Obsidian also allows me to focus on my words, and letting the <a href="https://github.com/Clemens-E/obsidian-languagetool-plugin">LanguageTool Integration</a> community plugin spellcheck my writing, without worrying about the technical aspects of publishing my post to the web first.</p>
<p>After I finish writing a post in Obsidian, I copy the Markdown file content, paste into a new Markdown file in my blog post folder in Visual Studio Code, my main code editor. Then, I add frontmatter to the blog post's Markdown file to configure data of the post such as title, description and categories, use Visual Studio Code's built-in terminal to enter Eleventy commands to generate the new post, then use Git and GitHub Actions to publish the new post to my website.</p>
<div class="heading-wrapper h2">
<h2 id="when-do-you-feel-most-inspired-to-write">When do you feel most inspired to write?</h2>
<a class="heading-anchor" href="#when-do-you-feel-most-inspired-to-write" aria-labelledby="when-do-you-feel-most-inspired-to-write"><span hidden="">#</span></a></div>
<p>I can get inspired to write by just about anything: books, articles, essays and blog posts I read, interesting things I discovered when browsing the web, video games I play, conversations with other people, etc.</p>
<p>When inspiration strikes, I jot down my ideas in Obsidian, so when I have time, I can go through my Obsidian notes and plan how to write a post about those ideas, beginning by outlining what I want to include in my posts.</p>
<div class="heading-wrapper h2">
<h2 id="do-you-publish-immediately-after-writing-or-do-you-let-it-simmer-a-bit-as-a-draft">Do you publish immediately after writing, or do you let it simmer a bit as a draft?</h2>
<a class="heading-anchor" href="#do-you-publish-immediately-after-writing-or-do-you-let-it-simmer-a-bit-as-a-draft" aria-labelledby="do-you-publish-immediately-after-writing-or-do-you-let-it-simmer-a-bit-as-a-draft"><span hidden="">#</span></a></div>
<p>I publish my posts immediately after completing a draft, so the question is how long does it take for me to complete a draft. I plan ahead before drafting my posts because I want to be considerate for how I express my thoughts, so I only complete and publish my draft after such considerations, which often takes time.</p>
<div class="heading-wrapper h2">
<h2 id="whats-your-favourite-post-on-your-blog">What's your favourite post on your blog?</h2>
<a class="heading-anchor" href="#whats-your-favourite-post-on-your-blog" aria-labelledby="whats-your-favourite-post-on-your-blog"><span hidden="">#</span></a></div>
<p>My favourite post on this particular blog would be <a href="/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/">my submission to the November 2024 IndieWeb Carnival</a>, where I talked about impact by reflecting on other people's impact on me and my life, and my beliefs about everyone being capable of making an impact on others.</p>
<div class="heading-wrapper h2">
<h2 id="any-future-plans-for-your-blog">Any future plans for your blog?</h2>
<a class="heading-anchor" href="#any-future-plans-for-your-blog" aria-labelledby="any-future-plans-for-your-blog"><span hidden="">#</span></a></div>
<p>I do not have any concrete future plans for this blog specifically, but I do have more ideas for what to do to other parts of Leilukin's Hub, including writing more articles and creating more <a href="/shrines">shrines</a> and <a href="https://fan.leilukin.com/">fanlistings</a>.</p>
<div class="heading-wrapper h2">
<h2 id="why-do-you-write-other-than-your-blog-do-you-write-long-form-content-elsewhere">Why do you write? Other than your blog, do you write long-form content elsewhere?</h2>
<a class="heading-anchor" href="#why-do-you-write-other-than-your-blog-do-you-write-long-form-content-elsewhere" aria-labelledby="why-do-you-write-other-than-your-blog-do-you-write-long-form-content-elsewhere"><span hidden="">#</span></a></div>
<p>As an autistic person, verbal communication is not my strongest skill, so I prefer to communicate my ideas and express myself through writing. I have found writing a great way to relax and organise my thoughts. Furthermore, I write because I like to read, and reading other people's writings have inspired my own writing.</p>
<p>Aside from blog, I have also written and published articles about various topics on my website. These articles are distinct from blog posts in that while my blog posts are usually written about events or subjects that happened recently, my articles are meant to be more static pages containing useful information or my thoughts on certain topics, not just what is happening right now.</p>
<div class="heading-wrapper h2">
<h2 id="your-turn">Your Turn</h2>
<a class="heading-anchor" href="#your-turn" aria-labelledby="your-turn"><span hidden="">#</span></a></div>
<p>I cannot decide who else to tag for this blog questions challenge, because not all my acquaintances in the personal web are bloggers and some bloggers are not huge fans of meta type posts.</p>
<p>Therefore, consider this an open invitation: If you find this post and are interested in answering these questions yourself, feel free to write your own post!</p>
<nav class="blog__post--pagination" aria-labelledby="nextprev-title">
<h2 class="visually-hidden" id="nextprev-title">Next and Previous Blog Posts</h2>
<ul class="blog__post--nextprev">
<li class="blog__post--prev">
<p>Previous Post:</p>
<a href="/blog/posts/2024-12-27-my-2024-christmas-season/">My Christmas Season in 2024</a>
</li>
</ul>
</nav>
</article>
<aside class="right-sidebar" aria-label="Right sidebar">
<nav class="content__nav sidebar--sticky" aria-labelledby="my-contents-title">
<h2 class="content__nav--title" id="my-contents-title">My Contents</h2>
<ul class="content__nav--links">
<li><a href="/archive/">Content Archive</a></li>
<li><a href="/categories/">Content Categories</a></li>
<li><a href="/articles/">Articles</a></li>
<li><a href="/blog/posts/">Blog Archive</a></li>
<li><a href="/blog/">Blog Home</a></li>
</ul>
</nav>
</aside>
</content-wrapper>
</main>
<footer class="footer">
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>
<a rel="nofollow, noindex" href="emailme/">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
</p>
<h2 class="visually-hidden">Footer Navigation:</h2>
<ul class="inline-nav footer__links">
<li>
<a href="/feed.xml"><svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>RSS Feed</a>
</li>
<li><a href="/sitemap/
">Site Map</a></li><li><a href="/changelogs/">Changelogs</a></li><li><a href="/accessibility/">Accessibility</a></li><li><a href="/colophon/">Colophon</a></li></ul>
<p>Made with ♥ by Leilukin since 11 September 2022</p>
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>
<a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
</p><div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
<span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div><a href="#top" class="top-btn">
<svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
<path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Back to Top
</a>
</footer>
</body>
</html>