Build: (844ca94) Add new blog post about if social media killed personal blogs

This commit is contained in:
helenclx 2024-10-28 09:19:03 +00:00
parent 0cdd10f8da
commit cbf6562fcd
27 changed files with 1631 additions and 162 deletions

View File

@ -395,7 +395,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
@ -405,7 +405,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
@ -415,7 +415,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">
Re: Social Media Hasn&amp;#39;t Killed the Personal Blog Just Yet | Blog
</a>
</p>
<time datetime="Mon Oct 28 2024 09:16:14 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>

View File

@ -461,6 +461,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2>
<ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">
Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet
</a>
</h3>
<p class="blog__post--time">28 October 2024</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 class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">
@ -505,17 +516,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>The Fanlistings Network has approved my application to run and build a Cassette Beasts fanlisting.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/">
Leilukin&#39;s Hub Tumbleblog Launched
</a>
</h3>
<p class="blog__post--time">20 June 2024</p>
<p>Leilukin&#39;s Hub now has a tumbleblog built with Chyrp Lite and hosted on InfinityFree.</p>
</li>
</ul>

View File

@ -461,6 +461,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2>
<ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched/">
Leilukin&#39;s Hub Tumbleblog Launched
</a>
</h3>
<p class="blog__post--time">20 June 2024</p>
<p>Leilukin&#39;s Hub now has a tumbleblog built with Chyrp Lite and hosted on InfinityFree.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-06-12-performance-improvement-leilukins-hub/">
@ -505,17 +516,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>James Somerton used one of my Star Wars: Knights of the Old Republic footage in one of his videos without credit or permission.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/">
Happy Lesbian Visibility Day and 1-Year Anniversary of Cassette Beasts
</a>
</h3>
<p class="blog__post--time">27 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>
</ul>

View File

@ -461,6 +461,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2>
<ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/">
Happy Lesbian Visibility Day and 1-Year Anniversary of Cassette Beasts
</a>
</h3>
<p class="blog__post--time">27 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 class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">
@ -505,17 +516,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>I just got the solid-state drive (SSD) of my 5-year-old gaming laptop replaced with a new onw with a larger storage capacity.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/">
Support for My Steam Review of A Summers End — Hong Kong 1986
</a>
</h3>
<p class="blog__post--time">30 October 2023</p>
<p>A thank-you post for the people who have supported my Steam review of A Summers End — Hong Kong 1986.</p>
</li>
</ul>

View File

@ -461,6 +461,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2>
<ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/">
Support for My Steam Review of A Summers End — Hong Kong 1986
</a>
</h3>
<p class="blog__post--time">30 October 2023</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 class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/">
@ -505,17 +516,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<p>The HTML, CSS and JavaScript of my entire website have been rewritten in June 2023 to improve its layout.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/">
Onboard the Dracula Daily Hype Train
</a>
</h3>
<p class="blog__post--time">9 May 2023</p>
<p>I have signed up to join the Dracula Daily hype.</p>
</li>
</ul>

View File

@ -461,6 +461,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Blog Posts</h2>
<ul class="blog__posts">
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/">
Onboard the Dracula Daily Hype Train
</a>
</h3>
<p class="blog__post--time">9 May 2023</p>
<p>I have signed up to join the Dracula Daily hype.</p>
</li>
<li class="blog__post">
<h3 class="blog__post--title">
<a href="/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/">

View File

@ -518,6 +518,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">Leilukin&#39;s Hub Has Migrated to Hostinger</a>
</li>
<li class="blog__post--next">
<p>Next Post:</p>
<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>
</ul>
</nav>

View File

@ -0,0 +1,496 @@
<!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="Re: Social Media Hasn&amp;#39;t Killed the Personal Blog Just Yet | Blog">
<link rel="canonical" href="https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="My reflection on the question of if social media killed personal blogs, inspired by Jim Mitchell&#39;s blog post.">
<meta name="fediverse:creator" content="@Leilukin@dragonscave.space">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:type" content="article">
<meta property="og:description" content="My reflection on the question of if social media killed personal blogs, inspired by Jim Mitchell&#39;s blog post.">
<meta property="og:url" content="https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog/">
<meta property="og:locale" content="en_MY">
<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="">
<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>.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;
}
.article__info--desc { margin-bottom: 1em; }
.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-color: 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;
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-color: 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;
}
.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/8B1OopViR9.js" defer=""></script>
<title>
Re: Social Media Hasn&amp;#39;t Killed the Personal Blog Just Yet | 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>Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet</h1>
<div class="article__info">
<p class="article__info--desc">My reflection on the question of if social media killed personal blogs, inspired by Jim Mitchell&#39;s blog post.</p>
<p>
529 words.
Posted on <time datetime="2024-10-28T17:16:14+0800">28 October 2024</time> by Leilukin
</p>
<p>Categories:
<a href="/categories/blogging">blogging</a>,
<a href="/categories/social-media">social media</a>
</p>
</div>
</header>
<content-wrapper>
<article class="content">
<p><a href="https://jimmitchell.org/">Jim Mitchell</a> wrote a blog post, <a href="https://jimmitchell.org/2024/09/21/social-media-hasnt.html">&quot;Social Media Hasn't Killed the Personal Blog Just Yet&quot;</a>, 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's.</p>
<p>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 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'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.</p>
<p>Then social media began to take off. Jim Mitchell wrote:</p>
<blockquote>
<p>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?</p>
</blockquote>
<p>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.</p>
<p>Jim Mitchell'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.</p>
<p>That said, exploring the web outside social media and seeing the resurgence of personal websites and blogs on platforms like <a href="https://neocities.org/">Neocities</a> and <a href="https://bearblog.dev/">Bear Blog</a>, 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.</p>
<p>As Jim Mitchell concluded in his post:</p>
<blockquote>
<p>Is social media the death of the personal blog? Not quite. It may have nearly killed it, yes. But for those of us willing to carve out our own space in the digital landscape, personal blogs still have a heartbeat. It just takes more effort to keep it alive.</p>
</blockquote>
<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-08-18-from-hobbyist-to-professional-web-developer/">From Hobbyist to Professional Web Developer</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 href="mailto:&#x63;&#x6F;&#x6E;&#x74;&#x61;&#x63;&#x74;&#x40;&#x6C;&#x65;&#x69;&#x6C;&#x75;&#x6B;&#x69;&#x6E;&#x2E;&#x63;&#x6F;&#x6D;">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

@ -395,6 +395,16 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<ul class="blog__postlist">
<li class="blog__postlist--item">
<h2 class="blog__postlist--title">
<a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">
Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet
</a>
</h2>
<time datetime="Mon Oct 28 2024 09:16:14 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li class="blog__postlist--item">
<h2 class="blog__postlist--title">
<a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">

View File

@ -0,0 +1,448 @@
<!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;blogging&quot;">
<link rel="canonical" href="https://leilukin.com/categories/blogging/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="All contents under the &quot;blogging&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;blogging&quot; category on Leilukin&#39;s Hub.">
<meta property="og:url" content="https://leilukin.com/categories/blogging/">
<meta property="og:locale" content="en_MY">
<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="">
<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>.item-list {
display: grid;
gap: 1em;
padding-left: 1em;
}
.item-list__title {
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
line-height: 1.3;
margin-bottom: 0.2em;
}
.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;
}
.article__info--desc { margin-bottom: 1em; }
.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-color: 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;
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-color: 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;
}
.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/8B1OopViR9.js" defer=""></script>
<title>
Content Category: &quot;blogging&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;blogging&quot;</h1>
<p>All contents under the &quot;blogging&quot; category on Leilukin&#39;s Hub.</p>
</header>
<content-wrapper>
<div class="content">
<h2>1 Contents Filed Under "blogging"</h2>
<ul>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">
Re: Social Media Hasn&amp;#39;t Killed the Personal Blog Just Yet | Blog
</a>
</p>
<time datetime="Mon Oct 28 2024 09:16:14 GMT+0000 (Coordinated Universal Time)">28 October 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 href="mailto:&#x63;&#x6F;&#x6E;&#x74;&#x61;&#x63;&#x74;&#x40;&#x6C;&#x65;&#x69;&#x6C;&#x75;&#x6B;&#x69;&#x6E;&#x2E;&#x63;&#x6F;&#x6D;">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

@ -394,6 +394,10 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/categories/blogging/">blogging</a> (1)</li>
<li><a href="/categories/cassette-beasts/">cassette beasts</a> (7)</li>
@ -478,6 +482,10 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/categories/social-media/">social media</a> (1)</li>
<li><a href="/categories/star-wars-kotor/">star wars kotor</a> (10)</li>

View File

@ -0,0 +1,448 @@
<!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;social media&quot;">
<link rel="canonical" href="https://leilukin.com/categories/social-media/">
<meta name="generator" content="Eleventy v3.0.0">
<meta name="author" content="Leilukin">
<meta name="description" content="All contents under the &quot;social media&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;social media&quot; category on Leilukin&#39;s Hub.">
<meta property="og:url" content="https://leilukin.com/categories/social-media/">
<meta property="og:locale" content="en_MY">
<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="">
<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>.item-list {
display: grid;
gap: 1em;
padding-left: 1em;
}
.item-list__title {
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
line-height: 1.3;
margin-bottom: 0.2em;
}
.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;
}
.article__info--desc { margin-bottom: 1em; }
.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-color: 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;
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-color: 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;
}
.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/8B1OopViR9.js" defer=""></script>
<title>
Content Category: &quot;social media&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;social media&quot;</h1>
<p>All contents under the &quot;social media&quot; category on Leilukin&#39;s Hub.</p>
</header>
<content-wrapper>
<div class="content">
<h2>1 Contents Filed Under "social media"</h2>
<ul>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">
Re: Social Media Hasn&amp;#39;t Killed the Personal Blog Just Yet | Blog
</a>
</p>
<time datetime="Mon Oct 28 2024 09:16:14 GMT+0000 (Coordinated Universal Time)">28 October 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 href="mailto:&#x63;&#x6F;&#x6E;&#x74;&#x61;&#x63;&#x74;&#x40;&#x6C;&#x65;&#x69;&#x6C;&#x75;&#x6B;&#x69;&#x6E;&#x2E;&#x63;&#x6F;&#x6D;">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,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
@ -408,7 +408,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
@ -418,7 +418,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>

View File

@ -398,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>

View File

@ -398,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>
@ -408,7 +408,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</a>
</p>
<time datetime="Sat Oct 26 2024 00:37:40 GMT+0000 (Coordinated Universal Time)">26 October 2024</time>
<time datetime="Mon Oct 28 2024 09:18:55 GMT+0000 (Coordinated Universal Time)">28 October 2024</time>
</li>
<li>

View File

@ -425,6 +425,17 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<div class="heading-wrapper h2">
<h2 id="2024-10-28">
28 October 2024
</h2>
<a class="heading-anchor" href="#2024-10-28" aria-labelledby="2024-10-28"><span hidden="">#</span></a>
</div>
<ul>
<li>New blog post: <a href="/blog/posts/2024-10-28-re-social-media-personal-blog">&quot;Re: Social Media Hasn't Killed the Personal Blog Just Yet&quot;</a></li>
</ul>
<div class="heading-wrapper h2">
<h2 id="2024-09-17">
17 September 2024

View File

@ -469,6 +469,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Mon Oct 28 2024 09:17:22 GMT+0000 (Coordinated Universal Time)">28 October 2024</time></h3>
<ul>
<li>New blog post: <a href="/blog/posts/2024-10-28-re-social-media-personal-blog">&quot;Re: Social Media Hasn't Killed the Personal Blog Just Yet&quot;</a></li>
</ul>
<h3 class="date-style"><time datetime="Tue Sep 17 2024 05:58:34 GMT+0000 (Coordinated Universal Time)">17 September 2024</time></h3>
<ul>
<li>Add <a href="/adoptables/#Pantson-Color-Club">Pantson Color Club section</a> to my <a href="/adoptables">adoptables page</a>, including my own colour card for the pixel club.</li>
@ -595,11 +600,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Add <a href="/adoptables">Adoptables page</a>.</li>
</ul>
<h3 class="date-style"><time datetime="Thu Jun 20 2024 18:05:00 GMT+0000 (Coordinated Universal Time)">20 June 2024</time></h3>
<ul>
<li>Leilukin's Hub now has a tumbleblog at <a href="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>! Read the latest blog post to learn more: <a href="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched">Leilukin's Hub Tumbleblog Launched</a>.</li>
</ul>

View File

@ -469,6 +469,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Thu Jun 20 2024 18:05:00 GMT+0000 (Coordinated Universal Time)">20 June 2024</time></h3>
<ul>
<li>Leilukin's Hub now has a tumbleblog at <a href="https://tumbleblog.leilukin.com/">tumbleblog.leilukin.com</a>! Read the latest blog post to learn more: <a href="/blog/posts/2024-06-21-leilukins-hub-tumbleblog-launched">Leilukin's Hub Tumbleblog Launched</a>.</li>
</ul>
<h3 class="date-style"><time datetime="Wed Jun 19 2024 15:28:00 GMT+0000 (Coordinated Universal Time)">19 June 2024</time></h3>
<ul>
<li>Add new article: <a href="/articles/palestine-masterlist">Palestine Masterlist</a>.</li>
@ -594,16 +599,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a> with <a href="https://www.htmlcommentbox.com/">HTML Comment Box</a>, as 123Guestbook will be <a href="https://web.archive.org/web/20240504201300/https://www.123guestbook.com/news.php?id=closure">shutting down on 1 July 2024</a>.</li>
</ul>
<h3 class="date-style"><time datetime="Thu May 09 2024 05:45:00 GMT+0000 (Coordinated Universal Time)">9 May 2024</time></h3>
<ul>
<li><a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>:
<ul>
<li>Rename Trivia page to <a href="/shrines/cassettebeasts/facts/">Facts page</a>.</li>
<li>Add &quot;Frequently Asked Topics&quot; section to the Facts page.</li>
</ul>
</li>
</ul>

View File

@ -469,6 +469,16 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Thu May 09 2024 05:45:00 GMT+0000 (Coordinated Universal Time)">9 May 2024</time></h3>
<ul>
<li><a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>:
<ul>
<li>Rename Trivia page to <a href="/shrines/cassettebeasts/facts/">Facts page</a>.</li>
<li>Add &quot;Frequently Asked Topics&quot; section to the Facts page.</li>
</ul>
</li>
</ul>
<h3 class="date-style"><time datetime="Mon Apr 29 2024 10:27:00 GMT+0000 (Coordinated Universal Time)">29 April 2024</time></h3>
<ul>
<li>Turn the top navigation manu into a hamburger menu when this website is viewed on mobile devices.</li>
@ -565,11 +575,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Updated the <a href="/shrines/cassettebeasts/devinsights">Developer Insight</a> page by adding an Event Showcase section.</li>
</ul>
<h3 class="date-style"><time datetime="Wed Sep 13 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">13 September 2023</time></h3>
<ul>
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Updated the <a href="/shrines/cassettebeasts/trivia">Trivia</a> page's Development History section with new information about the &quot;Pier of the Unknown&quot; DLC.</li>
</ul>

View File

@ -469,6 +469,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Wed Sep 13 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">13 September 2023</time></h3>
<ul>
<li><a href="/shrines/cassettebeasts/">Cassette Beasts shrine</a>: Updated the <a href="/shrines/cassettebeasts/trivia">Trivia</a> page's Development History section with new information about the &quot;Pier of the Unknown&quot; DLC.</li>
</ul>
<h3 class="date-style"><time datetime="Mon Sep 11 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">11 September 2023</time></h3>
<ul>
<li>New blog post: <a href="/blog/posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub">Happy 1st Anniversary to Leilukin's Hub</a>.</li>
@ -596,14 +601,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
</li>
</ul>
<h3 class="date-style"><time datetime="Wed Jul 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">26 July 2023</time></h3>
<ul>
<li>Leilukin's Hub now has a site button for you to link to!</li>
<li>Restructured the navigation bar.</li>
<li>Rearranged CSS and JavaScript file directories.</li>
<li>Renamed custom CSS properties.</li>
</ul>

View File

@ -469,6 +469,14 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Wed Jul 26 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">26 July 2023</time></h3>
<ul>
<li>Leilukin's Hub now has a site button for you to link to!</li>
<li>Restructured the navigation bar.</li>
<li>Rearranged CSS and JavaScript file directories.</li>
<li>Renamed custom CSS properties.</li>
</ul>
<h3 class="date-style"><time datetime="Tue Jul 25 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">25 July 2023</time></h3>
<ul>
<li>Leilukin's Hub now has a <a href="https://leilukin.123guestbook.com/">guestbook</a>!</li>
@ -593,12 +601,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Added a <a href="/shrines/">Shrines</a> page, with the first e-shrine on this website being <a href="/shrines/asummersend/">A Summers End — Hong Kong 1986</a>.</li>
</ul>
<h3 class="date-style"><time datetime="Fri Feb 10 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">10 February 2023</time></h3>
<ul>
<li>Updated the banner image of my Alternate Revan Romances REDUX mod on the <a href="/projects/videogamemods/kotor2">Star Wars: Knights of the Old Republic II: The Sith Lords mod page</a>.</li>
<li>Added a Webrings section on the <a href="/home">home page</a>.</li>
</ul>

View File

@ -469,6 +469,12 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Fri Feb 10 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">10 February 2023</time></h3>
<ul>
<li>Updated the banner image of my Alternate Revan Romances REDUX mod on the <a href="/projects/videogamemods/kotor2">Star Wars: Knights of the Old Republic II: The Sith Lords mod page</a>.</li>
<li>Added a Webrings section on the <a href="/home">home page</a>.</li>
</ul>
<h3 class="date-style"><time datetime="Tue Feb 07 2023 00:00:00 GMT+0000 (Coordinated Universal Time)">7 February 2023</time></h3>
<ul>
<li>Updated the <a href="/resources">Resources</a> page to add a my <a href="https://deadlystream.com/files/file/2249-missing-k1-party-member-ports-for-tsl-modders-resource/">Missing K1 Party Member Ports for TSL</a> modder's resource.</li>
@ -573,11 +579,6 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li>Added my latest mod, KotOR 1 Twi'lek Female NPC Diversity, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>
</ul>
<h3 class="date-style"><time datetime="Mon Oct 17 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">17 October 2022</time></h3>
<ul>
<li>Added new resource, Star Wars: Knights of the Old Republic save files, to <a href="/resources">my resources</a> page: Light Side Female Saves with KOTOR 1 Community Patch and All Romances.</li>
</ul>

View File

@ -469,6 +469,11 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>Latest Changelogs</h2>
<h3 class="date-style"><time datetime="Mon Oct 17 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">17 October 2022</time></h3>
<ul>
<li>Added new resource, Star Wars: Knights of the Old Republic save files, to <a href="/resources">my resources</a> page: Light Side Female Saves with KOTOR 1 Community Patch and All Romances.</li>
</ul>
<h3 class="date-style"><time datetime="Sun Oct 16 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">16 October 2022</time></h3>
<ul>
<li>Added my latest mod, KotOR 1 No Gendered Dialogue from Male NPCs, to <a href="/projects/videogamemods/kotor1">my mods for Star Wars: Knights of the Old Republic</a> page.</li>

View File

@ -4,13 +4,45 @@
<subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.com/feed.xml" rel="self"/>
<link href="https://leilukin.com"/>
<updated>2024-10-26T00:37:45Z</updated>
<updated>2024-10-28T09:18:59Z</updated>
<id>https://leilukin.com/</id>
<author>
<name>Leilukin</name>
<email>contact@leilukin.com</email>
</author>
<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&#39;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 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>
</entry>
<entry>
<title>Changelog: 17 September 2024</title>
<link href="https://leilukin.com/"/>
@ -434,34 +466,6 @@ module&lt;span class=&quot;token punctuation&quot;&gt;.&lt;/span&gt;&lt;span cla
<content type="html">&lt;ul&gt;
&lt;li&gt;Remake the mobile version of navigation menu by using the HTML &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover&quot;&gt;&lt;code&gt;popover&lt;/code&gt;&lt;/a&gt; attirbutes, allowing the navigation menu to be dismissed without JavaScript&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>
<entry>
<title>Changelog: 18 July 2024</title>
<link href="https://leilukin.com/"/>
<updated>2024-07-18T04:55:00Z</updated>
<id>https://leilukin.com/</id>
<content type="html">&lt;ul&gt;
&lt;li&gt;Add list of web cliques I joined to the home page&lt;/li&gt;
&lt;li&gt;Add pixel cliques I joined to the &lt;a href=&quot;https://leilukin.com/adoptables&quot;&gt;Adoptables page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Add a &lt;a href=&quot;https://leilukin.com/links/#joined&quot;&gt;Joined&lt;/a&gt; tab to the &lt;a href=&quot;https://leilukin.com/links&quot;&gt;Links page&lt;/a&gt; to list the web cliques and widgets of web rings I joined, as well as linking to my fanlisting collective.&lt;/li&gt;
&lt;li&gt;Upgrade Eleventy to version 3.0&lt;/li&gt;
&lt;li&gt;Bundle page-specific CSS and JavaScript in the &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; element with Eleventy 3.0&#39;s &lt;a href=&quot;https://github.com/11ty/eleventy-plugin-bundle&quot;&gt;built-in bundle plugin&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>
<entry>
<title>Changelog: 13 July 2024</title>
<link href="https://leilukin.com/"/>
<updated>2024-07-13T12:47:00Z</updated>
<id>https://leilukin.com/</id>
<content type="html">&lt;ul&gt;
&lt;li&gt;Add an inline SVG icon to external links&lt;/li&gt;
&lt;li&gt;Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets&lt;/li&gt;
&lt;li&gt;Add dark mode support for &lt;a href=&quot;https://leilukin.com/shrines/cassettebeasts&quot;&gt;&lt;cite&gt;Cassette Beasts&lt;/cite&gt; shrine&lt;/a&gt; based on user preference in system setting&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>
</feed>

View File

@ -432,9 +432,9 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<h2>What is New?</h2>
<div class="text-box">
<h3>Changelog: 17 September 2024</h3>
<h3>Changelog: 28 October 2024</h3>
<ul>
<li>Add <a href="/adoptables/#Pantson-Color-Club">Pantson Color Club section</a> to my <a href="/adoptables">adoptables page</a>, including my own colour card for the pixel club.</li>
<li>New blog post: <a href="/blog/posts/2024-10-28-re-social-media-personal-blog">&quot;Re: Social Media Hasn't Killed the Personal Blog Just Yet&quot;</a></li>
</ul>
<p><a href="/changelogs">View all site changelogs</a></p>

View File

@ -1104,231 +1104,243 @@
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/blog/posts/2024-10-28-re-social-media-personal-blog/</loc>
<lastmod>2024-10-28T09:16:14.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.comfalse</loc>
<lastmod>2024-10-28T09:17:22.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/blog/posts/</loc>
<lastmod>2024-10-26T00:37:40.754Z</lastmod>
<lastmod>2024-10-28T09:18:55.491Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/changelogs/2022/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/changelogs/2023/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/changelogs/2024/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/changelogs/layouts/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/projects/playlists/</loc>
<lastmod>2024-10-26T00:37:40.758Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.495Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/archive/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/categories/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/changelogs/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/about/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/adoptables/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/articles/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/blog/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/guestbook/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/links/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/now/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/projects/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/shrines/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/accessibility/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://leilukin.com/colophon/</loc>
<lastmod>2024-10-26T00:37:40.762Z</lastmod>
<lastmod>2024-10-28T09:18:55.499Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.5</priority>
</url>

View File

@ -434,7 +434,8 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<li><a href="/blog/posts/2024-06-24-cassette-beasts-fanlisting-approved/">My Cassette Beasts Fanlisting Application has been Approved</a></li>
<li><a href="/blog/posts/2024-07-02-fanlisting-collective-launch/">Cassette Beasts Fanlisting and My Fanlisting Collective Launched</a></li>
<li><a href="/blog/posts/2024-07-27-hostinger-migration-leilukins-hub/">Leilukin&#39;s Hub Has Migrated to Hostinger</a></li>
<li><a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">From Hobbyist to Professional Web Developer</a></li></ul></li></ul></li>
<li><a href="/blog/posts/2024-08-18-from-hobbyist-to-professional-web-developer/">From Hobbyist to Professional Web Developer</a></li>
<li><a href="/blog/posts/2024-10-28-re-social-media-personal-blog/">Re: Social Media Hasn&#39;t Killed the Personal Blog Just Yet</a></li></ul></li></ul></li>
<li><a href="/articles/">Articles</a><ul><li><a href="/articles/kotor2-modder-interview-ars-technica/">The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica</a></li>
<li><a href="/articles/lgbtq-booklet-interview-misi-bawang/">Floating in a Sky Full of Pride: LGBTQ+ Booklet Artist Interview from MISI:Bawang</a></li>
<li><a href="/articles/anti-harry-potter-jk-rowling-masterlist/">Anti-Harry Potter and Anti-J. K. Rowling Masterlist</a></li>