Build: (6bf249b) Add new blog post about my 2024 in review
This commit is contained in:
helenclx
parent
58f537ec21
commit
5d7785f3b5
|
|
@ -387,7 +387,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
@ -397,7 +397,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
@ -407,7 +407,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p class="item-list__title">
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
Leilukin's 2024: A Year In Review | Blog
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Wed Dec 25 2024 06:25:57 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
|
|||
|
|
@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
Leilukin's 2024: A Year In Review
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Wed Dec 25 2024 06:25:57 GMT+0000 (Coordinated Universal Time)">25 December 2024</time></p>
|
||||
<p>Looking back at my 2024. My submission for 32-Bit Cafe's New Years '25 event.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">
|
||||
|
|
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<p>How building my personal website led to me getting a web developer job.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">
|
||||
Leilukin's Hub Has Migrated to Hostinger
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Fri Jul 26 2024 16:44:00 GMT+0000 (Coordinated Universal Time)">26 July 2024</time></p>
|
||||
<p>Leilukin's Hub has moved hosts again — this time to Hostinger.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -559,7 +559,7 @@ Newer
|
|||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">
|
||||
Leilukin's Hub Has Migrated to Hostinger
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Fri Jul 26 2024 16:44:00 GMT+0000 (Coordinated Universal Time)">26 July 2024</time></p>
|
||||
<p>Leilukin's Hub has moved hosts again — this time to Hostinger.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-07-02-fanlisting-collective-launch/">
|
||||
|
|
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<p>Steps I hae taken to improve my website's performance.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/">
|
||||
Custom Domain Name and Hosting Change for Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Fri May 31 2024 13:33:00 GMT+0000 (Coordinated Universal Time)">31 May 2024</time></p>
|
||||
<p>Leilukin's Hub now has a custom domain name and a new host.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -562,7 +562,7 @@ Newer
|
|||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/">
|
||||
Custom Domain Name and Hosting Change for Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Fri May 31 2024 13:33:00 GMT+0000 (Coordinated Universal Time)">31 May 2024</time></p>
|
||||
<p>Leilukin's Hub now has a custom domain name and a new host.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2024-05-29-new-guestbook-leilukins-hub/">
|
||||
|
|
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<p>I rebuilt my website with the static site generator Eleventy in April 2024.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/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>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Wed Mar 06 2024 00:00:00 GMT+0000 (Coordinated Universal Time)">6 March 2024</time></p>
|
||||
<p>In light of my mods hosted on Nexus Mods reaching 30,000 unique downloads, I was rewarded a free lifetime Premium membership on Nexus Mods.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -562,7 +562,7 @@ Newer
|
|||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/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>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Wed Mar 06 2024 00:00:00 GMT+0000 (Coordinated Universal Time)">6 March 2024</time></p>
|
||||
<p>In light of my mods hosted on Nexus Mods reaching 30,000 unique downloads, I was rewarded a free lifetime Premium membership on Nexus Mods.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/">
|
||||
|
|
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/">
|
||||
Happy 1st Anniversary to Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Mon Sep 11 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">11 September 2023</time></p>
|
||||
<p>Celebrating the first anniversary of Leilukin's Hub and reflecting on the evolution of my website throughout past year.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -562,7 +562,7 @@ Newer
|
|||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/">
|
||||
Happy 1st Anniversary to Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Mon Sep 11 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">11 September 2023</time></p>
|
||||
<p>Celebrating the first anniversary of Leilukin's Hub and reflecting on the evolution of my website throughout past year.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/">
|
||||
|
|
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<p>I have finally set up a blog on my own website.</p>
|
||||
</li>
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/">
|
||||
2023 New Year Redesign of Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Thu Jan 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">26 January 2023</time></p>
|
||||
<p>About giving my website a new design in light of a new year of 2023.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -553,14 +553,16 @@ Newer
|
|||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/6/">
|
||||
Older
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg>
|
||||
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,588 @@
|
|||
<!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">
|
||||
|
||||
<link rel="canonical" href="https://leilukin.com/blog/page/6/">
|
||||
<meta name="generator" content="Eleventy v3.0.0">
|
||||
<meta name="author" content="Leilukin">
|
||||
<meta name="description" content="Blog hosted on Leilukin's pwesonal website.">
|
||||
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
|
||||
<meta property="og:site_name" content="Leilukin's Hub">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:description" content="Blog hosted on Leilukin's pwesonal website.">
|
||||
<meta property="og:url" content="https://leilukin.com/blog/page/6/">
|
||||
<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's Hub" href="/feed.xml">
|
||||
|
||||
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<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>.pagination__wrapper {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pagination li {
|
||||
text-align: center;
|
||||
padding: 0.3em 0.7em;
|
||||
color: var(--clr-title-border);
|
||||
background-color: var(--clr-code-bg);
|
||||
}
|
||||
|
||||
.pagination li:has(a) {
|
||||
background-color: var(--clr-title-border);
|
||||
}
|
||||
|
||||
.pagination li:has(a):hover {
|
||||
cursor: pointer;
|
||||
background-color: var(--clr-link-hover);
|
||||
}
|
||||
|
||||
.pagination li:has(a):focus-within {
|
||||
outline: 0.2em solid var(--clr-title-border);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
|
||||
.pagination li a {
|
||||
color: var(--clr-link-btn-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.pagination li a:focus { outline: none; }
|
||||
.blog__posts, .blog__post { display: grid; }
|
||||
|
||||
.blog__posts {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
|
||||
.blog__post {
|
||||
--bdr-blogpost: 0.2em solid var(--clr-quote-border);
|
||||
gap: 0.6em;
|
||||
padding: 1.5em 0;
|
||||
border-bottom: var(--bdr-blogpost);
|
||||
}
|
||||
|
||||
.blog__post:first-of-type { border-top: var(--bdr-blogpost); }
|
||||
|
||||
.blog__post--title {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.blog__post--time {
|
||||
color: var(--clr-sub-heading);
|
||||
font-weight: 700;
|
||||
}
|
||||
.content__nav {
|
||||
padding: 1.2em clamp(1em, 5%, 1.5em);
|
||||
background-color: var(--clr-content-bg);
|
||||
}
|
||||
|
||||
.content__nav--title {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
.breadcrumbs {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
.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="mailto:contact@leilukin.com">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
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">
|
||||
|
||||
|
||||
<h1>Welcome to Leilukin's Hub Blog!</h1>
|
||||
|
||||
|
||||
|
||||
<p>Blog hosted on Leilukin's pwesonal website.</p>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<content-wrapper>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="content content--divided">
|
||||
|
||||
<section class="content__section">
|
||||
<h2>Other Blogs</h2>
|
||||
<p>Leilukin's Hub also has a tumbleblog at <a href="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>, where I make shorter or more casual posts, as well as sharing stuff that I found interesting or inspirational. Feel free to check it out!</p>
|
||||
</section>
|
||||
|
||||
<section class="content__section">
|
||||
<h2>Blog Posts</h2>
|
||||
<ul class="blog__posts">
|
||||
|
||||
<li class="blog__post">
|
||||
<h3 class="blog__post--title">
|
||||
<a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/">
|
||||
2023 New Year Redesign of Leilukin's Hub
|
||||
|
||||
</a>
|
||||
</h3>
|
||||
<p class="blog__post--time"><time datetime="Thu Jan 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">26 January 2023</time></p>
|
||||
<p>About giving my website a new design in light of a new year of 2023.</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav aria-labelledby="pagination-title" class="pagination__wrapper">
|
||||
<h2 class="visually-hidden" id="pagination-title">Pagination</h2>
|
||||
<ul class="pagination">
|
||||
<li>
|
||||
|
||||
<a href="/blog/">
|
||||
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z"></path></svg>
|
||||
Newest
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/5/">
|
||||
<i class="fa-solid fa-angle-left"></i>
|
||||
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"></path></svg>
|
||||
Newer
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
Older
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"></path></svg>
|
||||
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<a href=" /blog/page/6/">
|
||||
Oldest
|
||||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>
|
||||
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<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>
|
||||
|
|
@ -432,6 +432,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<a href="/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/">IndieWeb Carnival November 2024: Impact</a>
|
||||
</li>
|
||||
|
||||
<li class="blog__post--next">
|
||||
<p>Next Post:</p>
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">Leilukin's 2024: A Year In Review</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,582 @@
|
|||
<!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="Leilukin's 2024: A Year In Review | Blog">
|
||||
|
||||
<link rel="canonical" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
<meta name="generator" content="Eleventy v3.0.0">
|
||||
<meta name="author" content="Leilukin">
|
||||
<meta name="description" content="Looking back at my 2024. My submission for 32-Bit Cafe's New Years '25 event.">
|
||||
<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="Looking back at my 2024. My submission for 32-Bit Cafe's New Years '25 event.">
|
||||
<meta property="og:url" content="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
<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's Hub" href="/feed.xml">
|
||||
|
||||
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<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 {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
.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="mailto:contact@leilukin.com">
|
||||
<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>
|
||||
Leilukin's 2024: A Year In Review | 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 aria-labelledby="breadcrumbs-title">
|
||||
<h2 class="visually-hidden" id="breadcrumbs-title">Breadcrumbs</h2>
|
||||
<ol class="breadcrumbs">
|
||||
|
||||
<li>
|
||||
<a href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/posts/">Blog Archive</a>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
|
||||
<h1>Leilukin's 2024: A Year In Review</h1>
|
||||
|
||||
|
||||
<div class="article__info">
|
||||
<p>
|
||||
1,164 words.
|
||||
Posted on <time datetime="2024-12-25T14:25:57+0800">25 December 2024</time> by Leilukin
|
||||
</p>
|
||||
|
||||
|
||||
<p>Categories:
|
||||
|
||||
<a href="/categories/year-in-review">year in review</a>,
|
||||
|
||||
<a href="/categories/32-bit-cafe">32-bit cafe</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="#rebuilt-leilukins-hub-with-eleventy">Rebuilt Leilukin's Hub with Eleventy</a></li>
|
||||
<li><a href="#custom-domain-name-and-new-host-for-leilukins-hub">Custom Domain Name and New Host for Leilukin's Hub</a></li>
|
||||
<li><a href="#started-participating-in-the-personal-web">Started Participating in the Personal Web</a></li>
|
||||
<li><a href="#my-first-web-developer-job">My First Web Developer Job</a></li>
|
||||
<li><a href="#diagnosed-with-retinitis-pigmentosa">Diagnosed with Retinitis Pigmentosa</a></li>
|
||||
<li><a href="#wrapping-up">Wrapping Up</a></li></ol></nav>
|
||||
</details>
|
||||
</details-utils>
|
||||
</aside>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<article class="content">
|
||||
<p><a href="https://32bit.cafe/">32-Bit Cafe</a> is hosting a <a href="https://32bit.cafe/newyear25/">New Years '25 event</a>, so this is a good opportunity for me to write a year-in-review post to reflect on my 2024, which has been an eventful year for both Leilukin's Hub and my personal life, although I already intended to do so even without 32-Bit Cafe's event. 🙂</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="rebuilt-leilukins-hub-with-eleventy">Rebuilt Leilukin's Hub with Eleventy</h2>
|
||||
<a class="heading-anchor" href="#rebuilt-leilukins-hub-with-eleventy" aria-labelledby="rebuilt-leilukins-hub-with-eleventy"><span hidden="">#</span></a></div>
|
||||
<p>The first major event was my discovery of the static site generator <a href="https://www.11ty.dev/">Eleventy</a> in April 2024. I was looking for a way to manage and continue to build my website better by eliminating the process of duplicating some HTML parts over and over across multiple pages. Then I discovered Eleventy through Neocities, as some websites hosted on Neocities were built with it.</p>
|
||||
<p>After digging into and trying out Eleventy, I quickly realised that it was the solution I had been looking for, so I <a href="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">spent a whole week rebuilding Leilukin's Hub</a>, and I could not be happier with how my website and my new development workflow turned out.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="custom-domain-name-and-new-host-for-leilukins-hub">Custom Domain Name and New Host for Leilukin's Hub</h2>
|
||||
<a class="heading-anchor" href="#custom-domain-name-and-new-host-for-leilukins-hub" aria-labelledby="custom-domain-name-and-new-host-for-leilukins-hub"><span hidden="">#</span></a></div>
|
||||
<p>Rebuilding my entire website with a static site generator was only the first step of taking my site to the next level. As both Leilukin's Hub and my web development skills grew, I began to consider alternative hosting services to Neocities, which was where Leilukin's Hub was initially hosted on, and renting a custom domain name for my website.</p>
|
||||
<p>Near the end of May, I rented leilukin.com from Porkbun, <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/">set leilukin.com as the domain name of Leilukin's Hub, and migrated Leilukin's Hub to Netlify</a>.</p>
|
||||
<p>Meanwhile, I dabbled in PHP to build a <a href="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/">tumbleblog</a> and <a href="/blog/posts/2024-07-02-fanlisting-collective-launch/">fanlisting collective</a> for Leilukin's Hub. At first, those subsites were hosted on InfinityFree, but after using nearly two months, I started to feel frustrated by the limitations of InfinityFree.</p>
|
||||
<p>Therefore, I finally <a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">migrated Leilukin's Hub and all its subsites to Hostinger</a> in July. I have used Hostinger since then, and I am satisfied with Hostinger.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="started-participating-in-the-personal-web">Started Participating in the Personal Web</h2>
|
||||
<a class="heading-anchor" href="#started-participating-in-the-personal-web" aria-labelledby="started-participating-in-the-personal-web"><span hidden="">#</span></a></div>
|
||||
<p>2004 was also the year when I made the conscious decision to be more active in participating in the personal web and connecting with other personal website owners. I explored other personal websites more through links, left messages on other people's guestbooks, sent more emails to personal website owners, and joined more webrings, pixel clubs, web cliques and fanlistings.</p>
|
||||
<p>Browsing other people's personal websites also provided a lot of inspiration for my own website, and socialising with other people in personal web spaces made me learn that if we want to have a community, we need to put effort in making connections with and reaching out to other people, instead of relying on a particular platform, online or offline.</p>
|
||||
<p>Furthermore, I joined the 32-Bit Cafe community in June, and became active in both its Discord server and Discourse forums, which <a href="https://tumbleblog.leilukin.com/2024/07/02/earned-32-bit-cafe-new-member-of-the-month-award-for-june-2024/">awarded me "New Member of the Month" for June 2024</a>. I also participated in a 32-Bit Cafe event for the first time in August, specifically the <a href="/articles/accessible-footnotes/">"Back to School" community code jam</a>.</p>
|
||||
<p>This 2024 year in review post is my second time participating in 32-Bit Cafe's events.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="my-first-web-developer-job">My First Web Developer Job</h2>
|
||||
<a class="heading-anchor" href="#my-first-web-developer-job" aria-labelledby="my-first-web-developer-job"><span hidden="">#</span></a></div>
|
||||
<p>My interest in web design and development went as far back as my teenage blogging years in the 2000s, when I learned basic HTML and CSS through editing blog themes and widgets, but I did not know how to pursue web development as a profession at the time.</p>
|
||||
<p>Fast-forward to 2022, when my interest in HTML and CSS was rekindled by coding my own website from scratch for the first time after discovering Neocities. This time, my interest in web development grew enough for me to take online courses, starting with freeCodeCamp, and decided to switch my career path from graphic design to web development after being inspired by the stories of other people, including career switchers, becoming a professional developer without a computer science degree.</p>
|
||||
<p>After teaching myself web development for almost two years, my dream of <a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">getting my first developer job came true in August</a>. In my first web development job, I succeed in developing a custom WordPress plugin, something I never did before this job.</p>
|
||||
<p>Unfortunately, my first web development ended up lasting only four months, because it turned out my employer only considered his company website as merely one part of the company's marketing, and what he really wants is a digital marketer who can wear as many hats as the company wants. I refuse to waste my time and life in a field I am less interested in and less equipped for just to keep one job, while sacrificing my time in continuing to learn web development, so I <a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">decided to leave the company</a>, thus 3 January 2025 will be the final day of my employment in the company.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="diagnosed-with-retinitis-pigmentosa">Diagnosed with Retinitis Pigmentosa</h2>
|
||||
<a class="heading-anchor" href="#diagnosed-with-retinitis-pigmentosa" aria-labelledby="diagnosed-with-retinitis-pigmentosa"><span hidden="">#</span></a></div>
|
||||
<p>While I have astigmatism and myopia for most of my life, recently, my parents and I suspected that I had other genetic eye conditions as my relatives were beginning to experience issues with their eyesight.</p>
|
||||
<p>Therefore, on 30 November 2024, I went to see an eye doctor. Turned out, I do have a genetic eye condition, specifically <a href="/articles/living-with-retinitis-pigmentosa">retinitis pigmentosa (RP)</a>. My reaction to my RP diagnosis was more relieved than upset, because there was finally an explanation for many of the difficulties I have been experiencing in my daily life as I grew older, aside from autism. I have accepted that I am visually impaired, and my visual disability may not be cured in my lifetime, in ways that are similar to my acceptance of my autism.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="wrapping-up">Wrapping Up</h2>
|
||||
<a class="heading-anchor" href="#wrapping-up" aria-labelledby="wrapping-up"><span hidden="">#</span></a></div>
|
||||
<p>2024 has been a huge year for Leilukin's Hub, my relationship with web and my personal life.</p>
|
||||
<p>Leilukin's Hub has grown significantly since 2022, while connecting with other personal website owners and participating in personal web spaces inspired the many improvements I had made to my website, and helped me cultivate a healthier relationship with the web, by learning to make connections and be social with other people on the web. For my personal life, being diagnosed with a genetic eye disease that causes gradual vision loss and currently has no cure made me understand my conditions and limits better, so I can know how to live my life better.</p>
|
||||
<p>I am not really a person to make specific goals for a new year, because I am old enough to realise that unexpected circumstances can change our goals and plans. However, for 2025, I intend to continue to work on my websites, participate in and advocate for making your own websites, and keep learning web development.</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-16-leaving-my-first-developer-job/">Leaving My First Developer Job</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>
|
||||
|
|
@ -398,6 +398,16 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<ul class="blog__postlist">
|
||||
|
||||
<li class="blog__postlist--item">
|
||||
<h2 class="blog__postlist--title">
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
Leilukin's 2024: A Year In Review
|
||||
|
||||
</a>
|
||||
</h2>
|
||||
<time datetime="Wed Dec 25 2024 06:25:57 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li class="blog__postlist--item">
|
||||
<h2 class="blog__postlist--title">
|
||||
<a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">
|
||||
|
|
|
|||
|
|
@ -378,11 +378,21 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<div class="content">
|
||||
|
||||
|
||||
<h2>1 Contents Filed Under "32-bit cafe"</h2>
|
||||
<h2>2 Contents Filed Under "32-bit cafe"</h2>
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<p class="item-list__title">
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
Leilukin's 2024: A Year In Review | Blog
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Wed Dec 25 2024 06:25:57 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p class="item-list__title">
|
||||
<a href="/articles/accessible-footnotes/">
|
||||
|
|
|
|||
|
|
@ -381,7 +381,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
|
||||
|
||||
<li><a href="/categories/32-bit-cafe/">32-bit cafe</a> (1)</li>
|
||||
<li><a href="/categories/32-bit-cafe/">32-bit cafe</a> (2)</li>
|
||||
|
||||
|
||||
|
||||
|
|
@ -537,6 +537,10 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
|
||||
|
||||
<li><a href="/categories/year-in-review/">year in review</a> (1)</li>
|
||||
|
||||
|
||||
|
||||
<li><a href="/categories/youtube/">youtube</a> (1)</li>
|
||||
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
@ -410,7 +410,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
|
|||
|
|
@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
|
|||
|
|
@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Mon Dec 23 2024 13:58:43 GMT+0000 (Coordinated Universal Time)">23 December 2024</time>
|
||||
<time datetime="Wed Dec 25 2024 06:26:40 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,439 @@
|
|||
<!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="Content Category: "year in review"">
|
||||
|
||||
<link rel="canonical" href="https://leilukin.com/categories/year-in-review/">
|
||||
<meta name="generator" content="Eleventy v3.0.0">
|
||||
<meta name="author" content="Leilukin">
|
||||
<meta name="description" content="All contents under the "year in review" category on Leilukin's Hub.">
|
||||
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
|
||||
<meta property="og:site_name" content="Leilukin's Hub">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:description" content="All contents under the "year in review" category on Leilukin's Hub.">
|
||||
<meta property="og:url" content="https://leilukin.com/categories/year-in-review/">
|
||||
<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's Hub" href="/feed.xml">
|
||||
|
||||
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
|
||||
<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>.breadcrumbs {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
.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="mailto:contact@leilukin.com">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<title>
|
||||
Content Category: "year in review" | 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">
|
||||
|
||||
|
||||
<h1>Content Category: "year in review"</h1>
|
||||
|
||||
|
||||
|
||||
<p>All contents under the "year in review" category on Leilukin's Hub.</p>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<content-wrapper>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
|
||||
<h2>1 Contents Filed Under "year in review"</h2>
|
||||
|
||||
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<p class="item-list__title">
|
||||
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
|
||||
Leilukin's 2024: A Year In Review | Blog
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time datetime="Wed Dec 25 2024 06:25:57 GMT+0000 (Coordinated Universal Time)">25 December 2024</time>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<p>See <a href="/categories/">all content categories</a>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
|
|
@ -428,6 +428,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
|
||||
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="2024-12-25">
|
||||
25 December 2024
|
||||
</h2>
|
||||
<a class="heading-anchor" href="#2024-12-25" aria-labelledby="2024-12-25"><span hidden="">#</span></a>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">"Leilukin's 2024: A Year In Review"</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="2024-12-16">
|
||||
16 December 2024
|
||||
|
|
|
|||
|
|
@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Wed Dec 25 2024 06:26:04 GMT+0000 (Coordinated Universal Time)">25 December 2024</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">"Leilukin's 2024: A Year In Review"</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Mon Dec 16 2024 10:21:53 GMT+0000 (Coordinated Universal Time)">16 December 2024</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-12-16-leaving-my-first-developer-job">"Leaving My First Developer Job"</a></li>
|
||||
|
|
@ -579,15 +584,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<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>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Jul 18 2024 04:55:00 GMT+0000 (Coordinated Universal Time)">18 July 2024</time></h3>
|
||||
<ul>
|
||||
<li>Add list of web cliques I joined to the home page</li>
|
||||
<li>Add pixel cliques I joined to the <a href="/adoptables">Adoptables page</a></li>
|
||||
<li>Add a <a href="/links/#joined">Joined</a> tab to the <a href="/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 <a href="https://github.com/11ty/eleventy-plugin-bundle">built-in bundle plugin</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,15 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Jul 18 2024 04:55:00 GMT+0000 (Coordinated Universal Time)">18 July 2024</time></h3>
|
||||
<ul>
|
||||
<li>Add list of web cliques I joined to the home page</li>
|
||||
<li>Add pixel cliques I joined to the <a href="/adoptables">Adoptables page</a></li>
|
||||
<li>Add a <a href="/links/#joined">Joined</a> tab to the <a href="/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 <a href="https://github.com/11ty/eleventy-plugin-bundle">built-in bundle plugin</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Sat Jul 13 2024 12:47:00 GMT+0000 (Coordinated Universal Time)">13 July 2024</time></h3>
|
||||
<ul>
|
||||
<li>Add an inline SVG icon to external links</li>
|
||||
|
|
@ -611,11 +620,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li>Add <a href="https://status.cafe/users/leilukin">my status.cafe</a> widget to the home page.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Wed May 29 2024 09:33:00 GMT+0000 (Coordinated Universal Time)">29 May 2024</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-05-29-new-guestbook-leilukins-hub">The Search for a Guestbook Solution for Leilukin's Hub</a>.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Wed May 29 2024 09:33:00 GMT+0000 (Coordinated Universal Time)">29 May 2024</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-05-29-new-guestbook-leilukins-hub">The Search for a Guestbook Solution for Leilukin's Hub</a>.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Mon May 27 2024 17:49:00 GMT+0000 (Coordinated Universal Time)">27 May 2024</time></h3>
|
||||
<ul>
|
||||
<li><a href="/shrines/asummersend"><cite>A Summer’s End — Hong Kong 1986</cite> shrine</a>: Add Passion Patch screenshots section to the <a href="/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>
|
||||
|
|
@ -576,11 +581,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li>New blog post: <a href="/blog/posts/2023-11-20-Finally-Beat-A-Bugs-Life-Video-Game-24-Years-Later">Finally Beat A Bug's Life The Video Game — 24 Years Later</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Sun Nov 19 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">19 November 2023</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive">I Can Finally Game on a Solid-State Drive</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Sun Nov 19 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">19 November 2023</time></h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive">I Can Finally Game on a Solid-State Drive</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Nov 09 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">9 November 2023</time></h3>
|
||||
<ul>
|
||||
<li>Added extra header elements to the main site and the shrines to be dynamically displayed on certain days to celebrate special events. (Credit to <a href="https://kotor.neocities.org/">KotOR Community Portal</a> for the inspiration)</li>
|
||||
|
|
@ -586,12 +591,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li><a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic shrine</a>: Added a new page for <a href="/shrines/starwarskotor/universes/">my KotOR universes</a>.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Fri Aug 18 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">18 August 2023</time></h3>
|
||||
<ul>
|
||||
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added links to Cassette Beasts's official website, wiki, and platforms to purchase the game to the home page.</li>
|
||||
<li>New article: <a href="/articles/designated-lesbian-syndrome-fandom">Designated Lesbian Syndrome in Fandom</a>.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Fri Aug 18 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">18 August 2023</time></h3>
|
||||
<ul>
|
||||
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added links to Cassette Beasts's official website, wiki, and platforms to purchase the game to the home page.</li>
|
||||
<li>New article: <a href="/articles/designated-lesbian-syndrome-fandom">Designated Lesbian Syndrome in Fandom</a>.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Tue Aug 15 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">15 August 2023</time></h3>
|
||||
<ul>
|
||||
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added a <a href="/shrines/cassettebeasts/gamelog">Game Log</a> page.</li>
|
||||
|
|
@ -597,11 +603,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li>Modify the web application manifest of this site to make this site look more like a mobile app when added to a mobile device's home screen.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Mon Mar 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">27 March 2023</time></h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Leilukin's Juhani's Outfit Reskin Pack, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Mon Mar 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">27 March 2023</time></h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Leilukin's Juhani's Outfit Reskin Pack, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Mar 23 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">23 March 2023</time></h3>
|
||||
<ul>
|
||||
<li>Switch the content of the left and right sidebars. Navigation links are now on the left sidebar, while the table of contents on the right sidebar.</li>
|
||||
|
|
@ -591,11 +596,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li>For my <a href="/projects/videogamemods/kotor1">mod page for Star Wars: Knights of the Old Republic</a>, No Flirting with Davik's Slaves has been updated and renamed to PC Dialogue with Davik's Slaves Change.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Dec 08 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">8 December 2022</time></h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, No Flirting with Davik's Slaves, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Thu Dec 08 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">8 December 2022</time></h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, No Flirting with Davik's Slaves, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Sun Nov 27 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">27 November 2022</time></h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Prologue Item Recovery, to <a href="/projects/videogamemods/kotor2">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
|
||||
|
|
@ -577,12 +582,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li>Added table of contents for some pages.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Fri Sep 16 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">16 September 2022</time></h3>
|
||||
<ul>
|
||||
<li>Adjusted the font size, line and paragraph spacing of the website to make it easier to read and more responsive.</li>
|
||||
<li>Redesigned the buttons on the website.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -472,6 +472,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style"><time datetime="Fri Sep 16 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">16 September 2022</time></h3>
|
||||
<ul>
|
||||
<li>Adjusted the font size, line and paragraph spacing of the website to make it easier to read and more responsive.</li>
|
||||
<li>Redesigned the buttons on the website.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style"><time datetime="Mon Sep 12 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">12 September 2022</time></h3>
|
||||
<ul>
|
||||
<li>Created a page for <a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a>.</li>
|
||||
|
|
|
|||
82
feed.xml
82
feed.xml
|
|
@ -4,13 +4,70 @@
|
|||
<subtitle>Leilukin's personal website.</subtitle>
|
||||
<link href="https://leilukin.com/feed.xml" rel="self"/>
|
||||
<link href="https://leilukin.com"/>
|
||||
<updated>2024-12-23T13:58:47Z</updated>
|
||||
<updated>2024-12-25T06:26:43Z</updated>
|
||||
<id>https://leilukin.com/</id>
|
||||
<author>
|
||||
<name>Leilukin</name>
|
||||
<email>contact@leilukin.com</email>
|
||||
</author>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 25 December 2024</title>
|
||||
<link href="https://leilukin.com/"/>
|
||||
<updated>2024-12-25T06:26:04Z</updated>
|
||||
<id>https://leilukin.com/</id>
|
||||
<content type="html"><ul>
|
||||
<li>New blog post: <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review">&quot;Leilukin's 2024: A Year In Review&quot;</a></li>
|
||||
</ul>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<title>Leilukin's 2024: A Year In Review | Blog</title>
|
||||
<link href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/"/>
|
||||
<updated>2024-12-25T06:25:57Z</updated>
|
||||
<id>https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/</id>
|
||||
<content type="html"><p><a href="https://32bit.cafe/">32-Bit Cafe</a> is hosting a <a href="https://32bit.cafe/newyear25/">New Years '25 event</a>, so this is a good opportunity for me to write a year-in-review post to reflect on my 2024, which has been an eventful year for both Leilukin's Hub and my personal life, although I already intended to do so even without 32-Bit Cafe's event. 🙂</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="rebuilt-leilukins-hub-with-eleventy">Rebuilt Leilukin's Hub with Eleventy</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#rebuilt-leilukins-hub-with-eleventy" aria-labelledby="rebuilt-leilukins-hub-with-eleventy"><span hidden="">#</span></a></div>
|
||||
<p>The first major event was my discovery of the static site generator <a href="https://www.11ty.dev/">Eleventy</a> in April 2024. I was looking for a way to manage and continue to build my website better by eliminating the process of duplicating some HTML parts over and over across multiple pages. Then I discovered Eleventy through Neocities, as some websites hosted on Neocities were built with it.</p>
|
||||
<p>After digging into and trying out Eleventy, I quickly realised that it was the solution I had been looking for, so I <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy.md">spent a whole week rebuilding Leilukin's Hub</a>, and I could not be happier with how my website and my new development workflow turned out.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="custom-domain-name-and-new-host-for-leilukins-hub">Custom Domain Name and New Host for Leilukin's Hub</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#custom-domain-name-and-new-host-for-leilukins-hub" aria-labelledby="custom-domain-name-and-new-host-for-leilukins-hub"><span hidden="">#</span></a></div>
|
||||
<p>Rebuilding my entire website with a static site generator was only the first step of taking my site to the next level. As both Leilukin's Hub and my web development skills grew, I began to consider alternative hosting services to Neocities, which was where Leilukin's Hub was initially hosted on, and renting a custom domain name for my website.</p>
|
||||
<p>Near the end of May, I rented leilukin.com from Porkbun, <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-05-31-domain-name-hosting-change-leilukins-hub.md">set leilukin.com as the domain name of Leilukin's Hub, and migrated Leilukin's Hub to Netlify</a>.</p>
|
||||
<p>Meanwhile, I dabbled in PHP to build a <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-06-21-leilukins-hub-tumbleblog-launched.md">tumbleblog</a> and <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-07-02-fanlisting-collective-launch.md">fanlisting collective</a> for Leilukin's Hub. At first, those subsites were hosted on InfinityFree, but after using nearly two months, I started to feel frustrated by the limitations of InfinityFree.</p>
|
||||
<p>Therefore, I finally <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-07-27-hostinger-migration-leilukins-hub.md">migrated Leilukin's Hub and all its subsites to Hostinger</a> in July. I have used Hostinger since then, and I am satisfied with Hostinger.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="started-participating-in-the-personal-web">Started Participating in the Personal Web</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#started-participating-in-the-personal-web" aria-labelledby="started-participating-in-the-personal-web"><span hidden="">#</span></a></div>
|
||||
<p>2004 was also the year when I made the conscious decision to be more active in participating in the personal web and connecting with other personal website owners. I explored other personal websites more through links, left messages on other people's guestbooks, sent more emails to personal website owners, and joined more webrings, pixel clubs, web cliques and fanlistings.</p>
|
||||
<p>Browsing other people's personal websites also provided a lot of inspiration for my own website, and socialising with other people in personal web spaces made me learn that if we want to have a community, we need to put effort in making connections with and reaching out to other people, instead of relying on a particular platform, online or offline.</p>
|
||||
<p>Furthermore, I joined the 32-Bit Cafe community in June, and became active in both its Discord server and Discourse forums, which <a href="https://tumbleblog.leilukin.com/2024/07/02/earned-32-bit-cafe-new-member-of-the-month-award-for-june-2024/">awarded me &quot;New Member of the Month&quot; for June 2024</a>. I also participated in a 32-Bit Cafe event for the first time in August, specifically the <a href="https://leilukin.com/articles/accessible-footnotes/">&quot;Back to School&quot; community code jam</a>.</p>
|
||||
<p>This 2024 year in review post is my second time participating in 32-Bit Cafe's events.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="my-first-web-developer-job">My First Web Developer Job</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#my-first-web-developer-job" aria-labelledby="my-first-web-developer-job"><span hidden="">#</span></a></div>
|
||||
<p>My interest in web design and development went as far back as my teenage blogging years in the 2000s, when I learned basic HTML and CSS through editing blog themes and widgets, but I did not know how to pursue web development as a profession at the time.</p>
|
||||
<p>Fast-forward to 2022, when my interest in HTML and CSS was rekindled by coding my own website from scratch for the first time after discovering Neocities. This time, my interest in web development grew enough for me to take online courses, starting with freeCodeCamp, and decided to switch my career path from graphic design to web development after being inspired by the stories of other people, including career switchers, becoming a professional developer without a computer science degree.</p>
|
||||
<p>After teaching myself web development for almost two years, my dream of <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-08-18-from-hobbyist-to-professional-web-developer.md">getting my first developer job came true in August</a>. In my first web development job, I succeed in developing a custom WordPress plugin, something I never did before this job.</p>
|
||||
<p>Unfortunately, my first web development ended up lasting only four months, because it turned out my employer only considered his company website as merely one part of the company's marketing, and what he really wants is a digital marketer who can wear as many hats as the company wants. I refuse to waste my time and life in a field I am less interested in and less equipped for just to keep one job, while sacrificing my time in continuing to learn web development, so I <a href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/2024-12-16-leaving-my-first-developer-job.md">decided to leave the company</a>, thus 3 January 2025 will be the final day of my employment in the company.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="diagnosed-with-retinitis-pigmentosa">Diagnosed with Retinitis Pigmentosa</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#diagnosed-with-retinitis-pigmentosa" aria-labelledby="diagnosed-with-retinitis-pigmentosa"><span hidden="">#</span></a></div>
|
||||
<p>While I have astigmatism and myopia for most of my life, recently, my parents and I suspected that I had other genetic eye conditions as my relatives were beginning to experience issues with their eyesight.</p>
|
||||
<p>Therefore, on 30 November 2024, I went to see an eye doctor. Turned out, I do have a genetic eye condition, specifically <a href="https://leilukin.com/articles/living-with-retinitis-pigmentosa">retinitis pigmentosa (RP)</a>. My reaction to my RP diagnosis was more relieved than upset, because there was finally an explanation for many of the difficulties I have been experiencing in my daily life as I grew older, aside from autism. I have accepted that I am visually impaired, and my visual disability may not be cured in my lifetime, in ways that are similar to my acceptance of my autism.</p>
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="wrapping-up">Wrapping Up</h2>
|
||||
<a class="heading-anchor" href="https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/#wrapping-up" aria-labelledby="wrapping-up"><span hidden="">#</span></a></div>
|
||||
<p>2024 has been a huge year for Leilukin's Hub, my relationship with web and my personal life.</p>
|
||||
<p>Leilukin's Hub has grown significantly since 2022, while connecting with other personal website owners and participating in personal web spaces inspired the many improvements I had made to my website, and helped me cultivate a healthier relationship with the web, by learning to make connections and be social with other people on the web. For my personal life, being diagnosed with a genetic eye disease that causes gradual vision loss and currently has no cure made me understand my conditions and limits better, so I can know how to live my life better.</p>
|
||||
<p>I am not really a person to make specific goals for a new year, because I am old enough to realise that unexpected circumstances can change our goals and plans. However, for 2025, I intend to continue to work on my websites, participate in and advocate for making your own websites, and keep learning web development.</p>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 16 December 2024</title>
|
||||
<link href="https://leilukin.com/"/>
|
||||
|
|
@ -200,29 +257,6 @@
|
|||
<blockquote>
|
||||
<p>Is social media the death of the personal blog? Not quite. It may have nearly killed it, yes. But for those of us willing to carve out our own space in the digital landscape, personal blogs still have a heartbeat. It just takes more effort to keep it alive.</p>
|
||||
</blockquote>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 17 September 2024</title>
|
||||
<link href="https://leilukin.com/"/>
|
||||
<updated>2024-09-17T05:58:34Z</updated>
|
||||
<id>https://leilukin.com/</id>
|
||||
<content type="html"><ul>
|
||||
<li>Add <a href="https://leilukin.com/adoptables/#Pantson-Color-Club">Pantson Color Club section</a> to my <a href="https://leilukin.com/adoptables">adoptables page</a>, including my own colour card for the pixel club.</li>
|
||||
</ul>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 6 September 2024</title>
|
||||
<link href="https://leilukin.com/"/>
|
||||
<updated>2024-09-06T15:16:00Z</updated>
|
||||
<id>https://leilukin.com/</id>
|
||||
<content type="html"><ul>
|
||||
<li>Replace the estimated reading time of articles and blog posts with word count, by using the <a href="https://www.npmjs.com/package/eleventy-plugin-wordcount-extended">eleventy-plugin-wordcount-extended</a> plugin.</li>
|
||||
<li>Create 200×40 pixel size version of Leilukin's Hub site button.</li>
|
||||
</ul>
|
||||
</content>
|
||||
</entry>
|
||||
</feed>
|
||||
|
|
@ -437,9 +437,9 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<h2>What is New?</h2>
|
||||
<div class="text-box">
|
||||
|
||||
<h3>Changelog: 16 December 2024</h3>
|
||||
<h3>Changelog: 25 December 2024</h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2024-12-16-leaving-my-first-developer-job">"Leaving My First Developer Job"</a></li>
|
||||
<li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">"Leilukin's 2024: A Year In Review"</a></li>
|
||||
</ul>
|
||||
|
||||
<p><a href="/changelogs">View all site changelogs</a></p>
|
||||
|
|
|
|||
88
sitemap.xml
88
sitemap.xml
|
|
@ -1188,231 +1188,243 @@
|
|||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/blog/posts/2024-12-25-leilukins-2024-in-review/</loc>
|
||||
<lastmod>2024-12-25T06:25:57.000Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.comfalse</loc>
|
||||
<lastmod>2024-12-25T06:26:04.000Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/blog/posts/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.416Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.002Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/changelogs/2022/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.007Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/changelogs/2023/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.007Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/changelogs/2024/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/changelogs/layouts/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/projects/playlists/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.422Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.008Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.423Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.009Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.424Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.010Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.424Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.010Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.424Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.010Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/archive/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/categories/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/changelogs/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/about/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/adoptables/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/articles/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/blog/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/guestbook/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/links/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/now/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/projects/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.425Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/shrines/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.426Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/accessibility/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.426Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://leilukin.com/colophon/</loc>
|
||||
<lastmod>2024-12-23T13:58:43.426Z</lastmod>
|
||||
<lastmod>2024-12-25T06:26:40.012Z</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.5</priority>
|
||||
</url>
|
||||
|
|
|
|||
|
|
@ -440,7 +440,8 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
|||
<li><a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">From Hobbyist to Professional Web Developer</a></li>
|
||||
<li><a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">Re: Social Media Hasn't Killed the Personal Blog Just Yet</a></li>
|
||||
<li><a href="/blog/posts/2024-12-01-indieweb-carnival-november-2024-impact/">IndieWeb Carnival November 2024: Impact</a></li>
|
||||
<li><a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">Leaving My First Developer Job</a></li></ul></li></ul></li>
|
||||
<li><a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">Leaving My First Developer Job</a></li>
|
||||
<li><a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">Leilukin's 2024: A Year In Review</a></li></ul></li></ul></li>
|
||||
<li><a href="/articles/">Articles</a><ul><li><a href="/articles/kotor2-modder-interview-ars-technica/">The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica</a></li>
|
||||
<li><a href="/articles/lgbtq-booklet-interview-misi-bawang/">Floating in a Sky Full of Pride: LGBTQ+ Booklet Artist Interview from MISI:Bawang</a></li>
|
||||
<li><a href="/articles/anti-harry-potter-jk-rowling-masterlist/">Anti-Harry Potter and Anti-J. K. Rowling Masterlist</a></li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue