582 lines
27 KiB
HTML
582 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr" id="top">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
|
|
|
<meta property="og:title" content="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> |