leilukin-site/links/index.html

1146 lines
52 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" dir="ltr" id="top">
<head>
<meta property="og:title" content="Links">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Leilukin">
<meta name="description" content="A curated collection of links.">
<meta name="generator" content="Eleventy v3.0.0">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.com/links/">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:locale" content="en_MY">
<meta property="og:description" content="A curated collection of links.">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://leilukin.com/links/">
<meta name="twitter:description" content="A curated collection of links.">
<link rel="canonical" href="https://leilukin.com/links/">
<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">
<link rel="stylesheet" href="/assets/css/tooltips.css">
<style>.my-btn {
align-items: center;
margin-top: 1em;
}
.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-top: 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="/assets/favicon/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/MnPoD-suxd.js" defer=""></script>
<title>
Links | 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 aria-current="page" 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 aria-current="page" href="/links/">Links</a>
</li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</div>
<main id="content">
<header class="main__header">
<h1>Links</h1>
<p>A curated collection of links.</p>
</header>
<content-wrapper>
<article class="content content--divided">
<section class="content__section">
<h2>Link to My Website</h2>
<p>You can link to my website using my site button. I strongly recommend you to upload my site button to your own website instead of hotlinking the button.</p>
<div class="web-graphics my-btn">
<img src="/assets/leilukin/Leilukins-Hub-button-88x31.png" alt="Leilukin's Hub website button with 88×31 pixel size" width="88" height="31" loading="lazy">
<img src="/assets/leilukin/Leilukins-Hub-button-200x40.png" alt="Leilukin's Hub website button with 200×40 pixel size" width="200" height="40" loading="lazy">
</div>
<p>(I created my site button with Adobe Photoshop CS5)</p>
</section>
<section class="content__section">
<h2>Links by Category</h2>
<p>Use the following tabs to view my link collection by category.</p>
<nav aria-labelledby="tabs-title">
<h3 class="visually-hidden" id="tabs-title">Tabs Group</h3>
<ul class="tabs">
<li><a class="tab__btn" href="#websites">Websites</a></li>
<li><a class="tab__btn" href="#joined">Joined</a></li>
<li><a class="tab__btn" href="#webmastery">Webmastery</a></li>
<li><a class="tab__btn" href="#articles">Articles</a></li>
<li><a class="tab__btn" href="#resources">Resources</a></li>
</ul>
</nav>
</section>
<article class="tabwrap">
<section id="websites" class="content__section">
<div class="heading-wrapper h2">
<h2 id="Websites">
Websites
</h2>
<a class="heading-anchor" href="#Websites" aria-labelledby="Websites"><span hidden="">#</span></a>
</div>
<div class="heading-wrapper h3">
<h3 id="Personal-Sites-I-Enjoy">Personal Sites I Enjoy</h3>
<a class="heading-anchor" href="#Personal-Sites-I-Enjoy" aria-labelledby="Personal-Sites-I-Enjoy"><span hidden="">#</span></a>
</div>
<h4 class="visually-hidden">Websites with Buttons</h4>
<ul class="web-graphics">
<li data-tooltip="">
<a href="https://karuma.me/" data-tooltip-trigger="" title="10kph">
<img src="/assets/buttons/sites/10kph.png" alt="10kph" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://alyaza.neocities.org/" data-tooltip-trigger="" title="alyaza&#39;s birzeblog">
<img src="/assets/buttons/sites/alyaza.gif" alt="alyaza&#39;s birzeblog" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://www.autisticasfxxk.com/" data-tooltip-trigger="" title="Autistic As Fxxk">
<img src="/assets/buttons/sites/autisticasfxxk.gif" alt="Autistic As Fxxk" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://www.beepbird.net/" data-tooltip-trigger="" title="Beep Bird">
<img src="/assets/buttons/sites/beepbird.gif" alt="Beep Bird" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://chrisburnell.com/" data-tooltip-trigger="" title="Chris Burnell">
<img src="/assets/buttons/sites/chrisburnell.gif" alt="Chris Burnell" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://divergentrays.com/" data-tooltip-trigger="" title="Divergent Rays">
<img src="/assets/buttons/sites/divergentrays.png" alt="Divergent Rays" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://cyberneticdryad.neocities.org/" data-tooltip-trigger="" title="Dryad Glen">
<img src="/assets/buttons/sites/dryadglen.png" alt="Dryad Glen" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://frills.dev/" data-tooltip-trigger="" title="Frills">
<img src="/assets/buttons/sites/frills.png" alt="Frills" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://groundedwren.com/" data-tooltip-trigger="" title="Grounded Wren">
<img src="/assets/buttons/sites/groundedwren.png" alt="Grounded Wren" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://jasm1nii.xyz/" data-tooltip-trigger="" title="jasmine&#39;s journal">
<img src="/assets/buttons/sites/jasminesjournal.png" alt="jasmine&#39;s journal" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://jefbecker.com/" data-tooltip-trigger="" title="JEFBECKER">
<img src="/assets/buttons/sites/jefbecker.png" alt="JEFBECKER" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://kalechips.net/" data-tooltip-trigger="" title="Kalechips">
<img src="/assets/buttons/sites/kalechips.png" alt="Kalechips" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://amalinalai.github.io/precipice/" data-tooltip-trigger="" title="lina&#39;s home">
<img src="/assets/buttons/sites/lina.gif" alt="lina&#39;s home" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://lostletters.neocities.org/" data-tooltip-trigger="" title="Lost Letters">
<img src="/assets/buttons/sites/lostletters.gif" alt="Lost Letters" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://macaque.moe/" data-tooltip-trigger="" title="Macaque">
<img src="/assets/buttons/sites/macaque.png" alt="Macaque" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://manyface.neocities.org/" data-tooltip-trigger="" title="manyface world">
<img src="/assets/buttons/sites/manyface.png" alt="manyface world" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://mycorrhiza.space/" data-tooltip-trigger="" title="Mycorrhiza&#39;s Space">
<img src="/assets/buttons/sites/mycorrhiza.png" alt="Mycorrhiza&#39;s Space" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://pinkvampyr.leprd.space/" data-tooltip-trigger="" title="Pinkvampyr">
<img src="/assets/buttons/sites/pinkvampyr.gif" alt="Pinkvampyr" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://ribo.zone/" data-tooltip-trigger="" title="Ribose">
<img src="/assets/buttons/sites/ribose.png" alt="Ribose" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://sakuradreams.neocities.org/" data-tooltip-trigger="" title="Sakura Dreams">
<img src="/assets/buttons/sites/sakuradreams.gif" alt="Sakura Dreams" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://sanguineroyal.com/" data-tooltip-trigger="" title="Sanguine Royal">
<img src="/assets/buttons/sites/sanguineroyal.gif" alt="Sanguine Royal" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://solaria.neocities.org/" data-tooltip-trigger="" title="Solaria&#39;s Webspace">
<img src="/assets/buttons/sites/solaria.png" alt="Solaria&#39;s Webspace" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://starbreaker.org/" data-tooltip-trigger="" title="🤘 starbreaker.org 🤘">
<img src="/assets/buttons/sites/starbreaker.avif" alt="🤘 starbreaker.org 🤘" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://symliadoo.com/" data-tooltip-trigger="" title="sym&#39;s living room 🍨">
<img src="/assets/buttons/sites/symliadoo.png" alt="sym&#39;s living room 🍨" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://whiona.me/" data-tooltip-trigger="" title="Whiona">
<img src="/assets/buttons/sites/whiona.png" alt="Whiona" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://wings.nu/" data-tooltip-trigger="" title="Wings.NU">
<img src="/assets/buttons/sites/wings.png" alt="Wings.NU" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://xandra.cc/" data-tooltip-trigger="" title="Museum of Alexandra">
<img src="/assets/buttons/sites/xandra.png" alt="Museum of Alexandra" width="88" height="31" loading="lazy">
</a>
</li>
</ul>
<h4 class="visually-hidden">Websites without Buttons</h4>
<ul class="inline-list">
<li><a href="https://www.eladnarra.com/">eladnarra's site</a></li>
<li><a href="https://sarajoy.dev/">Sara Joy</a></li>
<li><a href="https://saturn.town/">saturn town</a></li>
<li><a href="https://stitchmediamix.com/">Stitchs Media Mix</a></li>
<li><a href="https://yequari.com/">yequari.com</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="Link-Exchanges">Link Exchanges</h3>
<a class="heading-anchor" href="#Link-Exchanges" aria-labelledby="Link-Exchanges"><span hidden="">#</span></a>
</div>
<ul class="inline-list">
<li><a href="https://theretrosaga.com/">The Retro Saga</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="Web-Directories">Web Directories</h3>
<a class="heading-anchor" href="#Web-Directories" aria-labelledby="Web-Directories"><span hidden="">#</span></a>
</div>
<h4 class="visually-hidden">Directories with Site Buttons</h4>
<ul class="web-graphics">
<li data-tooltip="">
<a href="https://pinkvampyr.leprd.space/accessiblenet/" data-tooltip-trigger="" title="Accessibility Net Directory">
<img src="/assets/buttons/directories/accessiblenet.png" alt="Accessibility Net Directory" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://bukmark.club/" data-tooltip-trigger="" title="BUKMARK.CLUB">
<img src="/assets/buttons/directories/bukmarkclub.png" alt="BUKMARK.CLUB" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://indieseek.xyz/" data-tooltip-trigger="" title="Indieseek.xyz Indie Web Directory">
<img src="/assets/buttons/directories/indieseek.png" alt="Indieseek.xyz Indie Web Directory" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://linklane.net/" data-tooltip-trigger="" title="Link Lane">
<img src="/assets/buttons/directories/linklane.png" alt="Link Lane" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://list-me.com/" data-tooltip-trigger="" title="List-Me.com">
<img src="/assets/buttons/directories/list-me.png" alt="List-Me.com" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://kalechips.net/responsive/" data-tooltip-trigger="" title="Responsive Web Directory">
<img src="/assets/buttons/directories/responsiveweb.png" alt="Responsive Web Directory" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://smoothsailing.asclaria.org/" data-tooltip-trigger="" title="Smooth Sailing Listings">
<img src="/assets/buttons/directories/smoothsailing.png" alt="Smooth Sailing Listings" width="88" height="31" loading="lazy">
</a>
</li>
</ul>
<h4 class="visually-hidden">Directories without Site Buttons</h4>
<ul class="inline-list">
<li>👻 Proud member of <a href="https://darktheme.club/">darktheme.club</a> 👻</li>
<li><a href="https://personalsit.es/">PersonalSit.es</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="Communities">Communities</h3>
<a class="heading-anchor" href="#Communities" aria-labelledby="Communities"><span hidden="">#</span></a>
</div>
<ul class="web-graphics">
<li data-tooltip="">
<a href="https://32bit.cafe/" data-tooltip-trigger="" title="32-Bit Cafe">
<img src="/assets/buttons/communities/32-bit-cafe.png" alt="32-Bit Cafe" width="88" height="31" loading="lazy">
</a>
</li>
<li data-tooltip="">
<a href="https://zine.kalechips.net/index" data-tooltip-trigger="" title="Salad Magazine">
<img src="/assets/buttons/communities/saladmagazine.png" alt="Salad Magazine" width="88" height="31" loading="lazy">
</a>
</li>
</ul>
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section>
<section id="joined" class="content__section">
<div class="heading-wrapper h2">
<h2 id="Joined">
Joined
</h2>
<a class="heading-anchor" href="#Joined" aria-labelledby="Joined"><span hidden="">#</span></a>
</div>
<div class="heading-wrapper h3">
<h3 id="Web-Cliques">Web Cliques</h3>
<a class="heading-anchor" href="#Web-Cliques" aria-labelledby="Web-Cliques"><span hidden="">#</span></a>
</div>
<ul>
<li><a href="http://aromatic.wings.nu/">aromatic</a> // lavender</li>
<li><a href="http://cliqued.wings.nu/">rainbow</a> &#x1F308; <span class="color-bg" style="background-color: black; color: white;">black</span> and <span class="color-bg" style="background-color: purple; color: white;">purple</span></li>
<li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
<li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
<li>
<img src="/assets/cliques/caffeineNATION.png" alt="" class="inline-img" width="80" height="15" loading="lazy">
<a href="https://caffeinated.wings.nu/">caffeineNATION</a> &#x2615;&#xFE0E; mocha latte
</li>
<li>
<a href="http://cliqued.wings.nu/">OTF</a>
<img src="/assets/cliques/OTF.png" alt="" class="inline-img" width="15" height="16" loading="lazy">
<a href="/shrines/cassettebeasts"><cite>Cassette Beasts</cite></a>
</li>
<li>
<a href="https://macaque.moe/trickyfox/">LINKED !</a>
<img src="/assets/cliques/linked.png" alt="" class="inline-img" width="20" height="20" loading="lazy">
<a href="https://wiki.cassettebeasts.com/wiki/Meredith">Meredith Chen</a>
</li>
<li>
My <a href="https://frankie.fanacular.net/otp">One True Pairing</a> is: Sam Wong and Michelle Cheung (<a href="/shrines/asummersend"><cite>A Summers End — Hong Kong 1986</cite></a>)
</li>
<li>
<a href="https://starwars.fandom.com/wiki/Juhani">Juhani</a> is the <a href="https://cliques.moudoku.com/guardian">guardian</a> of this website
</li>
<li>
<a href="http://cliqued.wings.nu/">unexpected song</a>
<img src="/assets/cliques/unexpectedsong.png" alt="" class="inline-img" width="16" height="16" loading="lazy">
<a href="https://bulbapedia.bulbagarden.net/wiki/Steven_Stone">Steven Stone</a>
</li>
<li>
<a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom
<img src="/assets/cliques/breloom.png" alt="" class="inline-img" width="23" height="25" loading="lazy">
</li>
<li>
<a href="http://cliqued.wings.nu/">my jam!!</a>
<img src="/assets/cliques/myjam.png" alt="" class="inline-img" width="16" height="16" loading="lazy">
<a href="https://www.youtube.com/watch?v=lP2-68Y0onM">"Same Old Story"</a>
</li>
</ul>
<p>Pixel cliques I joined can be found on my <a href="/adoptables">Adoptables page</a>.</p>
<div class="heading-wrapper h3">
<h3 id="Fanlistings">Fanlistings</h3>
<a class="heading-anchor" href="#Fanlistings" aria-labelledby="Fanlistings"><span hidden="">#</span></a>
</div>
<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
<div class="heading-wrapper h3">
<h3 id="Webrings">Webrings</h3>
<a class="heading-anchor" href="#Webrings" aria-labelledby="Webrings"><span hidden="">#</span></a>
</div>
<ul class="web-graphics">
<li>
<script src="https://astroring.auroradynia.com/ring.js"></script>
</li>
<li>
<div id="autiring">
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-variables.js"></script>
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-widget.js"></script>
</div>
</li>
<li>
<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=Leilukin"></iframe>
</li>
<li>
<nav class="webring" aria-labelledby="css-joy-name">
<p class="webring__name" id="css-joy-name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<link rel="stylesheet" href="https://crtstatic.neocities.org/dsring/onion/onionring.css">
<div id="dsring">
<script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-variables.js"></script>
<script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-widget.js"></script>
</div>
</li>
<li>
<div id="DYKENET">
<script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-variables.js"></script>
<script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-widget.js"></script>
</div>
</li>
<li>
<div id="DykeWrite-Web2"> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-variables.js"></script> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-widget.js"></script> </div>
<link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css">
</li>
<li>
<script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() { eggring.createLinks(); });
</script>
<nav class="webring" aria-labelledby="eggring-name">
<p class="webring__name" id="eggring-name">🥚 <a id="eggringIndex" href="https://eggring.neocities.org/">The Eggring</a> 🥚</p>
<ul class="webring__links">
<li class="webring__link">
<a id="eggringPrev" href="https://confetticake.neocities.org/">Previous Site</a>
</li>
<li class="webring__link">
<a id="eggringRand">Random Site</a>
</li>
<li class="webring__link">
<a id="eggringNext" href="https://thecozy.cat/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<nav class="webring" aria-labelledby="fediring-name">
<p class="webring__name" id="fediring-name"><a href="https://fediring.net/">Fediring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://fediring.net/previous?host=leilukin.com">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://fediring.net/random">Random Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://fediring.net/next?host=leilukin.com">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div id="focusfirst-webring">
<script type="text/javascript" src="https://www.beepbird.net/webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://www.beepbird.net/webring/onionring-widget.js"></script>
<noscript><a href="https://www.beepbird.net/index.html"><img src="https://www.beepbird.net/webring/focusfirst.png" alt="Focus First Index"></a></noscript>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="ghostring-name">
<p class="webring__name" id="ghostring-name"><a href="https://ghostring.neocities.org/">Ghostring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<nav class="webring" aria-labelledby="indieweb-webring-name">
<p class="webring__name" id="indieweb-webring-name">An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍</p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<journal-ring icon="lavender"></journal-ring><script async="" src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
</li>
<li>
<nav class="webring" aria-labelledby="loopring-name">
<p class="webring__name" id="loopring-name"><a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=prev">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=list">Members</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=rand">Random Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div style="border: none; display: inline-flex">
<a href="https://isaacfish.neocities.org/webring/25.html">
<img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/">
<img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring" loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/27.html">
<img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">
</a>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="retronaut-name">
<p class="webring__name" id="retronaut-name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<script src="https://xandra.cc/safonts/webring.js"></script>
<ring-900 site="https://leilukin.com/"></ring-900>
</li>
<li>
<iframe src="https://silly.city/embed.html?user=Leilukin" title="silly.city webring" frameborder="no"></iframe>
</li>
<li>
<script src="https://sitesforpalestine.neocities.org/ring.js"></script>
</li>
<li>
<script src="https://transring.neocities.org/ring.js" data-widget="nb"></script>
</li>
</ul>
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section>
<section id="webmastery" class="content__section">
<div class="heading-wrapper h2">
<h2 id="Webmastery">
Webmastery
</h2>
<a class="heading-anchor" href="#Webmastery" aria-labelledby="Webmastery"><span hidden="">#</span></a>
</div>
<div class="heading-wrapper h3">
<h3 id="webmastery-tutorials">Webmastery Tutorials</h3>
<a class="heading-anchor" href="#webmastery-tutorials" aria-labelledby="webmastery-tutorials"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://32bit.cafe/cyowebsite/">Creating Your Own Website</a> by 32-Bit Cafe</li>
<li><a href="https://32bit.cafe/interactingontheweb/">Interacting with Other Websites</a> by 32-Bit Cafe</li>
<li><a href="https://caffeineandlasers.neocities.org/blogs/rss">How to build your own RSS Feed</a> by Cameron Jones</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="webmastery-guides">Webmastery Guides</h3>
<a class="heading-anchor" href="#webmastery-guides" aria-labelledby="webmastery-guides"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://owlsroost.xyz/articles/2023-12-23-reducing-html-redundancy.html">Reducing HTML Redundancy</a> by Owl</li>
<li><a href="https://owlsroost.xyz/articles/2024-06-24-how-to-make-your-site-mobile-friendly.html">How to Make Your Site Mobile-Friendly</a> by Owl</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="webmastery-resources">Webmastery Resources</h3>
<a class="heading-anchor" href="#webmastery-resources" aria-labelledby="webmastery-resources"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49">Resources List for the Personal Web</a> by 32-Bit Cafe — I have also contributed to this list</li>
<li><a href="https://caniuse.com/">Can I use...</a> — Check browser compatibility for web features</li>
<li><a href="https://jakearchibald.github.io/svgomg/">SVGOMG</a> — SVG optimiser</li>
<li><a href="https://yoksel.github.io/url-encoder/">URL-encoder for SVG</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="ideas-for-your-website">Ideas for Your Website</h3>
<a class="heading-anchor" href="#ideas-for-your-website" aria-labelledby="ideas-for-your-website"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://32bit.cafe/websiteideas/">Ideas for Your Personal Website</a> by 2-Bit Cafe</li>
<li><a href="https://slashpages.net/">Slash Pages</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="web-accessibility">Web Accessibility</h3>
<a class="heading-anchor" href="#web-accessibility" aria-labelledby="web-accessibility"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://joeclark.org/book/sashay/serialization/AccessManifesto.html">The Access Manifesto</a> by Joe Clark — Worth noting that this was originally written in 2002</li>
<li><a href="https://owlsroost.xyz/articles/2023-08-20-you-should-care-about-accessibility.html">You Should Care About Accessibility</a> by Owl</li>
<li><a href="https://theultimatemotherfuckingwebsite.com/">A Field Guide to Web Accessibility</a> by Valery</li>
<li><a href="https://www.tumblr.com/foxpunk/700063063948312576/hey-you-yeah-you-with-the-cool-neocities">Resources for Beginners to Learn About Web Accessibility and Web Design</a> curated by foxpunk</li>
<li><a href="https://sleepydev.neocities.org/posts/5%20Ways%20to%20make%20your%20Neocities%20site%20more%20accessible">5 ways to make your neocities site more accessible</a> by Sleepy dev</li>
<li><a href="https://solaria.neocities.org/beginnersaccessibility">Three Common Accessibility Problems and How to Fix Them</a> by Solaria</li>
<li><a href="https://solaria.neocities.org/accessibility">What I've Learned About Web Accessibility as a Dyslexic, Sighted, Mouse User</a> by Solaria</li>
<li><a href="https://www.siteimprove.com/glossary/screen-reader-testing/">Screen reader testing: how to test your website's accessibility</a> by Siteimprove</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="eleventy">Eleventy</h3>
<a class="heading-anchor" href="#eleventy" aria-labelledby="eleventy"><span hidden="">#</span></a></div>
<p>Resources for learning to use the static site generator <a href="https://www.11ty.dev/">Eleventy</a>, which is also used for building Leilukin's Hub.</p>
<ul>
<li><a href="https://11tybundle.dev/">The 11ty Bundle</a> — Collection of Eleventy resources</li>
<li><a href="https://whiona.weblog.lol/2023/10/my-neocities-workflow:-using-eleventy-and-the-cli-to-speed-up-development">My Neocities workflow: using Eleventy and the CLI to speed up development</a> by Whiona — Written for Neocities users</li>
<li><a href="https://renkotsuban.com/posts/2023-11-15-Migrating-to-Eleventy.html">Migrating to Eleventy</a> by Renkon — A beginner-friendly guide to get started with Eleventy</li>
<li><a href="https://cloudcannon.com/tutorials/eleventy-beginner-tutorial/">Getting set up in Eleventy</a> by Mike Neumegen</li>
<li><a href="https://learn-eleventy.pages.dev/">Learn Eleventy</a> by uncenter</li>
</ul>
<p class="update-info">(This Webmastery list was last updated on <time datetime="2024-09-23T17:51:06+0800">23 September 2024</time>)</p>
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section>
<section id="articles" class="content__section">
<div class="heading-wrapper h2">
<h2 id="Articles">
Articles
</h2>
<a class="heading-anchor" href="#Articles" aria-labelledby="Articles"><span hidden="">#</span></a>
</div>
<div class="heading-wrapper h3">
<h3 id="lgbtq">LGBTQ+</h3>
<a class="heading-anchor" href="#lgbtq" aria-labelledby="lgbtq"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://medium.com/@jencoates/i-am-a-transwoman-i-am-in-the-closet-i-am-not-coming-out-4c2dd1907e42">I Am A Transwoman. I Am In The Closet. I Am Not Coming Out.</a> by Jennifer Coates</li>
<li><a href="https://juliaserano.substack.com/p/on-male-socialization-and-the-trans">On “Male Socialization” and the “Trans Masc Versus Trans Fem” Discourse™</a> by Julia Serano</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="race">Race</h3>
<a class="heading-anchor" href="#race" aria-labelledby="race"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://medium.com/@kihnindewa/bipoc-the-shared-oppression-myth-and-the-black-natives-it-erases-dd0cdcd93230">“BIPOC”, the Shared Oppression Myth, and the Black Natives It Erases</a> by Kihnindewa
(<a href="https://archive.is/20230625143617/https://medium.com/@kihnindewa/bipoc-the-shared-oppression-myth-and-the-black-natives-it-erases-dd0cdcd93230">archive.today link</a>)</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="mental-health">Mental Health</h3>
<a class="heading-anchor" href="#mental-health" aria-labelledby="mental-health"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://mentalhellth.xyz/p/there-is-no-moral-imperative-to-be">There Is No Moral Imperative to Be Miserable</a> by James Greig</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="media-criticism">Media Criticism</h3>
<a class="heading-anchor" href="#media-criticism" aria-labelledby="media-criticism"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://medium.com/@EstherRosenfield/let-people-enjoy-things-12021d00285a">On Letting People Enjoy Things</a> by Esther Rosenfield</li>
<li><a href="https://www.evilfemale.blog/p/in-defence-of-critique-let-people">In Defence of Critique: Let People Enjoy Not Enjoying Things</a> by charlie squire</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="web">Web</h3>
<a class="heading-anchor" href="#web" aria-labelledby="web"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://wings.nu/nostalgia/">Nostalgia is Bullshit</a> by Rin</li>
<li><a href="https://alyaza.neocities.org/essays/Cohost/cohostsowhite">Cohost So White: A Comprehensive Record of the Matter of Race on Cohost.org</a> by Alyaza Birze</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="uncategorised">Uncategorised</h3>
<a class="heading-anchor" href="#uncategorised" aria-labelledby="uncategorised"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://medium.com/7fe325749a24/laziness-does-not-exist-3af27e312d01">Laziness Does Not Exist</a> by Devon Price</li>
<li><a href="https://ismatu.substack.com/p/youve-been-traumatized-into-hating">youve been traumatized into hating reading (and it makes you easier to oppress).</a> by Ismatu Gwendolyn</li>
<li><a href="https://www.theguardian.com/books/2024/mar/02/the-man-who-tricked-nazi-germany-lessons-from-the-past-on-how-to-beat-disinformation">The man who tricked Nazi Germany: lessons from the past on how to beat disinformation</a> by Peter Pomerantsev</li>
</ul>
<p class="update-info">(This Articles list was last updated on <time datetime="2024-09-14T11:41:22+0800">14 September 2024</time>)</p>
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section>
<section id="resources" class="content__section">
<div class="heading-wrapper h2">
<h2 id="Resources">
Resources
</h2>
<a class="heading-anchor" href="#Resources" aria-labelledby="Resources"><span hidden="">#</span></a>
</div>
<div class="heading-wrapper h3">
<h3 id="archives">Archives</h3>
<a class="heading-anchor" href="#archives" aria-labelledby="archives"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://theanarchistlibrary.org/">The Anarchist Library</a></li>
<li><a href="https://archive.org/">Internet Archive</a></li>
<li><a href="https://archive.is/">archive.today</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="bypass-paywalls">Bypass Paywalls</h3>
<a class="heading-anchor" href="#bypass-paywalls" aria-labelledby="bypass-paywalls"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://paywallreader.com/">Paywall Reader</a></li>
<li><a href="https://github.com/bpc-clone/bpc_updates">Bypass Paywall Clean</a> browser extension</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="download-tools">Download Tools</h3>
<a class="heading-anchor" href="#download-tools" aria-labelledby="download-tools"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://cobalt.tools/">cobalt</a> — Download videos and audio from various platforms</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="gaming">Gaming</h3>
<a class="heading-anchor" href="#gaming" aria-labelledby="gaming"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://3ds.hacks.guide/">3DS Hacks Guide</a></li>
<li><a href="https://github.com/p0358/Fuck_off_EA_App">Fuck off EA App</a></li>
</ul>
<div class="heading-wrapper h4">
<h4 id="video-game-mods">Video Game Mods</h4>
<a class="heading-anchor" href="#video-game-mods" aria-labelledby="video-game-mods"><span hidden="">#</span></a></div>
<p>These are lists of video game mods I use for my own playthroughs.</p>
<ul>
<li><a href="https://docs.google.com/document/d/1Hhh_31ZlplT06UaVVwf1so7PnIBRCbT60tCBNn7zHiQ/edit">Mass Effect Legendary Edition</a></li>
<li><a href="https://docs.google.com/document/d/1BTMJ1c-NOjU9q7qNftZac6jkOPluyucILglovcHtiaI/edit">Star Wars: Knights of the Old Republic</a></li>
<li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
<li><a href="https://docs.google.com/document/d/1LMMd3yRtLYb35A7oNEN1hRUsoe9-vo2MfMxcM2Wq0MI/edit">Stardew Valley</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="images">Images</h3>
<a class="heading-anchor" href="#images" aria-labelledby="images"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://squoosh.app/">Squoosh</a> — Privacy-friendly image compressor</li>
</ul>
<div class="heading-wrapper h3">
<h3 id="privacy">Privacy</h3>
<a class="heading-anchor" href="#privacy" aria-labelledby="privacy"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://www.privacyguides.org/">Privacy Guides</a></li>
</ul>
<div class="heading-wrapper h3">
<h3 id="software-and-website-alternatives">Software and Website Alternatives</h3>
<a class="heading-anchor" href="#software-and-website-alternatives" aria-labelledby="software-and-website-alternatives"><span hidden="">#</span></a></div>
<ul>
<li><a href="https://alternativeto.net/">AlternativeTo</a> — Crowdsourced software recommendations</li>
<li><a href="https://getindie.wiki/">Indie Wiki Buddy</a> — Browser extension to discover indie wiki alternatives to Fandom.com wikis, and redirect Fandom.com wikis to a Breezewiki front end</li>
</ul>
<p class="update-info">(This Resources list was last updated on <time datetime="2024-09-14T12:34:36+0800">14 September 2024</time>)</p>
<a href="#linktabs" class="tab__btn tab__back">Back to tabs</a>
</section>
</article>
</article>
</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:contact@leilukin.com">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>
<script src="/assets/js/tooltips.js"></script>
<script>
var selector = '[data-tooltip]';
var els = document.querySelectorAll(selector);
for ( var i = 0; i < els.length; i++ ) {
var dm = new ARIAtip( els[i] );
}
</script>
</body>
</html>