1201 lines
56 KiB
HTML
1201 lines
56 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr" id="top">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
||
|
||
|
||
<meta property="og:title" content="Links">
|
||
|
||
<link rel="canonical" href="https://leilukin.com/links/">
|
||
<meta name="generator" content="Eleventy v3.0.0">
|
||
<meta name="author" content="Leilukin">
|
||
<meta name="description" content="A curated collection of links.">
|
||
<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="A curated collection of links.">
|
||
<meta property="og:url" content="https://leilukin.com/links/">
|
||
<meta property="og:locale" content="en_MY">
|
||
<meta property="og:image" content="https://leilukin.com/assets/leilukin/leilukins-hub-meta-img.png">
|
||
<meta name="theme-color" content="#3d2163">
|
||
|
||
|
||
<link rel="alternate" type="application/rss+xml" title="Leilukin's Hub" href="/feed.xml">
|
||
|
||
|
||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-regular.woff2" as="font" type="font/woff2" crossorigin="">
|
||
<link rel="preload" href="/assets/fonts/lexend/lexend-v19-latin-700.woff2" as="font" type="font/woff2" crossorigin="">
|
||
<style>
|
||
@font-face {
|
||
font-display: swap;
|
||
font-family: 'Lexend';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
src: url('/assets/fonts/lexend/lexend-v19-latin-regular.woff2') format('woff2');
|
||
}
|
||
@font-face {
|
||
font-display: swap;
|
||
font-family: 'Lexend';
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
src: url('/assets/fonts/lexend/lexend-v19-latin-700.woff2') format('woff2');
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="/assets/fonts/fonts.css">
|
||
|
||
|
||
<link rel="stylesheet" href="/assets/css/global.css"><link rel="stylesheet" href="/assets/css/general.css"><link rel="stylesheet" href="/assets/css/content.css"><link rel="stylesheet" href="/assets/css/plugins.css"><link rel="stylesheet" href="/assets/css/components.css"><link rel="stylesheet" href="/assets/css/a11y-syntax-highlighting-dark.css"><link rel="stylesheet" href="/assets/css/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
|
||
|
||
<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;
|
||
}
|
||
|
||
.blog__post--pagination {
|
||
padding-top: 1em;
|
||
margin-block-start: 2.5em;
|
||
border-top: 0.1em solid var(--clr-title-border);
|
||
}
|
||
|
||
.blog__post--nextprev {
|
||
list-style-type: "";
|
||
padding: 0;
|
||
margin: 0;
|
||
display: grid;
|
||
gap: 0.7em;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
grid-template-areas: 'prev next';
|
||
}
|
||
|
||
.blog__post--prev { grid-area: prev; }
|
||
.blog__post--next { grid-area: next; }
|
||
.hero img { filter:
|
||
drop-shadow(0.1rem 0.1rem 0.2rem black)
|
||
drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
|
||
; }
|
||
.hero {
|
||
width: 100%;
|
||
background-color: var(--clr-hero-bg);
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
text-align: center;
|
||
}
|
||
|
||
.hero__top-bar {
|
||
background: var(--clr-navbar-bg);
|
||
width: 100%;
|
||
padding: 0.5em 0.7em;
|
||
}
|
||
|
||
.hero__img {
|
||
display: grid;
|
||
place-content: center;
|
||
}
|
||
|
||
.hero img {
|
||
object-fit: contain;
|
||
overflow: hidden;
|
||
max-height: 16rem;
|
||
}
|
||
.navbar {
|
||
background: var(--clr-navbar-bg);
|
||
width: 100%;
|
||
z-index: 998;
|
||
position: sticky;
|
||
top: 0;
|
||
padding: 0.6em;
|
||
}
|
||
|
||
.navbar__menu {
|
||
list-style-type: "";
|
||
margin: 0;
|
||
padding: 0;
|
||
display: flex;
|
||
gap: 1em;
|
||
flex-wrap: wrap;
|
||
text-align: center;
|
||
}
|
||
|
||
.navbar__menu a {
|
||
color: var(--clr-navbar-link);
|
||
text-decoration: none;
|
||
font-weight: 700;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
}
|
||
|
||
.navbar__menu a:hover { color: var(--clr-link-hover); }
|
||
.navbar__menu a:focus { outline-offset: 0.2em; }
|
||
|
||
.navbar__links {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-evenly;
|
||
gap: 0.5em;
|
||
}
|
||
|
||
.navbar__toggle {
|
||
background-color: inherit;
|
||
color: var(--clr-navbar-link);
|
||
border: none;
|
||
padding: 0;
|
||
font-size: 1.25rem;
|
||
font-weight: 700;
|
||
display: none;
|
||
align-items: center;
|
||
gap: 0.3em;
|
||
}
|
||
|
||
.navbar__toggle svg { fill: currentColor; }
|
||
|
||
.navbar__toggle:focus,
|
||
.navbar__menu a:focus { outline-offset: 0.1em; }
|
||
.navbar__toggle:focus,
|
||
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
|
||
|
||
.navbar__popover {
|
||
background: var(--clr-navbar-bg);
|
||
border: 0.15em solid var(--clr-navbar-link);
|
||
padding: 1.5em;
|
||
max-width: 85%;
|
||
}
|
||
|
||
.navbar__popover::backdrop {
|
||
background-color: black;
|
||
opacity: 0.5;
|
||
}
|
||
|
||
@supports selector([popover]) {
|
||
.navbar__toggle { display: flex; }
|
||
.navbar__links { display: none; }
|
||
}
|
||
|
||
/* Tablet screen size */
|
||
@media only screen and (min-width: 43.75rem) {
|
||
.navbar { padding: 1em 0.6em; }
|
||
.navbar__toggle, .navbar__popover { display: none; }
|
||
.navbar__links { display: flex; }
|
||
}
|
||
.top-btn,
|
||
.top-btn:hover {
|
||
color: var(--clr-top-btn-txt);
|
||
text-decoration: none;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.top-btn {
|
||
position: fixed;
|
||
bottom: 0.5rem;
|
||
right: 0.5rem;
|
||
z-index: 999;
|
||
|
||
background-color: var(--clr-top-btn-bg);
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 50em;
|
||
padding: 0.3em 0.5em;
|
||
gap: 0.2em;
|
||
}
|
||
|
||
.top-btn:focus {
|
||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||
outline-offset: 0.15em;
|
||
}
|
||
|
||
.top-btn__arrow {
|
||
display: inline-block;
|
||
width: 1em;
|
||
aspect-ratio: 1 / 1;
|
||
stroke-width: 0;
|
||
stroke: currentColor;
|
||
fill: currentColor;
|
||
}
|
||
:root { --footer-gap: 0.5em; }
|
||
|
||
.footer {
|
||
margin-top: auto;
|
||
width: 100%;
|
||
background: var(--clr-main-footer-bg);
|
||
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
|
||
text-align: center;
|
||
display: grid;
|
||
gap: var(--footer-gap);
|
||
}
|
||
|
||
.footer__links,
|
||
.footer__shrines {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
column-gap: var(--footer-gap);
|
||
}
|
||
|
||
.footer__links { justify-self: center; }
|
||
.footer__shrines { align-self: center; }</style>
|
||
|
||
|
||
<link rel="icon" sizes="32x32" href="/favicon.ico">
|
||
<link rel="icon" type="image/svg+xml" href="/assets/favicon/leilukin-bee-favicon.svg">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||
|
||
|
||
<link rel="me" href="mailto:contact@leilukin.com">
|
||
<link rel="me" href="https://dragonscave.space/@Leilukin">
|
||
<link rel="me" href="https://github.com/Leilukin">
|
||
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
|
||
|
||
|
||
<script src="/assets/js/D968lGk6J8.js" defer=""></script>
|
||
|
||
|
||
<script src="/assets/js/tooltips.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="tabwrap__toc">
|
||
<h3>Table of Contents</h3>
|
||
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#Personal-Sites-I-Enjoy">Personal Sites I Enjoy</a></li>
|
||
<li><a href="#Web-Directories">Web Directories</a></li>
|
||
<li><a href="#Communities">Communities</a></li></ol></nav>
|
||
</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's birzeblog">
|
||
<img src="/assets/buttons/sites/alyaza.gif" alt="alyaza'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://your-local-grubdog.neocities.org/" data-tooltip-trigger="" title="Grubdog">
|
||
<img src="/assets/buttons/sites/grubdog.png" alt="Grubdog" 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's journal">
|
||
<img src="/assets/buttons/sites/jasminesjournal.png" alt="jasmine'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's home">
|
||
<img src="/assets/buttons/sites/lina.gif" alt="lina'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's Space">
|
||
<img src="/assets/buttons/sites/mycorrhiza.png" alt="Mycorrhiza'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's Webspace">
|
||
<img src="/assets/buttons/sites/solaria.png" alt="Solaria'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's living room 🍨">
|
||
<img src="/assets/buttons/sites/symliadoo.png" alt="sym'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://emmas.place/">emma's place</a></li>
|
||
<li><a href="https://home.hedy.dev/">~hedy's home</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/">Stitch’s Media Mix</a></li>
|
||
<li><a href="https://blog.hypertext.city/">Walk with me for a moment</a></li>
|
||
<li><a href="https://yequari.com/">yequari.com</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="tabwrap__toc">
|
||
<h3>Table of Contents</h3>
|
||
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#Web-Cliques">Web Cliques</a></li>
|
||
<li><a href="#Fanlistings">Fanlistings</a></li>
|
||
<li><a href="#Webrings">Webrings</a></li></ol></nav>
|
||
</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> 🌈 <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> ☕︎ 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 Summer’s 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>
|
||
<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>
|
||
<p style="text-align: center;">
|
||
This site is part of the <a href="https://meta-ring.hedy.dev/">Meta Ring</a>:<br>
|
||
[<a href="https://meta-ring.hedy.dev/previous">← Previous</a>]
|
||
[<a href="https://meta-ring.hedy.dev/random">Random</a>]
|
||
[<a href="https://meta-ring.hedy.dev/next">Next →</a>]
|
||
</p>
|
||
</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>
|
||
<a href="https://isaacfish.neocities.org/webring/">
|
||
<img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring" loading="lazy">
|
||
</a>
|
||
<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>
|
||
<div id="verbosity">
|
||
<script type="text/javascript" src="https://fabled.day/verbosity/onionring-variables.js"></script>
|
||
<script type="text/javascript" src="https://fabled.day/verbosity/onionring-widget.js"></script><link rel="stylesheet" href="https://fabled.day/verbosity/onionring.css">
|
||
</div>
|
||
</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="tabwrap__toc">
|
||
<h3>Table of Contents</h3>
|
||
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#webmastery-tutorials">Webmastery Tutorials</a></li>
|
||
<li><a href="#webmastery-guides">Webmastery Guides</a></li>
|
||
<li><a href="#webmastery-resources">Webmastery Resources</a></li>
|
||
<li><a href="#ideas-for-your-website">Ideas for Your Website</a></li>
|
||
<li><a href="#web-accessibility">Web Accessibility</a></li>
|
||
<li><a href="#eleventy">Eleventy</a></li></ol></nav>
|
||
</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://hamatti.org/posts/how-i-teach-eleventy-from-scratch/">How I teach Eleventy from scratch</a> by Juha-Matti Santala</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-11-28T00:01:25+0800">28 November 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="tabwrap__toc">
|
||
<h3>Table of Contents</h3>
|
||
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#culture">Culture</a></li>
|
||
<li><a href="#lgbtq">LGBTQ+</a></li>
|
||
<li><a href="#media-criticism">Media Criticism</a></li>
|
||
<li><a href="#mental-health">Mental Health</a></li>
|
||
<li><a href="#race">Race</a></li>
|
||
<li><a href="#relationships">Relationships</a></li>
|
||
<li><a href="#web">Web</a></li></ol></nav>
|
||
</div>
|
||
|
||
|
||
<div class="heading-wrapper h3">
|
||
<h3 id="culture">Culture</h3>
|
||
<a class="heading-anchor" href="#culture" aria-labelledby="culture"><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 (<a href="https://archive.is/20241203051434/https://humanparts.medium.com/laziness-does-not-exist-3af27e312d01">archive.today link</a>)</li>
|
||
<li><a href="https://ismatu.substack.com/p/youve-been-traumatized-into-hating">you’ve 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>
|
||
<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 (<a href="https://archive.is/20230930141839/https://medium.com/@jencoates/i-am-a-transwoman-i-am-in-the-closet-i-am-not-coming-out-4c2dd1907e42">archive.today link</a>)</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="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 (<a href="https://archive.is/20230617085510/https://medium.com/@EstherRosenfield/let-people-enjoy-things-12021d00285a">archive.today link</a>)</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="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="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="relationships">Relationships</h3>
|
||
<a class="heading-anchor" href="#relationships" aria-labelledby="relationships"><span hidden="">#</span></a></div>
|
||
<ul>
|
||
<li><a href="https://www.springhole.net/other/how-to-recognize-a-moral-abuser.htm">How To Recognize A Moral Abuser</a> by springhole.net</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>
|
||
<p><a href="https://www.cjthex.com/what-is-to-be-done/">What Is To Be Done?</a> by CJ The X</p>
|
||
<p class="item-list__indent">Out of all the web manifestos I have read on the indie web, this might be the one that resonates with me the most.</p>
|
||
</li>
|
||
<li>
|
||
<p><a href="https://nora.zone/manifesto.html">You should have a website</a> by Nora Reed</p>
|
||
<p class="item-list__indent">Nora Reed's website manifesto has been my go-to recommendated reading for why you should make your own website rather than relying on social media for your web presence.</p>
|
||
</li>
|
||
<li>
|
||
<p><a href="https://journal.jatan.space/why-use-rss/">The one app to read them all already exists, and it’s called RSS</a> by Jatan Mehta</p>
|
||
<p>I have been subscribing to RSS feeds since the 2000s to follow website and blog updates, and I encourage more internet users to do the same.</p>
|
||
</li>
|
||
<li>
|
||
<p><a href="https://wings.nu/nostalgia/">Nostalgia is Bullshit</a> by Rin</p>
|
||
<p class="item-list__indent">I do not align with communities and movements that revolve around nostalgia, because I do not believe the past is inherently better, and Web 1.0 design nostalgia is no exception.</p>
|
||
</li>
|
||
<li>
|
||
<p><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</p>
|
||
<p class="item-list__indent">I have never had a Cohost account, but as an internet user who have witnessed and experienced racism, including microaggressions, on various online spaces. Alyaza's article is a good breakdown and study on how online platforms run by white people, even progressive ones, can still fail to address racial issues on their platform.</p>
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
|
||
<p class="update-info">(This Articles list was last updated on <time datetime="2024-12-13T22:10:06+0800">13 December 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="tabwrap__toc">
|
||
<h3>Table of Contents</h3>
|
||
<nav class="toc" aria-labelledby="toc-heading"><ol><li><a href="#archives">Archives</a></li>
|
||
<li><a href="#bypass-paywalls">Bypass Paywalls</a></li>
|
||
<li><a href="#download-tools">Download Tools</a></li>
|
||
<li><a href="#gaming">Gaming</a><ol><li><a href="#video-game-mods">Video Game Mods</a></li></ol></li>
|
||
<li><a href="#images">Images</a></li>
|
||
<li><a href="#privacy">Privacy</a></li>
|
||
<li><a href="#software-and-website-alternatives">Software and Website Alternatives</a></li></ol></nav>
|
||
</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 rel="nofollow, noindex" href="emailme/">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
|
||
</p>
|
||
<h2 class="visually-hidden">Footer Navigation:</h2>
|
||
|
||
<ul class="inline-nav footer__links">
|
||
<li>
|
||
<a href="/feed.xml"><svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>RSS Feed</a>
|
||
</li>
|
||
<li><a href="/sitemap/
|
||
">Site Map</a></li><li><a href="/changelogs/">Changelogs</a></li><li><a href="/accessibility/">Accessibility</a></li><li><a href="/colophon/">Colophon</a></li></ul>
|
||
<p>Made with ♥ by Leilukin since 11 September 2022</p>
|
||
<p>
|
||
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg>
|
||
<a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
|
||
</p><div class="h-card hidden">
|
||
<span class="p-name p-nickname">Leilukin</span>
|
||
<a href="/" class="u-url">Home page</a>
|
||
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo" loading="lazy">
|
||
<span class="p-country-name">Malaysia</span>
|
||
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
|
||
</div><a href="#top" class="top-btn">
|
||
<svg class="top-btn__arrow" focusable="false" aria-hidden="true" viewBox="0 0 26 28">
|
||
<path d="M25.172 15.172c0 0.531-0.219 1.031-0.578 1.406l-1.172 1.172c-0.375 0.375-0.891 0.594-1.422 0.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0 1.125-0.938 1.828-2 1.828h-2c-1.062 0-2-0.703-2-1.828v-11l-4.594 4.578c-0.359 0.375-0.875 0.594-1.406 0.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047 0.594-1.422l10.172-10.172c0.359-0.375 0.875-0.578 1.406-0.578s1.047 0.203 1.422 0.578l10.172 10.172c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
|
||
</svg>
|
||
Back to Top
|
||
</a>
|
||
</footer>
|
||
</body>
|
||
</html> |