Build: (e21f9c6) Add new blog post about the 20th anniversary of the 2004 Indian Ocean tsunami

This commit is contained in:
helenclx 2024-12-26 11:14:14 +00:00
parent fd053c0016
commit c7fcdad2be
28 changed files with 1166 additions and 181 deletions

View File

@ -387,7 +387,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>
@ -397,7 +397,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>
@ -407,7 +407,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
Remembering the 2004 Indian Ocean Tsunami | Blog
</a>
</p>
<time datetime="Thu Dec 26 2024 11:11:55 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
Remembering the 2004 Indian Ocean Tsunami
</a>
</h3>
<p class="blog__post--time"><time datetime="Thu Dec 26 2024 11:11:55 GMT+0000 (Coordinated Universal Time)">26 December 2024</time></p>
<p>It is hard to believe that it has been 20 years since the 2004 Indian Ocean tsunami happened.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/"> <a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>My reflection on the question of if social media killed personal blogs, inspired by Jim Mitchell&#39;s blog post.</p> <p>My reflection on the question of if social media killed personal blogs, inspired by Jim Mitchell&#39;s blog post.</p>
</li> </li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">
From Hobbyist to Professional Web Developer
</a>
</h3>
<p class="blog__post--time"><time datetime="Sun Aug 18 2024 12:28:21 GMT+0000 (Coordinated Universal Time)">18 August 2024</time></p>
<p>How building my personal website led to me getting a web developer job.</p>
</li>
</ul> </ul>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">
From Hobbyist to Professional Web Developer
</a>
</h3>
<p class="blog__post--time"><time datetime="Sun Aug 18 2024 12:28:21 GMT+0000 (Coordinated Universal Time)">18 August 2024</time></p>
<p>How building my personal website led to me getting a web developer job.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/"> <a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>Leilukin&#39;s Hub now has a tumbleblog built with Chyrp Lite and hosted on InfinityFree.</p> <p>Leilukin&#39;s Hub now has a tumbleblog built with Chyrp Lite and hosted on InfinityFree.</p>
</li> </li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-06-12-performance-improvement-leilukins-hub/">
Improving Site Performance of Leilukin&#39;s Hub
</a>
</h3>
<p class="blog__post--time"><time datetime="Wed Jun 12 2024 11:06:00 GMT+0000 (Coordinated Universal Time)">12 June 2024</time></p>
<p>Steps I hae taken to improve my website&#39;s performance.</p>
</li>
</ul> </ul>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-06-12-performance-improvement-leilukins-hub/">
Improving Site Performance of Leilukin&#39;s Hub
</a>
</h3>
<p class="blog__post--time"><time datetime="Wed Jun 12 2024 11:06:00 GMT+0000 (Coordinated Universal Time)">12 June 2024</time></p>
<p>Steps I hae taken to improve my website&#39;s performance.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/"> <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub/">
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>Celebrating both Lesbian Visibility Day and the 1st year anniversary of Cassette Beasts&#39; release on 26 April 2024.</p> <p>Celebrating both Lesbian Visibility Day and the 1st year anniversary of Cassette Beasts&#39; release on 26 April 2024.</p>
</li> </li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">
April 2024 Leilukin&#39;s Hub Overhaul with Eleventy
</a>
</h3>
<p class="blog__post--time"><time datetime="Sun Apr 21 2024 11:53:00 GMT+0000 (Coordinated Universal Time)">21 April 2024</time></p>
<p>I rebuilt my website with the static site generator Eleventy in April 2024.</p>
</li>
</ul> </ul>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">
April 2024 Leilukin&#39;s Hub Overhaul with Eleventy
</a>
</h3>
<p class="blog__post--time"><time datetime="Sun Apr 21 2024 11:53:00 GMT+0000 (Coordinated Universal Time)">21 April 2024</time></p>
<p>I rebuilt my website with the static site generator Eleventy in April 2024.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/"> <a href="/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/">
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>A thank-you post for the people who have supported my Steam review of A Summers End — Hong Kong 1986.</p> <p>A thank-you post for the people who have supported my Steam review of A Summers End — Hong Kong 1986.</p>
</li> </li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/">
My Cassette Beasts Pombomb Plushie Arrived!
</a>
</h3>
<p class="blog__post--time"><time datetime="Fri Oct 13 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">13 October 2023</time></p>
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
</li>
</ul> </ul>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/">
My Cassette Beasts Pombomb Plushie Arrived!
</a>
</h3>
<p class="blog__post--time"><time datetime="Fri Oct 13 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">13 October 2023</time></p>
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/"> <a href="/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/">
@ -508,17 +519,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>I have signed up to join the Dracula Daily hype.</p> <p>I have signed up to join the Dracula Daily hype.</p>
</li> </li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/">
Leilukin&#39;s Hub Now has a Blog!
</a>
</h3>
<p class="blog__post--time"><time datetime="Sat Jan 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">28 January 2023</time></p>
<p>I have finally set up a blog on my own website.</p>
</li>
</ul> </ul>

View File

@ -464,6 +464,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2> <h2>Blog Posts</h2>
<ul class="blog__posts"> <ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/">
Leilukin&#39;s Hub Now has a Blog!
</a>
</h3>
<p class="blog__post--time"><time datetime="Sat Jan 28 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">28 January 2023</time></p>
<p>I have finally set up a blog on my own website.</p>
</li>
<li class="blog__post"> <li class="blog__post">
<h3 class="blog__post--title"> <h3 class="blog__post--title">
<a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/"> <a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/">

View File

@ -519,6 +519,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">Leaving My First Developer Job</a> <a href="/blog/posts/2024-12-16-leaving-my-first-developer-job/">Leaving My First Developer Job</a>
</li> </li>
<li class="blog__post--next">
<p>Next Post:</p>
<a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">Remembering the 2004 Indian Ocean Tsunami</a>
</li>
</ul> </ul>
</nav> </nav>

View File

@ -0,0 +1,486 @@
<!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="Remembering the 2004 Indian Ocean Tsunami | Blog">
<link rel="canonical" href="https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="It is hard to believe that it has been 20 years since the 2004 Indian Ocean tsunami happened.">
<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="It is hard to believe that it has been 20 years since the 2004 Indian Ocean tsunami happened.">
<meta property="og:url" content="https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
<meta property="og:locale" content="en_MY">
<meta property="og:image" content="https://leilukin.com/assets/leilukin/leilukins-hub-meta-img.png">
<meta name="theme-color" content="#3d2163">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.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>
Remembering the 2004 Indian Ocean Tsunami | 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>Remembering the 2004 Indian Ocean Tsunami</h1>
<div class="article__info">
<p>
182 words.
Posted on <time datetime="2024-12-26T19:11:55+0800">26 December 2024</time> by Leilukin
</p>
<p>Categories:
<a href="/categories/asia">asia</a>
</p>
</div>
</header>
<content-wrapper>
<article class="content">
<p>Twenty years ago today, the 2004 Indian Ocean earthquake and tsunami happened.</p>
<p>When I realised a while ago that the year 2024 would also mark the 20th anniversary of the earthquake and tsunami, I felt that time filed, because I still remembered the shock I felt in my young mind when I read the news reports about that natural disaster.</p>
<p>When the Indian Ocean tsunami struck in 2004, I had just graduated from primary school and was staying at home, and 26 December was also the birthday of my favourite cousin. Later, when I learnt of the massive earthquake in the Indian Ocean caused a massive tsunami that affected many countries, including my own country, Malaysia (especially the northern Malaysia), I was deeply shocked by how deadly and destructive the tsunami was, with the sheer amount of lives lost and the destruction of areas caused by that natural disaster, even though the part of Malaysia I lived (and still live) in was not affected.</p>
<p>May the dead rest in peace. My condolences to those who lost their loved ones on that day.</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-25-leilukins-2024-in-review/">Leilukin&#39;s 2024: A Year In Review</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>

View File

@ -398,6 +398,16 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<ul class="blog__postlist"> <ul class="blog__postlist">
<li class="blog__postlist--item">
<h2 class="blog__postlist--title">
<a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
Remembering the 2004 Indian Ocean Tsunami
</a>
</h2>
<time datetime="Thu Dec 26 2024 11:11:55 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li>
<li class="blog__postlist--item"> <li class="blog__postlist--item">
<h2 class="blog__postlist--title"> <h2 class="blog__postlist--title">
<a href="/blog/posts/2024-12-25-leilukins-2024-in-review/"> <a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">

439
categories/asia/index.html Normal file
View File

@ -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: &quot;asia&quot;">
<link rel="canonical" href="https://leilukin.com/categories/asia/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="All contents under the &quot;asia&quot; category on Leilukin&#39;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 &quot;asia&quot; category on Leilukin&#39;s Hub.">
<meta property="og:url" content="https://leilukin.com/categories/asia/">
<meta property="og:locale" content="en_MY">
<meta property="og:image" content="https://leilukin.com/assets/leilukin/leilukins-hub-meta-img.png">
<meta name="theme-color" content="#3d2163">
<link rel="alternate" type="application/rss+xml" title="Leilukin&#39;s Hub" href="/feed.xml">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<style>
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 400;
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Lexend';
font-style: normal;
font-weight: 700;
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
}
</style>
<link rel="stylesheet" href="/assets/fonts/fonts.css">
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<style>.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: &quot;asia&quot; | 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: &quot;asia&quot;</h1>
<p>All contents under the &quot;asia&quot; category on Leilukin&#39;s Hub.</p>
</header>
<content-wrapper>
<div class="content">
<h2>1 Contents Filed Under "asia"</h2>
<ul>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">
Remembering the 2004 Indian Ocean Tsunami | Blog
</a>
</p>
<time datetime="Thu Dec 26 2024 11:11:55 GMT+0000 (Coordinated Universal Time)">26 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>

View File

@ -397,6 +397,10 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/categories/asia/">asia</a> (1)</li>
<li><a href="/categories/blogging/">blogging</a> (1)</li> <li><a href="/categories/blogging/">blogging</a> (1)</li>

View File

@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>
@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>
@ -410,7 +410,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>

View File

@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>

View File

@ -390,7 +390,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>
@ -400,7 +400,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a> </a>
</p> </p>
<time datetime="Wed Dec 25 2024 15:50:09 GMT+0000 (Coordinated Universal Time)">25 December 2024</time> <time datetime="Thu Dec 26 2024 11:14:05 GMT+0000 (Coordinated Universal Time)">26 December 2024</time>
</li> </li>
<li> <li>

View File

@ -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-26">
26 December 2024
</h2>
<a class="heading-anchor" href="#2024-12-26" aria-labelledby="2024-12-26"><span hidden="">#</span></a>
</div>
<ul>
<li>New blog post: <a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years">&quot;Remembering the 2004 Indian Ocean Tsunami&quot;</a></li>
</ul>
<div class="heading-wrapper h2"> <div class="heading-wrapper h2">
<h2 id="2024-12-25"> <h2 id="2024-12-25">
25 December 2024 25 December 2024

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Thu Dec 26 2024 11:12:29 GMT+0000 (Coordinated Universal Time)">26 December 2024</time></h3>
<ul>
<li>New blog post: <a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years">&quot;Remembering the 2004 Indian Ocean Tsunami&quot;</a></li>
</ul>
<h3 class="date-style"><time datetime="Wed Dec 25 2024 06:26:04 GMT+0000 (Coordinated Universal Time)">25 December 2024</time></h3> <h3 class="date-style"><time datetime="Wed Dec 25 2024 06:26:04 GMT+0000 (Coordinated Universal Time)">25 December 2024</time></h3>
<ul> <ul>
<li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">&quot;Leilukin's 2024: A Year In Review&quot;</a></li> <li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">&quot;Leilukin's 2024: A Year In Review&quot;</a></li>
@ -579,11 +584,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Add a section for the <a href="https://divergentrays.com/kitty">Kitty Friends Pixel Club</a> to my <a href="/adoptables">Adoptables page</a>, including my kitty friends!</li> <li>Add a section for the <a href="https://divergentrays.com/kitty">Kitty Friends Pixel Club</a> to my <a href="/adoptables">Adoptables page</a>, including my kitty friends!</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Sat Jul 20 2024 06:35:00 GMT+0000 (Coordinated Universal Time)">20 July 2024</time></h3>
<ul>
<li>Remake the mobile version of navigation menu by using the HTML <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover"><code>popover</code></a> attirbutes, allowing the navigation menu to be dismissed without JavaScript</li>
</ul>

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Sat Jul 20 2024 06:35:00 GMT+0000 (Coordinated Universal Time)">20 July 2024</time></h3>
<ul>
<li>Remake the mobile version of navigation menu by using the HTML <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover"><code>popover</code></a> attirbutes, allowing the navigation menu to be dismissed without JavaScript</li>
</ul>
<h3 class="date-style"><time datetime="Thu Jul 18 2024 04:55:00 GMT+0000 (Coordinated Universal Time)">18 July 2024</time></h3> <h3 class="date-style"><time datetime="Thu Jul 18 2024 04:55:00 GMT+0000 (Coordinated Universal Time)">18 July 2024</time></h3>
<ul> <ul>
<li>Add list of web cliques I joined to the home page</li> <li>Add list of web cliques I joined to the home page</li>
@ -612,14 +617,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Update the <a href="/guestbook">guestbook</a> to add a warning message and a link to send comments via email if the Discord webhook fails.</li> <li>Update the <a href="/guestbook">guestbook</a> to add a warning message and a link to send comments via email if the Discord webhook fails.</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Fri May 31 2024 11:17:00 GMT+0000 (Coordinated Universal Time)">31 May 2024</time></h3>
<ul>
<li>Leilukin's Hub now has a custom domain name: leilukin.com.</li>
<li>Leilukin's Hub is now hosted on Netlify.</li>
<li>New blog post: <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">Custom Domain Name and Hosting Change for Leilukin's Hub</a>.</li>
<li>Add <a href="https://status.cafe/users/leilukin">my status.cafe</a> widget to the home page.</li>
</ul>

View File

@ -472,6 +472,14 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Fri May 31 2024 11:17:00 GMT+0000 (Coordinated Universal Time)">31 May 2024</time></h3>
<ul>
<li>Leilukin's Hub now has a custom domain name: leilukin.com.</li>
<li>Leilukin's Hub is now hosted on Netlify.</li>
<li>New blog post: <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">Custom Domain Name and Hosting Change for Leilukin's Hub</a>.</li>
<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> <h3 class="date-style"><time datetime="Wed May 29 2024 09:33:00 GMT+0000 (Coordinated Universal Time)">29 May 2024</time></h3>
<ul> <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> <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>
@ -576,11 +584,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added a new section: My Contributions to the Cassette Beasts community.</li> <li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Added a new section: My Contributions to the Cassette Beasts community.</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Mon Nov 20 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">20 November 2023</time></h3>
<ul>
<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>

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Mon Nov 20 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">20 November 2023</time></h3>
<ul>
<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> <h3 class="date-style"><time datetime="Sun Nov 19 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">19 November 2023</time></h3>
<ul> <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> <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>
@ -586,11 +591,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</li> </li>
</ul> </ul>
<h3 class="date-style"><time datetime="Mon Aug 21 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">21 August 2023</time></h3>
<ul>
<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>

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Mon Aug 21 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">21 August 2023</time></h3>
<ul>
<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> <h3 class="date-style"><time datetime="Fri Aug 18 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">18 August 2023</time></h3>
<ul> <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><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>
@ -598,11 +603,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>New blog post: <a href="/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train">Onboard the Dracula Daily Hype Train</a>.</li> <li>New blog post: <a href="/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train">Onboard the Dracula Daily Hype Train</a>.</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">5 May 2023</time></h3>
<ul>
<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>

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">5 May 2023</time></h3>
<ul>
<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> <h3 class="date-style"><time datetime="Mon Mar 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">27 March 2023</time></h3>
<ul> <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> <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>
@ -591,11 +596,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Added my latest mods, Exile's Trial Overlay Removal and Visas Visible Jedi Robes, to <a href="/projects/videogamemods/kotor2">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li> <li>Added my latest mods, Exile's Trial Overlay Removal and Visas Visible Jedi Robes, to <a href="/projects/videogamemods/kotor2">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Sun Dec 11 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">11 December 2022</time></h3>
<ul>
<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>

View File

@ -472,6 +472,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Sun Dec 11 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">11 December 2022</time></h3>
<ul>
<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> <h3 class="date-style"><time datetime="Thu Dec 08 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">8 December 2022</time></h3>
<ul> <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> <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>
@ -572,16 +577,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>The top banner on each page is now linked to the home page.</li> <li>The top banner on each page is now linked to the home page.</li>
</ul> </ul>
<h3 class="date-style"><time datetime="Tue Sep 20 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">20 September 2022</time></h3>
<ul>
<li>Website banner created and placed on the top each page.</li>
<li>Rearrange the buttons on the main page.</li>
<li>Created indivisual sub-pages for the pieces shared on the <a href="/featured">Featured page</a>.</li>
<li>Added information about the playlists on the <a href="/playlists">Playlists page</a>.</li>
<li>Added a page for <a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods">same-gender romance mods for Star Wars: Knights of the Old Republic series.</a></li>
<li>Added table of contents for some pages.</li>
</ul>

View File

@ -472,6 +472,16 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2> <h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Tue Sep 20 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">20 September 2022</time></h3>
<ul>
<li>Website banner created and placed on the top each page.</li>
<li>Rearrange the buttons on the main page.</li>
<li>Created indivisual sub-pages for the pieces shared on the <a href="/featured">Featured page</a>.</li>
<li>Added information about the playlists on the <a href="/playlists">Playlists page</a>.</li>
<li>Added a page for <a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods">same-gender romance mods for Star Wars: Knights of the Old Republic series.</a></li>
<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> <h3 class="date-style"><time datetime="Fri Sep 16 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">16 September 2022</time></h3>
<ul> <ul>
<li>Adjusted the font size, line and paragraph spacing of the website to make it easier to read and more responsive.</li> <li>Adjusted the font size, line and paragraph spacing of the website to make it easier to read and more responsive.</li>

View File

@ -4,13 +4,36 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.com/feed.xml" rel="self"/> <link href="https://leilukin.com/feed.xml" rel="self"/>
<link href="https://leilukin.com"/> <link href="https://leilukin.com"/>
<updated>2024-12-25T15:50:12Z</updated> <updated>2024-12-26T11:14:10Z</updated>
<id>https://leilukin.com/</id> <id>https://leilukin.com/</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>
<email>contact@leilukin.com</email> <email>contact@leilukin.com</email>
</author> </author>
<entry>
<title>Changelog: 26 December 2024</title>
<link href="https://leilukin.com/"/>
<updated>2024-12-26T11:12:29Z</updated>
<id>https://leilukin.com/</id>
<content type="html">&lt;ul&gt;
&lt;li&gt;New blog post: &lt;a href=&quot;https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years&quot;&gt;&amp;quot;Remembering the 2004 Indian Ocean Tsunami&amp;quot;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>
<entry>
<title>Remembering the 2004 Indian Ocean Tsunami | Blog</title>
<link href="https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/"/>
<updated>2024-12-26T11:11:55Z</updated>
<id>https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/</id>
<content type="html">&lt;p&gt;Twenty years ago today, the 2004 Indian Ocean earthquake and tsunami happened.&lt;/p&gt;
&lt;p&gt;When I realised a while ago that the year 2024 would also mark the 20th anniversary of the earthquake and tsunami, I felt that time filed, because I still remembered the shock I felt in my young mind when I read the news reports about that natural disaster.&lt;/p&gt;
&lt;p&gt;When the Indian Ocean tsunami struck in 2004, I had just graduated from primary school and was staying at home, and 26 December was also the birthday of my favourite cousin. Later, when I learnt of the massive earthquake in the Indian Ocean caused a massive tsunami that affected many countries, including my own country, Malaysia (especially the northern Malaysia), I was deeply shocked by how deadly and destructive the tsunami was, with the sheer amount of lives lost and the destruction of areas caused by that natural disaster, even though the part of Malaysia I lived (and still live) in was not affected.&lt;/p&gt;
&lt;p&gt;May the dead rest in peace. My condolences to those who lost their loved ones on that day.&lt;/p&gt;
</content>
</entry>
<entry> <entry>
<title>Changelog: 25 December 2024</title> <title>Changelog: 25 December 2024</title>
<link href="https://leilukin.com/"/> <link href="https://leilukin.com/"/>
@ -225,38 +248,6 @@
<content type="html">&lt;ul&gt; <content type="html">&lt;ul&gt;
&lt;li&gt;Expand the home page of my &lt;a href=&quot;https://leilukin.com/shrines/cassettebeasts&quot;&gt;&lt;cite&gt;Cassette Beasts&lt;/cite&gt; shrine&lt;/a&gt; by adding a &lt;a href=&quot;https://leilukin.com/shrines/cassettebeasts/#cassette-beasts-my-ultimate-comfort-media&quot;&gt;&amp;quot;&lt;cite&gt;Cassette Beasts&lt;/cite&gt; — My Ultimate Comfort Media&amp;quot;&lt;/a&gt; section.&lt;/li&gt; &lt;li&gt;Expand the home page of my &lt;a href=&quot;https://leilukin.com/shrines/cassettebeasts&quot;&gt;&lt;cite&gt;Cassette Beasts&lt;/cite&gt; shrine&lt;/a&gt; by adding a &lt;a href=&quot;https://leilukin.com/shrines/cassettebeasts/#cassette-beasts-my-ultimate-comfort-media&quot;&gt;&amp;quot;&lt;cite&gt;Cassette Beasts&lt;/cite&gt; — My Ultimate Comfort Media&amp;quot;&lt;/a&gt; section.&lt;/li&gt;
&lt;/ul&gt; &lt;/ul&gt;
</content>
</entry>
<entry>
<title>Changelog: 28 October 2024</title>
<link href="https://leilukin.com/"/>
<updated>2024-10-28T09:17:22Z</updated>
<id>https://leilukin.com/</id>
<content type="html">&lt;ul&gt;
&lt;li&gt;New blog post: &lt;a href=&quot;https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog&quot;&gt;&amp;quot;Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet&amp;quot;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>
<entry>
<title>Re: Social Media Hasn't Killed the Personal Blog Just Yet | Blog</title>
<link href="https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog/"/>
<updated>2024-10-28T09:16:14Z</updated>
<id>https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog/</id>
<content type="html">&lt;p&gt;&lt;a href=&quot;https://jimmitchell.org/&quot;&gt;Jim Mitchell&lt;/a&gt; wrote a blog post, &lt;a href=&quot;https://jimmitchell.org/2024/09/21/social-media-hasnt.html&quot;&gt;&amp;quot;Social Media Hasn&#39;t Killed the Personal Blog Just Yet&amp;quot;&lt;/a&gt;, discussing the decline of personal blogs after social media took off, and the question of if social media killed personal blogs, and if personal blogging can make a comeback. This post caught me by surprise when I discovered it, because recently I have been reflecting on my blogging history, and how social media changed that, with my thoughts ended up being incredibly similar to Jim&#39;s.&lt;/p&gt;
&lt;p&gt;Blogs have always had a special place in my heart and my history with the web, because blogging was my first foray into creating things and sharing things about myself on the web way back in the 2000s as a teenager. Teenage me was deeply fascinated by the concept of writing a personal journal on the web, and being able to connect with other people on the internet through reading and commenting on each other&#39;s online journal. I have loved writing and like to express myself through writing since I was a child, so blogging seemed to be a great way to do so.&lt;/p&gt;
&lt;p&gt;Then social media began to take off. Jim Mitchell wrote:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Personal blogs didnt just disappear in one big poof. It was more like a slow fade. As Facebook, Instagram, and Twitter took off, people me included found it easier to share bite-sized pieces of life. Why write a long, reflective post to publish on your personal site when you could sum it up in a quick status update that some “friend” you dont really even know could give you a mindless like?&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I can attest to that, because I was there when bloggers began to use social media, and how social media platforms gradually replaced their personal blogs as means share their thoughts and life updates. I was introduced to Facebook in the late 2000s by other Malaysian Chinese bloggers. As more of us bloggers use Facebook, updates of our personal blogs have gradually decreased.&lt;/p&gt;
&lt;p&gt;Jim Mitchell&#39;s post talked about the shift to niche or professional blogging, which is a phenomenon I have noticed as well. I do not think blogs ever died, and in fact, even before discovering the personal web and coding my own website from scratch for the first time in 2022, I still found niche blogs to follow and subscribed to their RSS feeds, but social media and search engine optimisation (SEO) have made personal blogs obscure and more difficult to find than niche and professional blogs.&lt;/p&gt;
&lt;p&gt;That said, exploring the web outside social media and seeing the resurgence of personal websites and blogs on platforms like &lt;a href=&quot;https://neocities.org/&quot;&gt;Neocities&lt;/a&gt; and &lt;a href=&quot;https://bearblog.dev/&quot;&gt;Bear Blog&lt;/a&gt;, gave me hope. I am happy to see people on the personal web are bringing back personal blogs too, which motivated me to include a blog to my website.&lt;/p&gt;
&lt;p&gt;As Jim Mitchell concluded in his post:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;/blockquote&gt;
</content> </content>
</entry> </entry>
</feed> </feed>

View File

@ -437,9 +437,9 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>What is New?</h2> <h2>What is New?</h2>
<div class="text-box"> <div class="text-box">
<h3>Changelog: 25 December 2024</h3> <h3>Changelog: 26 December 2024</h3>
<ul> <ul>
<li>New blog post: <a href="/blog/posts/2024-12-25-leilukins-2024-in-review">&quot;Leilukin's 2024: A Year In Review&quot;</a></li> <li>New blog post: <a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years">&quot;Remembering the 2004 Indian Ocean Tsunami&quot;</a></li>
</ul> </ul>
<p><a href="/changelogs">View all site changelogs</a></p> <p><a href="/changelogs">View all site changelogs</a></p>

View File

@ -1200,231 +1200,243 @@
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url>
<loc>https://leilukin.com/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/</loc>
<lastmod>2024-12-26T11:11:55.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.comfalse</loc>
<lastmod>2024-12-26T11:12:29.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url> <url>
<loc>https://leilukin.com/blog/posts/</loc> <loc>https://leilukin.com/blog/posts/</loc>
<lastmod>2024-12-25T15:50:09.248Z</lastmod> <lastmod>2024-12-26T11:14:05.555Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2022/</loc> <loc>https://leilukin.com/changelogs/2022/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.561Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2023/</loc> <loc>https://leilukin.com/changelogs/2023/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.561Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/2024/</loc> <loc>https://leilukin.com/changelogs/2024/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.561Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/layouts/</loc> <loc>https://leilukin.com/changelogs/layouts/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.561Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/</loc> <loc>https://leilukin.com/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.562Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc> <loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.562Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/playlists/</loc> <loc>https://leilukin.com/projects/playlists/</loc>
<lastmod>2024-12-25T15:50:09.254Z</lastmod> <lastmod>2024-12-26T11:14:05.562Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc> <loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
<lastmod>2024-12-25T15:50:09.255Z</lastmod> <lastmod>2024-12-26T11:14:05.562Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/gallery/</loc> <loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
<lastmod>2024-12-25T15:50:09.255Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/playlists/</loc> <loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
<lastmod>2024-12-25T15:50:09.255Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/asummersend/trivia/</loc> <loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
<lastmod>2024-12-25T15:50:09.255Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
<lastmod>2024-12-25T15:50:09.255Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc> <loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/articles/</loc> <loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.563Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/guides/</loc> <loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
<lastmod>2024-12-25T15:50:09.256Z</lastmod> <lastmod>2024-12-26T11:14:05.564Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.564Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.564Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.564Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc> <loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/starwarskotor/universes/</loc> <loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/archive/</loc> <loc>https://leilukin.com/archive/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/categories/</loc> <loc>https://leilukin.com/categories/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/changelogs/</loc> <loc>https://leilukin.com/changelogs/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/about/</loc> <loc>https://leilukin.com/about/</loc>
<lastmod>2024-12-25T15:50:09.257Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/adoptables/</loc> <loc>https://leilukin.com/adoptables/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/articles/</loc> <loc>https://leilukin.com/articles/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/blog/</loc> <loc>https://leilukin.com/blog/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/guestbook/</loc> <loc>https://leilukin.com/guestbook/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/links/</loc> <loc>https://leilukin.com/links/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/now/</loc> <loc>https://leilukin.com/now/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/projects/</loc> <loc>https://leilukin.com/projects/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/shrines/</loc> <loc>https://leilukin.com/shrines/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/accessibility/</loc> <loc>https://leilukin.com/accessibility/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>
<url> <url>
<loc>https://leilukin.com/colophon/</loc> <loc>https://leilukin.com/colophon/</loc>
<lastmod>2024-12-25T15:50:09.258Z</lastmod> <lastmod>2024-12-26T11:14:05.565Z</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.5</priority> <priority>0.5</priority>
</url> </url>

View File

@ -441,7 +441,8 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet</a></li> <li><a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">Re: Social Media Hasn&#39;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-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> <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&#39;s 2024: A Year In Review</a></li></ul></li></ul></li> <li><a href="/blog/posts/2024-12-25-leilukins-2024-in-review/">Leilukin&#39;s 2024: A Year In Review</a></li>
<li><a href="/blog/posts/2024-12-26-indian-ocean-tsunami-20-years/">Remembering the 2004 Indian Ocean Tsunami</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/">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/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> <li><a href="/articles/anti-harry-potter-jk-rowling-masterlist/">Anti-Harry Potter and Anti-J. K. Rowling Masterlist</a></li>