leilukin-site/_site/archive/index.html

863 lines
26 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="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Content Archive">
<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="description" content="All contents published on Leilukin's Hub.">
<meta name="generator" content="Eleventy v2.0.1">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.neocities.org/archive/">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:locale" content="en_MY">
<meta property="og:description" content="All contents published on Leilukin's Hub.">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://leilukin.neocities.org/archive/">
<meta name="twitter:description" content="All contents published on Leilukin's Hub.">
<link rel="canonical" href="https://leilukin.neocities.org/archive/">
<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/pridesymbols.css"><link rel="stylesheet" href="/assets/css/utility.css">
<link rel="stylesheet" href="/assets/fonts/lexend/lexend.css">
<link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
<link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<title>
Content Archive | Leilukin's Hub
</title>
</head>
<body>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
</div>
</header>
<style>
.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;
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
}
</style>
<script defer>
const hero = document.querySelector(".hero");
const heroTopBarEl = document.querySelector(".hero__top-bar");
const headerImgEl = document.querySelector(".hero__img");
const todayEvent = getTodayEvent();
if (todayEvent) {
heroTopBarEl.classList.remove('hidden');
heroTopBarEl.innerHTML = todayEvent.blurb;
if (todayEvent.class) {
headerImgEl.classList.add(todayEvent.class);
}
}
function getTodayEvent() {
const date = new Date();
const month = date.getMonth() + 1;
const day = date.getDate();
const year = date.getFullYear();
const weekOfMonth = Math.ceil(day / 7);
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
const siteAnniversary = year - leilukinsHubLaunchDate;
if (month === 3 && day === 1)
return {
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
class: "flag-progress-intersex",
};
else if (month === 3 && day === 8)
return {
blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day}</a>`,
class: "symbol-venus",
};
else if (month === 3 && day === 31)
return {
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
class: "flag-trans",
};
else if (month === 4 && day === 6)
return {
blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
class: "flag-ace",
};
else if (month === 4 && day === 26)
return {
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
class: "flag-lesbian",
};
else if (month === 4 && weekOfMonth === 4)
return {
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
class: "flag-lesbian",
};
else if (month === 5 && day === 17)
return {
blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
class: "flag-progress",
};
else if (month === 5 && day === 19)
return {
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
class: "flag-agender",
};
else if (month === 5 && day === 25)
return {
blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday">Pansexual and Panromantic Awareness and Visibility Day</a>`,
class: "flag-pan",
};
else if (month === 6)
return {
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
class: "flag-progress-intersex",
};
else if (month === 7 && day === 14)
return {
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
class: "flag-non-binary",
};
else if (month === 7 && day === 28)
return {
blurb: `Today is Leilukin's Birthday`
};
else if (month === 8 && day === 25)
return {
blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
class: "flag-aro",
};
else if (month === 9 && day === 11)
return {
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin&#39;s Hub`
};
else if (month === 9 && day === 23)
return {
blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
class: "flag-bi",
};
else if (month === 10 && day === 8)
return {
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
class: "flag-lesbian",
};
else if (month === 10 && day === 11)
return {
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
class: "flag-rainbow",
};
else if (month === 10 && day === 17)
return {
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
class: "flag-genderfluid",
};
else if (month === 10 && day === 24)
return {
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week">Ace Week</a>`,
class: "flag-ace",
};
else if (month === 10 && day === 26)
return {
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
class: "flag-intersex",
};
else if (month === 11 && day === 13)
return {
blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
class: "flag-trans",
};
else
return null;
}
</script>
<nav class="navbar">
<button class="navbar__toggle" aria-label="Navigation menu toggle">
<i class="fa-solid fa-bars"></i>
<h2 class="navbar__title">Navigation</h2>
</button>
<ul class="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="/links/">Links</a>
</li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
<style>
.navbar {
background: var(--clr-navbar-bg);
padding: 0.6em 1em;
width: 100%;
z-index: 999;
position: sticky;
top: 0;
}
.navbar__toggle,
.navbar__title {
color: var(--clr-navbar-link);
font-size: 1.3rem;
}
.navbar__toggle {
display: flex;
align-items: center;
gap: 0.5em;
border: none;
padding: 0;
margin: 0;
background-color: inherit;
}
.navbar__toggle:focus,
.navbar a:focus {
outline: 0.15em solid var(--clr-navbar-link);
}
.navbar a {
color: var(--clr-navbar-link);
text-decoration: none;
cursor: pointer;
}
.navbar a:hover {
color: var(--clr-link-hover);
}
.navbar a:focus {
outline-offset: 0.3em;
}
.navbar__links {
list-style: none;
display: none;
gap: 1em;
padding: 0.5em 1.8em;
overflow: auto;
}
.navbar__links--show {
display: grid;
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar {
padding: 0 0.6em;
}
.navbar__toggle {
display: none;
}
.navbar__links {
display: flex;
justify-content: space-evenly;
gap: 0.5em;
flex-wrap: wrap;
padding: 0;
overflow: unset;
}
}
</style>
<script defer>
const navbarToggle = document.querySelector('.navbar__toggle');
const navbarLinks = document.querySelector(".navbar__links");
navbarToggle.addEventListener('click', () => {
navbarLinks.classList.toggle("navbar__links--show");
});
</script>
<main>
<header class="main__header">
<h1>Content Archive</h1>
<p>All contents published on Leilukin&#39;s Hub.</p>
</header>
<div class="content__wrapper">
<div class="content ">
<ul class="item-list">
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/">
James Somerton Used My Video Game Footage Without Credit or Permission | Blog
</a>
</p>
<time>14 May 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/">
List of Star Wars: Knights of the Old Republic II Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources
</a>
</p>
<time>7 May 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/">
Happy Lesbian Visibility Day and 1-Year Anniversary of Cassette Beasts | Blog
</a>
</p>
<time>27 April 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/">
April 2024 Leilukin&#39;s Hub Overhaul with Eleventy | Blog
</a>
</p>
<time>21 April 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview | Resources
</a>
</p>
<time>20 April 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/">
List of Same-Gender Romance Mods for Star Wars: Knights of the Old Republic Series | Resources
</a>
</p>
<time>20 April 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/">
I Received a Lifetime Premium Membership on Nexus Mods for Free | Blog
</a>
</p>
<time>6 March 2024</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/">
Finally Beat A Bug&#39;s Life The Video Game — 24 Years Later | Blog
</a>
</p>
<time>20 November 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/">
I Can Finally Game on a Solid-State Drive | Blog
</a>
</p>
<time>19 November 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/">
Support for My Steam Review of A Summers End — Hong Kong 1986 | Blog
</a>
</p>
<time>30 October 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/">
My Cassette Beasts Pombomb Plushie Arrived! | Blog
</a>
</p>
<time>13 October 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/">
Happy 1st Anniversary to Leilukin&#39;s Hub | Blog
</a>
</p>
<time>11 September 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough/">
Should You Use The Sith Lords Restored Content Mod in Your First Star Wars: KotOR 2 Playthrough? | Articles
</a>
</p>
<time>30 August 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/">
How Cassette Beasts is Much More than a Pokémon Clone | Articles
</a>
</p>
<time>26 August 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/articles/designated-lesbian-syndrome-fandom/">
Designated Lesbian Syndrome in Fandom | Articles
</a>
</p>
<time>18 August 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/articles/my-dislike-of-shipping-culture/">
My Disinterest in Shipping and Dislike of Shipping Culture | Articles
</a>
</p>
<time>14 August 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/">
My First Birthday After the Launch of Leilukin&#39;s Hub | Blog
</a>
</p>
<time>28 July 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/partyswap-management-takeover/">
On Me Taking Over the Management and Development of DarthTyren&#39;s PartySwap Mod | Articles
</a>
</p>
<time>12 July 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/keep-juhani-a-lesbian/">
Keep Juhani a Lesbian and Keep Juhani&#39;s Romance Exclusive to Female Characters | Articles
</a>
</p>
<time>28 June 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/">
June 2023 Leilukin&#39;s Hub Layout Rewrite | Blog
</a>
</p>
<time>23 June 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/">
Onboard the Dracula Daily Hype Train | Blog
</a>
</p>
<time>9 May 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/articles/anti-harry-potter-jk-rowling-masterlist/">
Anti-Harry Potter and Anti-J. K. Rowling Masterlist | Articles
</a>
</p>
<time>19 March 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/">
Leilukin&#39;s Hub Now has a Blog! | Blog
</a>
</p>
<time>28 January 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/">
2023 New Year Redesign of Leilukin&#39;s Hub | Blog
</a>
</p>
<time>26 January 2023</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/juhani-hostility-towards-canderous/">
How to Access Juhani&#39;s Conversaion about Canderous without Restoration Mods | Articles
</a>
</p>
<time>11 October 2022</time>
</li>
<li>
<p class="item-list__title">
<a href="/articles/lgbtq-booklet-interview-misi-bawang/">
Floating in a Sky Full of Pride: LGBTQ+ Booklet Artist Interview from MISI:Bawang | Articles
</a>
</p>
<time>11 September 2022</time>
</li>
<li>
<p class="item-list__title">
<a href="/articles/kotor2-modder-interview-ars-technica/">
The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica | Articles
</a>
</p>
<time>11 September 2022</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/faq-same-gender-romance-mods/">
Frequently Asked Questions (FAQ) for My Star Wars: KotOR Same-Gender Romance Mods | Articles
</a>
</p>
<time>25 September 2021</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/arren-kae-kreia-theory/">
Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory | Articles
</a>
</p>
<time>27 January 2021</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/handmaiden-sisters-mother/">
Where is the Mother of the Handmaiden&#39;s Sisters? | Articles
</a>
</p>
<time>19 February 2020</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide/">
Sandral-Matale Feud Ending Guide | Guides
</a>
</p>
<time>22 September 2018</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide/">
Redeeming Bastila Guide | Guides
</a>
</p>
<time>16 September 2018</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/articles/juhani-lesbian-evidence/">
Evidence of Juhani being a Lesbian from Star Wars: Knights of the Old Republic&#39;s Game Files | Articles
</a>
</p>
<time>15 July 2017</time>
</li>
<li>
<p class="item-list__title">
<a href="/shrines/starwarskotor/guides/kotor-juhani-romance-guide/">
Juhani Romance Guide | Guides
</a>
</p>
<time>5 March 2016</time>
</li>
</ul>
<style>
.item-list {
display: grid;
gap: 1em;
padding-left: 1em;
}
.item-list__title {
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
line-height: 1.3;
margin-bottom: 0.2em;
}
</style>
</div>
</div>
<style>
.breadcrumbs {
list-style: none;
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;
}
</style>
</main>
<footer class="footer">
<p>Made with ♥ by Leilukin since <time>11 September 2022</time></p>
<ul class="footer__links">
<li><a
href="/sitemap/
">Site Map</a></li>
<li><a
href="/changelogs/"
>Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li>
</ul>
</footer>
<style>
.footer {
margin-top: auto;
width: 100%;
background: var(--clr-main-footer-bg);
padding: 1rem 1rem 3rem 1rem;
text-align: center;
display: grid;
}
.footer p {
padding: 0;
}
.footer__links {
justify-self: center;
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 0.7em;
}
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
/* Screen sizes larger than mobile */
@media only screen and (min-width: 30rem) {
.footer {
padding: 1rem 1rem 2rem 1rem;
}
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.footer {
padding: 1rem;
}
}
</style>
<button class="top-btn hidden" aria-label="Scroll to top">
<i class="fa-solid fa-chevron-up"></i>
</button>
<style>
.top-btn {
position: fixed;
margin: 0;
padding: 0;
bottom: 0.5rem;
right: 0.5rem;
z-index: 999;
border: none;
background-color: var(--clr-top-btn-bg);
color: var(--clr-top-btn-txt);
border-radius: 50em;
width: 2rem;
aspect-ratio: 1 / 1;
}
.top-btn:focus {
outline: 0.25em solid var(--clr-top-btn-bg);
outline-offset: 0.15em;
}
</style>
<script defer>
const topButton = document.querySelector(".top-btn");
window.onscroll = () => {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
topButton.classList.remove("hidden");
} else {
topButton.classList.add("hidden");
}
}
topButton.addEventListener('click', () => {
window.scrollTo({
top: 0,
left: 0,
behavior: "smooth",
});
});
</script>
</body>
</html>