Remove site output folder
|
@ -1,162 +0,0 @@
|
||||||
<!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:url" content="https://leilukin.neocities.org/about">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:site_name" content="Leilukin's Hub">
|
|
||||||
<meta property="og:title" content="About | Leilukin's Hub">
|
|
||||||
<meta property="og:description" content="About this website and its owner.">
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/main.css">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" 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">
|
|
||||||
|
|
||||||
|
|
||||||
<script src="/assets/js/navbar.js" defer></script>
|
|
||||||
<script src="/assets/js/events.js" defer></script>
|
|
||||||
<script src="/assets/js/scroll.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
<title>About | Leilukin's Hub</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
|
||||||
<img src="/assets/images/elements/top.svg" alt="">
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<header class="main-header">
|
|
||||||
<noscript>
|
|
||||||
JavaScript is disabled in your browser. To get the best user experience on
|
|
||||||
this website, it is recommended that you enable it.
|
|
||||||
</noscript>
|
|
||||||
<div class="main-header__top-bar"></div>
|
|
||||||
<div class="main-header__img">
|
|
||||||
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="">
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<nav class="navbar">
|
|
||||||
<ul class="nav__menu">
|
|
||||||
<li><a href="/home">Home</a></li>
|
|
||||||
<li><a href="/about/">About</a></li>
|
|
||||||
<li><a href="/blog/">Blog</a></li>
|
|
||||||
<li><a href="/articles/">Articles</a></li>
|
|
||||||
<li><a href="/mycreations/">My Creations</a></li>
|
|
||||||
<li><a href="/featured/">Featured</a></li>
|
|
||||||
<li><a href="/resources/">Resources</a></li>
|
|
||||||
<li><a href="/shrines/">Shrines</a></li>
|
|
||||||
<li><a href="/links/">Links</a></li>
|
|
||||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<main>
|
|
||||||
<!-- <aside class="left-sidebar">
|
|
||||||
Left sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
|
|
||||||
|
|
||||||
<article class="divided-article">
|
|
||||||
<section class="content-section">
|
|
||||||
<h1>About</h1>
|
|
||||||
<p>Learn more about this website and its owner.</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>The Site</h2>
|
|
||||||
|
|
||||||
<p>This website serves as a personal hub for my interests and self-expression, as well as my own corner on the internet outside social media platforms.</p>
|
|
||||||
|
|
||||||
<p>On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.</p>
|
|
||||||
|
|
||||||
<p>While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience with my site.</p>
|
|
||||||
|
|
||||||
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>!</p>
|
|
||||||
|
|
||||||
<p>You can link to my website with this button:</p>
|
|
||||||
|
|
||||||
<div class="site-btn__container">
|
|
||||||
<div>
|
|
||||||
<a href="https://leilukin.neocities.org/" target="_blank"><img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
|
|
||||||
</div>
|
|
||||||
<textarea class="site-btn__textarea textarea-for-copy"><a href="https://leilukin.neocities.org/" target="_blank"><img src="https://leilukin.neocities.org/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
|
|
||||||
<button class="copy-txt-btn">Copy HTML</button>
|
|
||||||
<script>
|
|
||||||
document.querySelector(".copy-txt-btn").onclick = () => {
|
|
||||||
document.querySelector(".textarea-for-copy").select();
|
|
||||||
document.execCommand('copy');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>If you also have a Neocities account, you can follow this site through its <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</p>
|
|
||||||
<a href="https://neocities.org/site/leilukin" target="_blank"><img src="/assets/hosted-by-neocities.png" alt="a website button with Penelope the cat, the mascot of Neocities, and the text "hosted by neocities"" title="Hosted by Neocities"></a>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<sectioin class="content-section">
|
|
||||||
<h2>The Site Owner</h2>
|
|
||||||
|
|
||||||
<img src="/assets/leilukin/leilukin-bee.png" style="border-radius: 50%; width: 15rem; display: flex; margin: 0.5em auto;">
|
|
||||||
|
|
||||||
<p>You can call me Leilukin. I am a Malaysian Chinese non-binary lesbian born in the early 90s. My pronouns are they/she/他/她.</p>
|
|
||||||
|
|
||||||
<p>I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.</p>
|
|
||||||
|
|
||||||
<p>I am also autistic, so this website serves as a platform for my special interests.</p>
|
|
||||||
|
|
||||||
<p>Social media platforms you can find me on:<br>
|
|
||||||
<a href="https://lesbiannova.tumblr.com/" target="_blank">Tumblr</a> |
|
|
||||||
<a href="https://www.youtube.com/Leilukin" target="_blank">YouTube</a> |
|
|
||||||
<a href="https://twitter.com/Leilukin" target="_blank">Twitter</a> |
|
|
||||||
<a href="https://mstdn.social/@leilukin" target="_blank">Mastodon</a> |
|
|
||||||
<a href="https://elekk.xyz/@leilukin" target="_blank">Mastodon (for gaming)</a> |
|
|
||||||
<a href="https://bsky.app/profile/leilukin.bsky.social" target="_blank">Blusky</a> |
|
|
||||||
<a href="https://www.instagram.com/leilukin" target="_blank">Instagram</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option.</p>
|
|
||||||
|
|
||||||
<p>I also have media catalogues online on the following platforms:<br>
|
|
||||||
<a href="https://steamcommunity.com/id/leilukin/" target="_blank">Steam</a> |
|
|
||||||
<a href="https://app.thestorygraph.com/profile/leilukin" target="_blank">The StoryGraph</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>You can contact me via email: <a href="mailto:leilukin@outlook.com">leilukin@outlook.com</a>.</p>
|
|
||||||
|
|
||||||
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
|
||||||
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
|
||||||
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
|
||||||
</p>
|
|
||||||
</sectioin>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<!-- <aside class="right-sidebar">
|
|
||||||
Right sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
</main>
|
|
||||||
<footer class="main-footer">
|
|
||||||
<p>Made with ♥ by Leilukin | <a href="/sitemap">Site Map</a></p>
|
|
||||||
<p>Site Launched: 11 September 2022 | <a href="/changelog">Website Changelog</a></p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
Before Width: | Height: | Size: 131 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 684 B |
Before Width: | Height: | Size: 243 B |
Before Width: | Height: | Size: 649 B |
Before Width: | Height: | Size: 260 B |
Before Width: | Height: | Size: 258 B |
Before Width: | Height: | Size: 247 B |
Before Width: | Height: | Size: 438 B |
Before Width: | Height: | Size: 567 B |
|
@ -1,173 +0,0 @@
|
||||||
/* ------------------- */
|
|
||||||
/* Custom Properties */
|
|
||||||
/* ------------------- */
|
|
||||||
:root {
|
|
||||||
--clr-body-bg: #000000;
|
|
||||||
--clr-body-txt: #ffffff;
|
|
||||||
--clr-h1: #BA6FE8;
|
|
||||||
--clr-link-btn-bg: #7A37A3;
|
|
||||||
--clr-link-btn-hover: #BA6FE8;
|
|
||||||
|
|
||||||
--fs-h1: 3.1rem;
|
|
||||||
--fs-body: 1rem;
|
|
||||||
--fs-link-btn: 2rem;
|
|
||||||
|
|
||||||
--fw-reg: 400;
|
|
||||||
--fw-link-btn: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tablet screen size */
|
|
||||||
@media only screen and (min-width: 43.75rem) {
|
|
||||||
:root {
|
|
||||||
--fs-h1: 4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* CSS Reset */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
/* Box sizing rules */
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Prevent font size inflation */
|
|
||||||
html {
|
|
||||||
-moz-text-size-adjust: none;
|
|
||||||
-webkit-text-size-adjust: none;
|
|
||||||
text-size-adjust: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove default margin in favour of better control in authored CSS */
|
|
||||||
body, h1, h2, h3, h4, p,
|
|
||||||
figure, blockquote, dl, dd {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
|
|
||||||
ul[role='list'],
|
|
||||||
ol[role='list'] {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core body defaults */
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set shorter line heights on headings and interactive elements */
|
|
||||||
h1, h2, h3, h4,
|
|
||||||
button, input, label {
|
|
||||||
line-height: 1.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Balance text wrapping on headings */
|
|
||||||
h1, h2,
|
|
||||||
h3, h4 {
|
|
||||||
text-wrap: balance;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* A elements that don't have a class get default styles */
|
|
||||||
a:not([class]) {
|
|
||||||
text-decoration-skip-ink: auto;
|
|
||||||
color: currentColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make images easier to work with */
|
|
||||||
img,
|
|
||||||
picture {
|
|
||||||
max-width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inherit fonts for inputs and buttons */
|
|
||||||
input, button,
|
|
||||||
textarea, select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make sure textareas without a rows attribute are not tiny */
|
|
||||||
textarea:not([rows]) {
|
|
||||||
min-height: 10em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Anything that has been anchored to should have extra scroll margin */
|
|
||||||
:target {
|
|
||||||
scroll-margin-block: 5ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* STYLING BEGINS */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: var(--clr-body-bg);
|
|
||||||
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
|
|
||||||
color: #FFFFFF;
|
|
||||||
background: var(--clr-body-bg);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
body,
|
|
||||||
main {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
max-width: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: var(--fs-h1);
|
|
||||||
color: var(--clr-h1);
|
|
||||||
font-weight: var(--fw-reg);
|
|
||||||
letter-spacing: 0.08em;
|
|
||||||
margin: 2rem 0;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.index__btn-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
margin: 1.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.index__link {
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: var(--fs-link-btn);
|
|
||||||
font-weight: var(--fw-link-btn);
|
|
||||||
border: none;
|
|
||||||
border-radius: 0.6rem;
|
|
||||||
padding: 1rem 1.25rem;
|
|
||||||
margin: 0.5rem;
|
|
||||||
background: var(--clr-link-btn-bg);
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.index__link:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
background: var(--clr-link-btn-hover);
|
|
||||||
transition: 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.index__link:focus {
|
|
||||||
outline-offset: 0.15em;
|
|
||||||
outline: 0.1em solid var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus img {
|
|
||||||
outline: 0.2em solid var(--clr-body-txt);
|
|
||||||
}
|
|
|
@ -1,771 +0,0 @@
|
||||||
/* ------------------- */
|
|
||||||
/* Custom Properties */
|
|
||||||
/* ------------------- */
|
|
||||||
:root {
|
|
||||||
--clr-body-bg: #08031A;
|
|
||||||
--img-body-bg: url('/assets/images/bg/starsforever.png');
|
|
||||||
--clr-body-txt: #fceaff;
|
|
||||||
--clr-content-bg: #3d2163;
|
|
||||||
|
|
||||||
--clr-top-btn: #FFD05A;
|
|
||||||
|
|
||||||
--clr-main-heading: #ED64F5;
|
|
||||||
--clr-sub-heading: #e8b86f;
|
|
||||||
--clr-title-border: #d3aad5;
|
|
||||||
--clr-bold-txt: #ff9933;
|
|
||||||
--clr-link: #ED64F5;
|
|
||||||
--clr-link-hover: #c355c9;
|
|
||||||
--clr-quote-bg: #13092D;
|
|
||||||
--clr-quote-border: #999999;
|
|
||||||
|
|
||||||
--clr-code-bg: #241445;
|
|
||||||
--clr-code-border: #82668f;
|
|
||||||
--clr-dates: rgb(158, 203, 255);
|
|
||||||
|
|
||||||
--clr-link-btn-bg: #873eb5;
|
|
||||||
--clr-link-btn-txt: white;
|
|
||||||
--clr-link-btn-hover: #241445;
|
|
||||||
|
|
||||||
--clr-main-header-bg: black;
|
|
||||||
--clr-navbar-bg: #222;
|
|
||||||
--clr-navbar-link: white;
|
|
||||||
|
|
||||||
--clr-main-footer-bg: #13092D;
|
|
||||||
|
|
||||||
--ff-primary: 'Noto Sans';
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* CSS Reset */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
/* Box sizing rules */
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove default margin */
|
|
||||||
body,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
p,
|
|
||||||
figure,
|
|
||||||
blockquote,
|
|
||||||
dl,
|
|
||||||
dd {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
|
|
||||||
ul[role='list'],
|
|
||||||
ol[role='list'] {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core root defaults */
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core body defaults */
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
text-rendering: optimizeSpeed;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* A elements that don't have a class get default styles */
|
|
||||||
a:not([class]) {
|
|
||||||
text-decoration-skip-ink: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make images easier to work with */
|
|
||||||
img,
|
|
||||||
picture {
|
|
||||||
max-width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inherit fonts for inputs and buttons */
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
animation-duration: 0.01ms !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
transition-duration: 0.01ms !important;
|
|
||||||
scroll-behavior: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* STYLING BEGINS */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
/* General Styles */
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
font-family: var(--ff-primary), Arial, Helvetica, sans-serif;
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
background-color: var(--clr-body-bg);
|
|
||||||
background-image: var(--img-body-bg);
|
|
||||||
background-attachment: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: var(--clr-main-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-bottom: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2, h3 {
|
|
||||||
color: var(--clr-sub-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2rem;
|
|
||||||
border-bottom: 0.18rem solid var(--clr-title-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article:not(.divided-article) h2,
|
|
||||||
article h3,
|
|
||||||
.content-section h3 {
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0.05rem solid var(--clr-title-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
color: var(--clr-bold-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
:focus {
|
|
||||||
outline: 0.15em solid var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: var(--clr-link-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([class]):focus {
|
|
||||||
outline: 0.15rem solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus img {
|
|
||||||
outline: 0.2em solid var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 1.5rem 0;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-inline-start: 0.1rem solid var(--clr-main-heading);
|
|
||||||
background-color: var(--clr-quote-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus,
|
|
||||||
detail:focus {
|
|
||||||
outline-offset: 0.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
dl {
|
|
||||||
display: grid;
|
|
||||||
grid-gap: 0.5rem 1rem;
|
|
||||||
grid-template-columns: max-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
dd {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrool to Top Button */
|
|
||||||
.top-btn {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 20px;
|
|
||||||
right: 30px;
|
|
||||||
z-index: 999;
|
|
||||||
border: none;
|
|
||||||
background-color: var(--clr-top-btn);
|
|
||||||
border-radius: 0.2em;
|
|
||||||
padding: 0.4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-btn img {
|
|
||||||
width: 1.6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* HEADER COMPONENT */
|
|
||||||
.main-header {
|
|
||||||
width: 100%;
|
|
||||||
background-color: var(--clr-main-header-bg);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header__top-bar {
|
|
||||||
background-color: var(--clr-navbar-bg);
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header__img {
|
|
||||||
display: grid;
|
|
||||||
place-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header img {
|
|
||||||
object-fit: scale-down;
|
|
||||||
overflow: hidden;
|
|
||||||
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* NAVIGATION BAR COMPONENT */
|
|
||||||
.navbar {
|
|
||||||
background: var(--clr-navbar-bg);
|
|
||||||
padding: 0 0.6rem;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
outline: 0.15em solid var(--clr-navbar-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav__menu {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Added to the navbar with JS when it reaches its scroll position */
|
|
||||||
.sticky-nav {
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add some top padding to the page content to prevent sudden quick movement
|
|
||||||
as the navigation bar gets a new position at the top of the page
|
|
||||||
(position:fixed and top:0) */
|
|
||||||
.sticky-nav + main {
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MAIN CONTENT */
|
|
||||||
main,
|
|
||||||
.content-container,
|
|
||||||
.divided-article {
|
|
||||||
gap: 0.8rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article:not(.divided-article),
|
|
||||||
.content-section,
|
|
||||||
.qna-section {
|
|
||||||
background-color: var(--clr-content-bg);
|
|
||||||
padding: 1.35rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-section {
|
|
||||||
padding: 1.25rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, .content-container {
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar--sticky {
|
|
||||||
position: sticky;
|
|
||||||
top: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar,
|
|
||||||
.right-sidebar {
|
|
||||||
padding: 1rem;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
background-color: var(--clr-content-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar {
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-sidebar {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar:empty,
|
|
||||||
.right-sidebar:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tablet main content layout */
|
|
||||||
@media only screen and (min-width: 43.75rem) {
|
|
||||||
main {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
width: 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, .content-container {
|
|
||||||
flex: 1;
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar {
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-sidebar {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Desktop main content layout */
|
|
||||||
@media only screen and (min-width: 60rem) {
|
|
||||||
main {
|
|
||||||
width: 60rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
width: 12rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 65rem) {
|
|
||||||
main {
|
|
||||||
width: 65rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CUSTOM CLASSES FOR SPECIAL ELEMENTS */
|
|
||||||
.inline-code {
|
|
||||||
font-family: monospace;
|
|
||||||
border: 0.07rem solid var(--clr-code-border);
|
|
||||||
padding: 0.125rem 0.3rem;
|
|
||||||
margin: 0 0.125rem;
|
|
||||||
background: var(--clr-code-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.code-snippet {
|
|
||||||
background: var(--clr-code-bg);
|
|
||||||
border: 0.08rem solid var(--clr-code-border);
|
|
||||||
display: block;
|
|
||||||
padding: 0.5em 0.8rem;
|
|
||||||
overflow-x: auto;
|
|
||||||
word-break: keep-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-box {
|
|
||||||
background: var(--clr-quote-bg);
|
|
||||||
border: 0.1em solid var(--clr-main-heading);
|
|
||||||
padding: 0.4em 0.8em;
|
|
||||||
margin: 0.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Link button */
|
|
||||||
.link-btn {
|
|
||||||
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
|
|
||||||
display: inline-block;
|
|
||||||
border: 0.15rem solid var(--clr-link-btn-bg);
|
|
||||||
border-radius: 0.6rem;
|
|
||||||
padding: 0.75rem 1rem;
|
|
||||||
margin: 0.3rem;
|
|
||||||
background: var(--clr-link-btn-bg);
|
|
||||||
color: var(--clr-link-btn-txt);
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn,
|
|
||||||
.link-btn:hover,
|
|
||||||
.link-btn:visited {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
background: var(--clr-link-btn-hover);
|
|
||||||
transition: 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn:focus {
|
|
||||||
outline-offset: 0.2em;
|
|
||||||
outline: 0.15em solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Q&A accordion */
|
|
||||||
.qna-accordion {
|
|
||||||
padding: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qna-accordion__question {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qna-accordion__answer {
|
|
||||||
padding: 0.7rem 1.5rem;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
background: hsla(0, 0%, 100%, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Spoiler Accordion */
|
|
||||||
.spoiler-accordion {
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spoiler-accordion__hint {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spoiler-accordion__spoiler {
|
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded YouTube video */
|
|
||||||
.full-width-youtube-video {
|
|
||||||
position: relative;
|
|
||||||
padding-bottom: 56.25%;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.full-width-youtube-video iframe {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Website link button */
|
|
||||||
.site-btn__container {
|
|
||||||
display: flex;
|
|
||||||
gap: 1rem;
|
|
||||||
align-items: center;
|
|
||||||
margin: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-btn__textarea {
|
|
||||||
width: 10rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
background-color:black;
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
.copy-txt-btn {
|
|
||||||
border: none;
|
|
||||||
background: var(--clr-link-btn-bg);
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
padding: 0.3rem 0.8rem;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.copy-txt-btn:hover {
|
|
||||||
background: var(--clr-link-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Web button lists */
|
|
||||||
.web-btn-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* References list */
|
|
||||||
.references-list {
|
|
||||||
font-size: 0.96em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pride flag backgrounds */
|
|
||||||
.flag-ace {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#000000 0 25%,
|
|
||||||
#a3a3a3 0 50%,
|
|
||||||
#ffffff 0 75%,
|
|
||||||
#800080 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-agender {
|
|
||||||
background: linear-gradient(
|
|
||||||
black 0 14.28%,
|
|
||||||
silver 0 28.57%,
|
|
||||||
white 0 42.85%,
|
|
||||||
#a3fa73 0 57.14%,
|
|
||||||
white 0 71.42%,
|
|
||||||
silver 0 85.71%,
|
|
||||||
black 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-aro {
|
|
||||||
background: linear-gradient(
|
|
||||||
#0a2 20%,
|
|
||||||
#7d6 0 40%,
|
|
||||||
white 0 60%,
|
|
||||||
darkgray 0 80%,
|
|
||||||
black 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-bi {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#d60270 0 40%,
|
|
||||||
#9b4f97 0 60%,
|
|
||||||
#0038a7 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-demigirl {
|
|
||||||
background: linear-gradient(
|
|
||||||
#7F7F7F 0 14.28%,
|
|
||||||
#C4C4C4 0 28.57%,
|
|
||||||
#FDADC8 0 42.85%,
|
|
||||||
white 0 57.14%,
|
|
||||||
#FDADC8 0 71.42%,
|
|
||||||
#C4C4C4 0 85.71%,
|
|
||||||
#7F7F7F 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-bigender {
|
|
||||||
background: linear-gradient(
|
|
||||||
#d074a2 0 14.28%,
|
|
||||||
#f8a1cd 0 28.57%,
|
|
||||||
#d9c6ea 0 42.85%,
|
|
||||||
white 0 57.14%,
|
|
||||||
#d9c6ea 0 71.42%,
|
|
||||||
#90c8ec 0 85.71%,
|
|
||||||
#6583d5 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-gilbert-baker {
|
|
||||||
background: linear-gradient(
|
|
||||||
#FF6599 12.5%,
|
|
||||||
#e40303 0 25%,
|
|
||||||
#ff8c00 0 37.5%,
|
|
||||||
#ffed00 0 50%,
|
|
||||||
#008026 0 62.5%,
|
|
||||||
#00C0C0 0 75%,
|
|
||||||
#004dff 0 87.5%,
|
|
||||||
#750787 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-gilbert-baker-2017 {
|
|
||||||
background: linear-gradient(
|
|
||||||
#CD66FF 11.1%,
|
|
||||||
#FF6599 0 22.2%,
|
|
||||||
#e40303 0 33.3%,
|
|
||||||
#ff8c00 0 44.4%,
|
|
||||||
#ffed00 0 55.5%,
|
|
||||||
#008026 0 66.6%,
|
|
||||||
#00C0C0 0 77.7%,
|
|
||||||
#004dff 0 88.8%,
|
|
||||||
#750787 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-intersex {
|
|
||||||
background: radial-gradient(closest-side circle at center,
|
|
||||||
#ffd800 44%,
|
|
||||||
#7902aa 44%,
|
|
||||||
#7902aa 56%,
|
|
||||||
#ffd800 56%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-lesbian {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#d52d00 0 14.29%,
|
|
||||||
#ef7627 0 28.57%,
|
|
||||||
#ff9a56 0 42.86%,
|
|
||||||
#ffffff 0 57.14%,
|
|
||||||
#d362a4 0 71.43%,
|
|
||||||
#b85490 0 86.71%,
|
|
||||||
#a30262 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-non-binary {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#fff430 0 25%,
|
|
||||||
#ffffff 0 50%,
|
|
||||||
#9c59d1 0 75%,
|
|
||||||
#000000 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-pan {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#ff218c 0 33.33%,
|
|
||||||
#ffd800 0 66.67%,
|
|
||||||
#21b1ff 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-progress {
|
|
||||||
background:
|
|
||||||
conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg),
|
|
||||||
linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-progress-intersex {
|
|
||||||
background:
|
|
||||||
radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%),
|
|
||||||
conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0),
|
|
||||||
linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-rainbow {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#e40303 0 16.67%,
|
|
||||||
#ff8c00 0 33.33%,
|
|
||||||
#ffed00 0 50%,
|
|
||||||
#008026 0 66.67%,
|
|
||||||
#004dff 0 83.33%,
|
|
||||||
#750787 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-trans {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#5bcefa 0 20%,
|
|
||||||
#f5a9b8 0 40%,
|
|
||||||
#ffffff 0 60%,
|
|
||||||
#f5a9b8 0 80%,
|
|
||||||
#5bcefa 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FOOTER COMPONENT */
|
|
||||||
.main-footer {
|
|
||||||
background: var(--clr-main-footer-bg);
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.5rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-footer p {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* UTILITY CLASSES */
|
|
||||||
.bold-text {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center-el {
|
|
||||||
display: grid;
|
|
||||||
place-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center-text {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.date-style {
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--clr-dates);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-list {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
|
@ -1,35 +0,0 @@
|
||||||
main ul {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list {
|
|
||||||
margin: 0 0 0 1em;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list a:focus {
|
|
||||||
outline: 0.15rem solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list li {
|
|
||||||
padding-left: 0.5em;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list li::marker {
|
|
||||||
content: "▶";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul li::marker {
|
|
||||||
content: "★";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul ul li::marker {
|
|
||||||
content: "♥";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul ul ul li::marker {
|
|
||||||
content: "❣";
|
|
||||||
}
|
|
|
@ -1,756 +0,0 @@
|
||||||
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* Custom Properties */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--clr-body-bg: #08031A;
|
|
||||||
--img-body-bg: url('/assets/starsforever.png');
|
|
||||||
--clr-body-txt: #fceaff;
|
|
||||||
--clr-content-bg: #3d2163;
|
|
||||||
|
|
||||||
--clr-main-heading: #ED64F5;
|
|
||||||
--clr-sub-heading: #e8b86f;
|
|
||||||
--clr-title-border: #d3aad5;
|
|
||||||
--clr-bold-txt: #ff9933;
|
|
||||||
--clr-link: #ED64F5;
|
|
||||||
--clr-link-hover: #c355c9;
|
|
||||||
--clr-quote-bg: #13092D;
|
|
||||||
--clr-quote-border: #999999;
|
|
||||||
|
|
||||||
--clr-code-bg: #241445;
|
|
||||||
--clr-code-border: #82668f;
|
|
||||||
--clr-dates: rgb(158, 203, 255);
|
|
||||||
|
|
||||||
--clr-link-btn-bg: #873eb5;
|
|
||||||
--clr-link-btn-txt: white;
|
|
||||||
--clr-link-btn-hover: #241445;
|
|
||||||
|
|
||||||
--clr-main-header-bg: black;
|
|
||||||
--clr-navbar-bg: #222;
|
|
||||||
--clr-navbar-link: white;
|
|
||||||
|
|
||||||
--clr-main-footer-bg: #13092D;
|
|
||||||
|
|
||||||
--ff-primary: 'Noto Sans';
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* CSS Reset */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
/* Box sizing rules */
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove default margin */
|
|
||||||
body,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
p,
|
|
||||||
figure,
|
|
||||||
blockquote,
|
|
||||||
dl,
|
|
||||||
dd {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
|
|
||||||
ul[role='list'],
|
|
||||||
ol[role='list'] {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core root defaults */
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set core body defaults */
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
text-rendering: optimizeSpeed;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* A elements that don't have a class get default styles */
|
|
||||||
a:not([class]) {
|
|
||||||
text-decoration-skip-ink: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make images easier to work with */
|
|
||||||
img,
|
|
||||||
picture {
|
|
||||||
max-width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inherit fonts for inputs and buttons */
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
html:focus-within {
|
|
||||||
scroll-behavior: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
animation-duration: 0.01ms !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
transition-duration: 0.01ms !important;
|
|
||||||
scroll-behavior: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ------------------- */
|
|
||||||
/* STYLING BEGINS */
|
|
||||||
/* ------------------- */
|
|
||||||
|
|
||||||
/* General Styles */
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
font-family: var(--ff-primary), Arial, Helvetica, sans-serif;
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
background-color: var(--clr-body-bg);
|
|
||||||
background-image: var(--img-body-bg);
|
|
||||||
background-attachment: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: var(--clr-main-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-bottom: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2, h3 {
|
|
||||||
color: var(--clr-sub-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2.2rem;
|
|
||||||
border-bottom: 0.18rem solid var(--clr-title-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article:not(.divided-article) h2,
|
|
||||||
article h3,
|
|
||||||
.content-section h3 {
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0.05rem solid var(--clr-title-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
color: var(--clr-bold-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
:focus {
|
|
||||||
outline: 0.15em solid var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: var(--clr-link-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([class]):focus {
|
|
||||||
outline: 0.15rem solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus img {
|
|
||||||
outline: 0.2em solid var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 1.5rem 0;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-inline-start: 0.1rem solid var(--clr-main-heading);
|
|
||||||
background-color: var(--clr-quote-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
button:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:focus,
|
|
||||||
detail:focus {
|
|
||||||
outline-offset: 0.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
white-space: pre-wrap;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
dl {
|
|
||||||
display: grid;
|
|
||||||
grid-gap: 0.5rem 1rem;
|
|
||||||
grid-template-columns: max-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
dd {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ELEMENT STYLES WITH CUSTOM CLASSES */
|
|
||||||
.bold-text {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center-el {
|
|
||||||
display: grid;
|
|
||||||
place-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center-text {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.date-style {
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--clr-dates);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-list {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* HEADER COMPONENT */
|
|
||||||
.main-header {
|
|
||||||
width: 100%;
|
|
||||||
background-color: var(--clr-main-header-bg);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header__top-bar {
|
|
||||||
background-color: var(--clr-navbar-bg);
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header__img {
|
|
||||||
display: grid;
|
|
||||||
place-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-header img {
|
|
||||||
object-fit: scale-down;
|
|
||||||
overflow: hidden;
|
|
||||||
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* NAVIGATION BAR COMPONENT */
|
|
||||||
.navbar {
|
|
||||||
background: var(--clr-navbar-bg);
|
|
||||||
padding: 0 0.6rem;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
outline: 0.15em solid var(--clr-navbar-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav__menu {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Added to the navbar with JS when it reaches its scroll position */
|
|
||||||
.sticky-nav {
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add some top padding to the page content to prevent sudden quick movement
|
|
||||||
as the navigation bar gets a new position at the top of the page
|
|
||||||
(position:fixed and top:0) */
|
|
||||||
.sticky-nav + main {
|
|
||||||
padding-top: 3.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MAIN CONTENT */
|
|
||||||
main,
|
|
||||||
.content-container,
|
|
||||||
.divided-article {
|
|
||||||
gap: 0.8rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article:not(.divided-article),
|
|
||||||
.content-section,
|
|
||||||
.qna-section {
|
|
||||||
background-color: var(--clr-content-bg);
|
|
||||||
padding: 1.35rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-section {
|
|
||||||
padding: 1.25rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, .content-container {
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar--sticky {
|
|
||||||
position: sticky;
|
|
||||||
top: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar,
|
|
||||||
.right-sidebar {
|
|
||||||
padding: 1rem;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
background-color: var(--clr-content-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar {
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-sidebar {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar:empty,
|
|
||||||
.right-sidebar:empty {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tablet main content layout */
|
|
||||||
@media only screen and (min-width: 43.75rem) {
|
|
||||||
main {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
width: 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, .content-container {
|
|
||||||
flex: 1;
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-sidebar {
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right-sidebar {
|
|
||||||
order: 3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Desktop main content layout */
|
|
||||||
@media only screen and (min-width: 60rem) {
|
|
||||||
main {
|
|
||||||
width: 60rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
|
||||||
width: 12rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 65rem) {
|
|
||||||
main {
|
|
||||||
width: 65rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CUSTOM CLASSES FOR SPECIAL ELEMENTS */
|
|
||||||
.inline-code {
|
|
||||||
font-family: monospace;
|
|
||||||
border: 0.07rem solid var(--clr-code-border);
|
|
||||||
padding: 0.125rem 0.3rem;
|
|
||||||
margin: 0 0.125rem;
|
|
||||||
background: var(--clr-code-bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.code-snippet {
|
|
||||||
background: var(--clr-code-bg);
|
|
||||||
border: 0.08rem solid var(--clr-code-border);
|
|
||||||
display: block;
|
|
||||||
padding: 0.5em 0.8rem;
|
|
||||||
overflow-x: auto;
|
|
||||||
word-break: keep-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-box {
|
|
||||||
background: var(--clr-quote-bg);
|
|
||||||
border: 0.1em solid var(--clr-main-heading);
|
|
||||||
padding: 0.4em 0.8em;
|
|
||||||
margin: 0.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Link button */
|
|
||||||
.link-btn {
|
|
||||||
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
|
|
||||||
display: inline-block;
|
|
||||||
border: 0.15rem solid var(--clr-link-btn-bg);
|
|
||||||
border-radius: 0.6rem;
|
|
||||||
padding: 0.75rem 1rem;
|
|
||||||
margin: 0.3rem;
|
|
||||||
background: var(--clr-link-btn-bg);
|
|
||||||
color: var(--clr-link-btn-txt);
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn,
|
|
||||||
.link-btn:hover,
|
|
||||||
.link-btn:visited {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
background: var(--clr-link-btn-hover);
|
|
||||||
transition: 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-btn:focus {
|
|
||||||
outline-offset: 0.2em;
|
|
||||||
outline: 0.15em solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Q&A accordion */
|
|
||||||
.qna-accordion {
|
|
||||||
padding: 1rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qna-accordion__question {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qna-accordion__answer {
|
|
||||||
padding: 0.7rem 1.5rem;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
background: hsla(0, 0%, 100%, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Spoiler Accordion */
|
|
||||||
.spoiler-accordion {
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spoiler-accordion__hint {
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spoiler-accordion__spoiler {
|
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded YouTube video */
|
|
||||||
.full-width-youtube-video {
|
|
||||||
position: relative;
|
|
||||||
padding-bottom: 56.25%;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.full-width-youtube-video iframe {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Website link button */
|
|
||||||
.site-btn__container {
|
|
||||||
display: flex;
|
|
||||||
gap: 1rem;
|
|
||||||
align-items: center;
|
|
||||||
margin: 0.5rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-btn__textarea {
|
|
||||||
width: 10rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
background-color:black;
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
}
|
|
||||||
|
|
||||||
.copy-txt-btn {
|
|
||||||
border: none;
|
|
||||||
background: var(--clr-link-btn-bg);
|
|
||||||
color: var(--clr-body-txt);
|
|
||||||
padding: 0.3rem 0.8rem;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.copy-txt-btn:hover {
|
|
||||||
background: var(--clr-link-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Web button lists */
|
|
||||||
.web-btn-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* References list */
|
|
||||||
.references-list {
|
|
||||||
font-size: 0.96em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pride flag backgrounds */
|
|
||||||
.flag-ace {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#000000 0 25%,
|
|
||||||
#a3a3a3 0 50%,
|
|
||||||
#ffffff 0 75%,
|
|
||||||
#800080 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-agender {
|
|
||||||
background: linear-gradient(
|
|
||||||
black 0 14.28%,
|
|
||||||
silver 0 28.57%,
|
|
||||||
white 0 42.85%,
|
|
||||||
#a3fa73 0 57.14%,
|
|
||||||
white 0 71.42%,
|
|
||||||
silver 0 85.71%,
|
|
||||||
black 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-aro {
|
|
||||||
background: linear-gradient(
|
|
||||||
#0a2 20%,
|
|
||||||
#7d6 0 40%,
|
|
||||||
white 0 60%,
|
|
||||||
darkgray 0 80%,
|
|
||||||
black 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-bi {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#d60270 0 40%,
|
|
||||||
#9b4f97 0 60%,
|
|
||||||
#0038a7 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-demigirl {
|
|
||||||
background: linear-gradient(
|
|
||||||
#7F7F7F 0 14.28%,
|
|
||||||
#C4C4C4 0 28.57%,
|
|
||||||
#FDADC8 0 42.85%,
|
|
||||||
white 0 57.14%,
|
|
||||||
#FDADC8 0 71.42%,
|
|
||||||
#C4C4C4 0 85.71%,
|
|
||||||
#7F7F7F 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-bigender {
|
|
||||||
background: linear-gradient(
|
|
||||||
#d074a2 0 14.28%,
|
|
||||||
#f8a1cd 0 28.57%,
|
|
||||||
#d9c6ea 0 42.85%,
|
|
||||||
white 0 57.14%,
|
|
||||||
#d9c6ea 0 71.42%,
|
|
||||||
#90c8ec 0 85.71%,
|
|
||||||
#6583d5 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-gilbert-baker {
|
|
||||||
background: linear-gradient(
|
|
||||||
#FF6599 12.5%,
|
|
||||||
#e40303 0 25%,
|
|
||||||
#ff8c00 0 37.5%,
|
|
||||||
#ffed00 0 50%,
|
|
||||||
#008026 0 62.5%,
|
|
||||||
#00C0C0 0 75%,
|
|
||||||
#004dff 0 87.5%,
|
|
||||||
#750787 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-gilbert-baker-2017 {
|
|
||||||
background: linear-gradient(
|
|
||||||
#CD66FF 11.1%,
|
|
||||||
#FF6599 0 22.2%,
|
|
||||||
#e40303 0 33.3%,
|
|
||||||
#ff8c00 0 44.4%,
|
|
||||||
#ffed00 0 55.5%,
|
|
||||||
#008026 0 66.6%,
|
|
||||||
#00C0C0 0 77.7%,
|
|
||||||
#004dff 0 88.8%,
|
|
||||||
#750787 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-intersex {
|
|
||||||
background: radial-gradient(closest-side circle at center,
|
|
||||||
#ffd800 44%,
|
|
||||||
#7902aa 44%,
|
|
||||||
#7902aa 56%,
|
|
||||||
#ffd800 56%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-lesbian {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#d52d00 0 14.29%,
|
|
||||||
#ef7627 0 28.57%,
|
|
||||||
#ff9a56 0 42.86%,
|
|
||||||
#ffffff 0 57.14%,
|
|
||||||
#d362a4 0 71.43%,
|
|
||||||
#b85490 0 86.71%,
|
|
||||||
#a30262 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-non-binary {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#fff430 0 25%,
|
|
||||||
#ffffff 0 50%,
|
|
||||||
#9c59d1 0 75%,
|
|
||||||
#000000 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-pan {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#ff218c 0 33.33%,
|
|
||||||
#ffd800 0 66.67%,
|
|
||||||
#21b1ff 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-progress {
|
|
||||||
background:
|
|
||||||
conic-gradient(at 14% 50%, #0000 221.25deg, #ffffff 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 23% 50%, #0000 221.25deg, #f5a9b8 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 32% 50%, #0000 221.25deg, #5bcefa 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 41% 50%, #0000 221.25deg, #784F17 222deg 318deg, #0000 318.25deg),
|
|
||||||
conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg),
|
|
||||||
linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-progress-intersex {
|
|
||||||
background:
|
|
||||||
radial-gradient(circle at 9.75% 50%, #0000 6.66%, #7902aa 6.7% 8.33%, #0000 8.4%),
|
|
||||||
conic-gradient(at 26.66% 50%, #0000 222.75deg, #ffd800 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 33% 50%, #0000 222.75deg, #ffffff 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 39% 50%, #0000 222.75deg, #f5a9b8 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 45.66% 50%, #0000 222.75deg, #5bcefa 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 52% 50%, #0000 222.75deg, #753000 0 317.25deg, #0000 0),
|
|
||||||
conic-gradient(at 58.33% 50%, #0000 222.75deg, #000 0 317.25deg, #0000 0),
|
|
||||||
linear-gradient(#e40303 0 16.66%, #ff8c00 0 33.33%, #ffed00 0 50%, #008026 0 66.66%, #004dff 0 83.33%, #750787 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-rainbow {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#e40303 0 16.67%,
|
|
||||||
#ff8c00 0 33.33%,
|
|
||||||
#ffed00 0 50%,
|
|
||||||
#008026 0 66.67%,
|
|
||||||
#004dff 0 83.33%,
|
|
||||||
#750787 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flag-trans {
|
|
||||||
background: repeating-linear-gradient(
|
|
||||||
#5bcefa 0 20%,
|
|
||||||
#f5a9b8 0 40%,
|
|
||||||
#ffffff 0 60%,
|
|
||||||
#f5a9b8 0 80%,
|
|
||||||
#5bcefa 0 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FOOTER COMPONENT */
|
|
||||||
.main-footer {
|
|
||||||
background: var(--clr-main-footer-bg);
|
|
||||||
width: 100%;
|
|
||||||
padding: 0.5rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-footer p {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
|
@ -1,35 +0,0 @@
|
||||||
main ul {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list {
|
|
||||||
margin: 0 0 0 1em;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list a:focus {
|
|
||||||
outline: 0.15rem solid var(--clr-link);
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list li {
|
|
||||||
padding-left: 0.5em;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list li::marker {
|
|
||||||
content: "▶";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul li::marker {
|
|
||||||
content: "★";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul ul li::marker {
|
|
||||||
content: "♥";
|
|
||||||
}
|
|
||||||
|
|
||||||
.link-list ul ul ul li::marker {
|
|
||||||
content: "❣";
|
|
||||||
}
|
|
|
@ -1,68 +0,0 @@
|
||||||
/* Article Table of Contents */
|
|
||||||
.toc {
|
|
||||||
background-color: var(--clr-quote-bg);
|
|
||||||
max-width: max-content;
|
|
||||||
padding: 1rem 1.3rem 0.3rem 1.3rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
outline: 1px solid var(--clr-title-border);
|
|
||||||
position: relative;
|
|
||||||
border-radius: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc-heading {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
margin-right: 2rem;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ol {
|
|
||||||
border-top: 1px solid var(--clr-title-border);
|
|
||||||
padding: 0.8em 0 0 1em;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ol ul {
|
|
||||||
list-style-type: disc;
|
|
||||||
line-height: 1.5;
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc a {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
padding-left: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ul a {
|
|
||||||
padding: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar Table of Contents */
|
|
||||||
.sidebar__toc {
|
|
||||||
position: sticky;
|
|
||||||
top: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc-title {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol {
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol li {
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol ul {
|
|
||||||
padding-top: 0.5em;
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
list-style-type: disc;
|
|
||||||
}
|
|
|
@ -1,68 +0,0 @@
|
||||||
/* Article Table of Contents */
|
|
||||||
.toc {
|
|
||||||
background-color: var(--clr-quote-bg);
|
|
||||||
max-width: max-content;
|
|
||||||
padding: 1rem 1.3rem 0.3rem 1.3rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
outline: 1px solid var(--clr-title-border);
|
|
||||||
position: relative;
|
|
||||||
border-radius: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc-heading {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
margin-right: 2rem;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ol {
|
|
||||||
border-top: 1px solid var(--clr-title-border);
|
|
||||||
padding: 0.8em 0 0 1em;
|
|
||||||
line-height: 1.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ol ul {
|
|
||||||
list-style-type: disc;
|
|
||||||
line-height: 1.5;
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc a {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
padding-left: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toc ul a {
|
|
||||||
padding: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar Table of Contents */
|
|
||||||
.sidebar__toc {
|
|
||||||
position: sticky;
|
|
||||||
top: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc-title {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol {
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: 0;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol li {
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar__toc ol ul {
|
|
||||||
padding-top: 0.5em;
|
|
||||||
padding-left: 1.25rem;
|
|
||||||
list-style-type: disc;
|
|
||||||
}
|
|
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 723 B |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 15 KiB |
|
@ -1,20 +0,0 @@
|
||||||
{
|
|
||||||
"name": "Leilukin's Hub",
|
|
||||||
"short_name": "Leilukin's Hub",
|
|
||||||
"icons":
|
|
||||||
[
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-192x192.png",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-512x512.png",
|
|
||||||
"sizes": "512x512",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#7A37A3",
|
|
||||||
"background_color": "#000000",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
|
@ -1,135 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<rss version="2.0">
|
|
||||||
<channel>
|
|
||||||
<generator>RSS Builder by B!Soft</generator>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<description>Leilukin's personal website.</description>
|
|
||||||
<language>en-gb</language>
|
|
||||||
<image>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<url>https://leilukin.neocities.org/assets/Leilukins-Hub-website-banner-black-bg.png</url>
|
|
||||||
<width>900</width>
|
|
||||||
<height>300</height>
|
|
||||||
</image>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 5 April 2024</title>
|
|
||||||
<pubDate>Fri, 5 Apr 2024 17:58:14 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Add table of contents to my <a href="/mycreations/kotor1mods/"><cite>Star Wars: Knights of the Old Republic</cite></a> and <a href="/mycreations/kotor2mods/"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite> mods</a>.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Received a Lifetime Premium Membership on Nexus Mods for Free</title>
|
|
||||||
<pubDate>Thu, 7 Mar 2024 00:07:04 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>In light of my mods hosted on Nexus Mods reaching 30,000 unique downloads, I was rewarded a free lifetime Premium membership on Nexus Mods.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 8 February 2024</title>
|
|
||||||
<pubDate>Thu, 8 Feb 2024 10:30:34 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added <a href="/shrines/cassettebeasts/resources.html">Resources</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 7 February 2024</title>
|
|
||||||
<pubDate>Wed, 7 Feb 2024 21:49:21 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><a href="/mycreations/">My Creations</a>: Added My Characters section.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 January 2024</title>
|
|
||||||
<pubDate>Tue, 9 Jan 2024 17:29:48 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added a new section: My Contributions to the <cite>Cassette Beasts</cite> community.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Finally Beat A Bug's Life The Video Game — 24 Years Later</title>
|
|
||||||
<pubDate>Mon, 20 Nov 2023 20:13:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-20-Finally-Beat-A-Bugs-Life-Video-Game-24-Years-Later.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>My childhood goal of beating A Bug's Life video game was finally fulfilled.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Can Finally Game on a Solid-State Drive</title>
|
|
||||||
<pubDate>Sun, 19 Nov 2023 17:10:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>I just got the solid-state drive (SSD) of my 5-year-old gaming laptop replaced with a new onw with a larger storage capacity, allowing me to install games on an SSD to enjoy the benefit of gaming on an SSD.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 November 2023</title>
|
|
||||||
<pubDate>Thu, 9 Nov 2023 20:09:00 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Added extra header elements to the main site and the shrines to be dynamically displayed on certain days to celebrate special events. (Credit to <a href="https://kotor.neocities.org/" target="_blank">KotOR Community Portal</a> for the inspiration)</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Support for My Steam Review of A Summer's End — Hong Kong 1986</title>
|
|
||||||
<pubDate>Mon, 30 Oct 2023 12:10:16 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-10-30-Support-for-My-Steam-Review-of-A-Summers-End</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>A thank you post for the people who have supported my Steam review of <cite>A Summer's End — Hong Kong 1986</cite>.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 18 October 2923</title>
|
|
||||||
<pubDate>Wed, 18 Oct 2023 16:56:23 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Added Developer Notes section to the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>My Cassette Beasts Pombomb Plushie Arrived!</title>
|
|
||||||
<pubDate>Fri, 13 Oct 2023 22:47:22 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 4 Ocrober 2023</title>
|
|
||||||
<pubDate>Wed, 4 Oct 2023 22:39:31 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Updated the Development History section of the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page with info about the release of Update 1.5 and "Pier of the Unknown" DLC.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
</channel>
|
|
||||||
</rss>
|
|
|
@ -1,135 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<rss version="2.0">
|
|
||||||
<channel>
|
|
||||||
<generator>RSS Builder by B!Soft</generator>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<description>Leilukin's personal website.</description>
|
|
||||||
<language>en-gb</language>
|
|
||||||
<image>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<url>https://leilukin.neocities.org/assets/Leilukins-Hub-website-banner-black-bg.png</url>
|
|
||||||
<width>900</width>
|
|
||||||
<height>300</height>
|
|
||||||
</image>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 5 April 2024</title>
|
|
||||||
<pubDate>Fri, 5 Apr 2024 17:58:14 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Add table of contents to my <a href="/mycreations/kotor1mods/"><cite>Star Wars: Knights of the Old Republic</cite></a> and <a href="/mycreations/kotor2mods/"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite> mods</a>.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Received a Lifetime Premium Membership on Nexus Mods for Free</title>
|
|
||||||
<pubDate>Thu, 7 Mar 2024 00:07:04 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>In light of my mods hosted on Nexus Mods reaching 30,000 unique downloads, I was rewarded a free lifetime Premium membership on Nexus Mods.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 8 February 2024</title>
|
|
||||||
<pubDate>Thu, 8 Feb 2024 10:30:34 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added <a href="/shrines/cassettebeasts/resources.html">Resources</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 7 February 2024</title>
|
|
||||||
<pubDate>Wed, 7 Feb 2024 21:49:21 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><a href="/mycreations/">My Creations</a>: Added My Characters section.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 January 2024</title>
|
|
||||||
<pubDate>Tue, 9 Jan 2024 17:29:48 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added a new section: My Contributions to the <cite>Cassette Beasts</cite> community.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Finally Beat A Bug's Life The Video Game — 24 Years Later</title>
|
|
||||||
<pubDate>Mon, 20 Nov 2023 20:13:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-20-Finally-Beat-A-Bugs-Life-Video-Game-24-Years-Later.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>My childhood goal of beating A Bug's Life video game was finally fulfilled.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Can Finally Game on a Solid-State Drive</title>
|
|
||||||
<pubDate>Sun, 19 Nov 2023 17:10:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>I just got the solid-state drive (SSD) of my 5-year-old gaming laptop replaced with a new onw with a larger storage capacity, allowing me to install games on an SSD to enjoy the benefit of gaming on an SSD.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 November 2023</title>
|
|
||||||
<pubDate>Thu, 9 Nov 2023 20:09:00 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Added extra header elements to the main site and the shrines to be dynamically displayed on certain days to celebrate special events. (Credit to <a href="https://kotor.neocities.org/" target="_blank">KotOR Community Portal</a> for the inspiration)</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Support for My Steam Review of A Summer's End — Hong Kong 1986</title>
|
|
||||||
<pubDate>Mon, 30 Oct 2023 12:10:16 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-10-30-Support-for-My-Steam-Review-of-A-Summers-End</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>A thank you post for the people who have supported my Steam review of <cite>A Summer's End — Hong Kong 1986</cite>.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 18 October 2923</title>
|
|
||||||
<pubDate>Wed, 18 Oct 2023 16:56:23 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Added Developer Notes section to the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>My Cassette Beasts Pombomb Plushie Arrived!</title>
|
|
||||||
<pubDate>Fri, 13 Oct 2023 22:47:22 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 4 Ocrober 2023</title>
|
|
||||||
<pubDate>Wed, 4 Oct 2023 22:39:31 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Updated the Development History section of the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page with info about the release of Update 1.5 and "Pier of the Unknown" DLC.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
</channel>
|
|
||||||
</rss>
|
|
Before Width: | Height: | Size: 5.0 KiB |
|
@ -1,9 +0,0 @@
|
||||||
<?xml version="1.0" encoding="windows-1252"?>
|
|
||||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.189 511.189">
|
|
||||||
<g transform="matrix(1.25 0 0 -1.25 0 45)" style="fill:#40596B;">
|
|
||||||
<path d="M291.886-90.348L213.015,25.876c-6.838,10.069-17.727,9.865-24.201-0.421L116.11-89.927 c-6.474-10.286-2.048-18.705,9.842-18.705h21.311v-40.118c0-12.561,10.194-22.756,22.756-22.756h68.267 c12.584,0,22.756,10.194,22.756,22.756v40.118h21.606C294.548-108.632,298.735-100.417,291.886-90.348"/>
|
|
||||||
<path d="M40.892-234.902H15.713C4.619-234.902,0-226.801,0-218.962c0,8.078,5.78,15.929,15.713,15.929 h84.981c9.944,0,15.724-7.851,15.724-15.929c0-7.839-4.619-15.94-15.724-15.94H75.526V-350.83 c0-11.56-7.384-18.022-17.317-18.022s-17.317,6.463-17.317,18.022L40.892-234.902z"/>
|
|
||||||
<path d="M240.447-285.249c0,27.944-14.552,53.134-43.418,53.134c-28.877,0-43.429-25.19-43.429-53.134 c0-28.171,14.097-53.111,43.429-53.111S240.447-313.42,240.447-285.249 M117.578-285.249c0,48.037,32.324,85.003,79.451,85.003 c46.41,0,79.44-38.127,79.44-85.003c0-47.798-32.097-85.003-79.44-85.003C150.141-370.252,117.578-333.047,117.578-285.249"/>
|
|
||||||
<path d="M325.586-282.473h23.563c14.541,0,23.768,10.627,23.768,24.474 c0,13.87-9.227,24.496-23.768,24.496h-23.563V-282.473z M290.93-221.044c0,10.866,6.474,18,18.034,18h40.858 c33.963,0,59.13-22.153,59.13-55.182c0-33.712-26.089-54.738-57.731-54.738h-25.634v-37.877c0-11.548-7.384-18.022-17.306-18.022 c-9.956,0-17.351,6.474-17.351,18.022V-221.044z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 5.0 KiB |
|
@ -1,9 +0,0 @@
|
||||||
<?xml version="1.0" encoding="windows-1252"?>
|
|
||||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.189 511.189">
|
|
||||||
<g transform="matrix(1.25 0 0 -1.25 0 45)" style="fill:#40596B;">
|
|
||||||
<path d="M291.886-90.348L213.015,25.876c-6.838,10.069-17.727,9.865-24.201-0.421L116.11-89.927 c-6.474-10.286-2.048-18.705,9.842-18.705h21.311v-40.118c0-12.561,10.194-22.756,22.756-22.756h68.267 c12.584,0,22.756,10.194,22.756,22.756v40.118h21.606C294.548-108.632,298.735-100.417,291.886-90.348"/>
|
|
||||||
<path d="M40.892-234.902H15.713C4.619-234.902,0-226.801,0-218.962c0,8.078,5.78,15.929,15.713,15.929 h84.981c9.944,0,15.724-7.851,15.724-15.929c0-7.839-4.619-15.94-15.724-15.94H75.526V-350.83 c0-11.56-7.384-18.022-17.317-18.022s-17.317,6.463-17.317,18.022L40.892-234.902z"/>
|
|
||||||
<path d="M240.447-285.249c0,27.944-14.552,53.134-43.418,53.134c-28.877,0-43.429-25.19-43.429-53.134 c0-28.171,14.097-53.111,43.429-53.111S240.447-313.42,240.447-285.249 M117.578-285.249c0,48.037,32.324,85.003,79.451,85.003 c46.41,0,79.44-38.127,79.44-85.003c0-47.798-32.097-85.003-79.44-85.003C150.141-370.252,117.578-333.047,117.578-285.249"/>
|
|
||||||
<path d="M325.586-282.473h23.563c14.541,0,23.768,10.627,23.768,24.474 c0,13.87-9.227,24.496-23.768,24.496h-23.563V-282.473z M290.93-221.044c0,10.866,6.474,18,18.034,18h40.858 c33.963,0,59.13-22.153,59.13-55.182c0-33.712-26.089-54.738-57.731-54.738h-25.634v-37.877c0-11.548-7.384-18.022-17.306-18.022 c-9.956,0-17.351,6.474-17.351,18.022V-221.044z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
Before Width: | Height: | Size: 1.6 KiB |
|
@ -1,183 +0,0 @@
|
||||||
// const header = document.querySelector(".main-header");
|
|
||||||
|
|
||||||
const todayEvent = getTodayEvent();
|
|
||||||
const headerTopBarEl = document.querySelector(".main-header__top-bar");
|
|
||||||
const headerImgEl = document.querySelector(".main-header__img");
|
|
||||||
|
|
||||||
if (todayEvent != "No event") {
|
|
||||||
if (todayEvent == "Leilukin's Birthday" || todayEvent == "Leilukin's Hub Anniversary") {
|
|
||||||
headerTopBarEl.innerHTML = getBlurbHtml(todayEvent);
|
|
||||||
} else {
|
|
||||||
headerImgEl.classList.add(getBanner(todayEvent));
|
|
||||||
headerTopBarEl.innerHTML = getBlurbHtml(todayEvent);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
headerTopBarEl.textContent = "Welcome to Leilukin's Hub!"
|
|
||||||
};
|
|
||||||
|
|
||||||
function getTodayEvent() {
|
|
||||||
const date = new Date();
|
|
||||||
const month = date.getMonth() + 1;
|
|
||||||
const day = date.getDate();
|
|
||||||
|
|
||||||
if (month == 3 && day == 1)
|
|
||||||
return "Zero Discrimination Day";
|
|
||||||
else if (month == 3 && day == 31)
|
|
||||||
return "Trans Day of Visibility";
|
|
||||||
else if (month == 4 && day == 6)
|
|
||||||
return "International Asexuality Day";
|
|
||||||
else if (month == 4 && day == 26)
|
|
||||||
return "Lesbian Visibility Day";
|
|
||||||
else if (month == 5 && day == 17)
|
|
||||||
return "IDAHOBIT";
|
|
||||||
else if (month == 5 && day == 19)
|
|
||||||
return "Agender Pride Day";
|
|
||||||
else if (month == 5 && day == 25)
|
|
||||||
return "Pansexual and Panromantic Awareness & Visibility Day";
|
|
||||||
else if (month == 6)
|
|
||||||
return "Pride Month";
|
|
||||||
else if (month == 7 && day == 14)
|
|
||||||
return "Non-Binary People's Day";
|
|
||||||
else if (month == 7 && day == 28)
|
|
||||||
return "Leilukin's Birthday";
|
|
||||||
else if (month == 9 && day == 11)
|
|
||||||
return "Leilukin's Hub Anniversary";
|
|
||||||
else if (month == 9 && day == 23)
|
|
||||||
return "Bi Visibility Day";
|
|
||||||
else if (month == 10 && day == 8)
|
|
||||||
return "International Lesbian Day";
|
|
||||||
else if (month == 10 && day == 11)
|
|
||||||
return "National Coming Out Day";
|
|
||||||
else if (month == 10 && day == 26)
|
|
||||||
return "Intersex Awareness Day";
|
|
||||||
else
|
|
||||||
return "No event";
|
|
||||||
}
|
|
||||||
|
|
||||||
function getBanner(day) {
|
|
||||||
switch (day) {
|
|
||||||
case "Zero Discrimination Day":
|
|
||||||
return "flag-progress-intersex";
|
|
||||||
break;
|
|
||||||
case "Trans Day of Visibility":
|
|
||||||
return "flag-trans";
|
|
||||||
break;
|
|
||||||
case "International Asexuality Day":
|
|
||||||
return "flag-ace";
|
|
||||||
break;
|
|
||||||
case "Lesbian Visibility Day":
|
|
||||||
return "flag-lesbian";
|
|
||||||
break;
|
|
||||||
case "IDAHOBIT":
|
|
||||||
return "flag-progress";
|
|
||||||
break;
|
|
||||||
case "Agender Pride Day":
|
|
||||||
return "flag-agender";
|
|
||||||
break;
|
|
||||||
case "Pansexual and Panromantic Awareness & Visibility Day":
|
|
||||||
return "flag-pan";
|
|
||||||
break;
|
|
||||||
case "Pride Month":
|
|
||||||
return "flag-progress-intersex";
|
|
||||||
break;
|
|
||||||
case "Non-Binary People's Day":
|
|
||||||
return "flag-non-binary";
|
|
||||||
break;
|
|
||||||
case "Bi Visibility Day":
|
|
||||||
return "flag-bi";
|
|
||||||
break;
|
|
||||||
case "International Lesbian Day":
|
|
||||||
return "flag-lesbian";
|
|
||||||
break;
|
|
||||||
case "National Coming Out Day":
|
|
||||||
return "flag-rainbow";
|
|
||||||
break;
|
|
||||||
case "Intersex Awareness Day":
|
|
||||||
return "flag-intersex";
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getBlurbHtml(day) {
|
|
||||||
switch (day) {
|
|
||||||
case "Zero Discrimination Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.unaids.org/en/zero-discrimination-day" target="_blank">Zero Discrimination Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Trans Day of Visibility":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.manygendersonevoice.org/tdov.html" target="_blank">Trans Day of Visibility</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "International Asexuality Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://internationalasexualityday.org/en" target="_blank">International Asexuality Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Lesbian Visibility Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.lesbianvisibilityweek.com" target="_blank">Lesbian Visibility Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "IDAHOBIT":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://may17.org" target="_blank">International Day Against Homophobia, Biphobia and Transphobia</a></span>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Agender Pride Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/" target="_blank">Agender Pride Day</a></span>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Pansexual and Panromantic Awareness & Visibility Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://genderedintelligence.co.uk/panvisibilityday" target="_blank">Pansexual and Panromantic Visibility Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Pride Month":
|
|
||||||
return `
|
|
||||||
Happy <a href="https://www.loc.gov/lgbt-pride-month/about/" target="_blank">Pride Month</a>!
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Non-Binary People's Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html" target="_blank">Non-Binary People's Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Leilukin's Birthday":
|
|
||||||
return `
|
|
||||||
Today is Leilukin's birthday
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Leilukin's Hub Anniversary":
|
|
||||||
return `
|
|
||||||
Today is the anniversary of the launch of Leilukin's Hub
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Bi Visibility Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://bivisibilityday.com/about" target="_blank">Bi Visibility Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "International Lesbian Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2" target="_blank">International Lesbian Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "National Coming Out Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://www.hrc.org/resources/national-coming-out-day" target="_blank">National Coming Out Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
case "Intersex Awareness Day":
|
|
||||||
return `
|
|
||||||
Today is <a href="https://interactadvocates.org/intersex-awareness-day" target="_blank">Intersex Awareness Day</a>
|
|
||||||
`;
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
return ``;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,13 +0,0 @@
|
||||||
// Make the navigation bar sticky
|
|
||||||
const header = document.querySelector(".main-header");
|
|
||||||
const navbar = document.querySelector(".navbar");
|
|
||||||
|
|
||||||
window.addEventListener("scroll", e => {
|
|
||||||
const scrollPos = window.scrollY || document.documentElement.scrollTop;
|
|
||||||
const stickyLine = header.scrollHeight - navbar.scrollHeight;
|
|
||||||
if (scrollPos > stickyLine) {
|
|
||||||
navbar.classList.add("sticky-nav");
|
|
||||||
} else {
|
|
||||||
navbar.classList.remove("sticky-nav");
|
|
||||||
}
|
|
||||||
});
|
|
|
@ -1,17 +0,0 @@
|
||||||
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",
|
|
||||||
});
|
|
||||||
});
|
|
|
@ -1,76 +0,0 @@
|
||||||
// Auto generate table of contents
|
|
||||||
// Code based on https://techindetail.com/table-of-contents-javascript/
|
|
||||||
window.addEventListener('DOMContentLoaded', (event) => {
|
|
||||||
const article = document.querySelector("article");
|
|
||||||
const headings = article.querySelectorAll("h2, h3");
|
|
||||||
const toc = document.querySelector(".toc");
|
|
||||||
const tocSidebar = document.querySelector(".sidebar__toc");
|
|
||||||
const leftSidebar = document.querySelector('.left-sidebar');
|
|
||||||
const totalHeadings = headings.length;
|
|
||||||
let tocOl = document.createElement("ol");
|
|
||||||
let tocFragment = new DocumentFragment();
|
|
||||||
let mainLi = null;
|
|
||||||
let subUl = null;
|
|
||||||
let subLi = null;
|
|
||||||
let isSibling = false;
|
|
||||||
|
|
||||||
if (totalHeadings > 1) {
|
|
||||||
for (let element of headings) {
|
|
||||||
let anchor = document.createElement("a");
|
|
||||||
let anchorText = element.innerText;
|
|
||||||
anchor.innerText = anchorText;
|
|
||||||
let elementId = anchorText.replaceAll(" ", "-").toLowerCase();
|
|
||||||
anchor.href = "#" + elementId;
|
|
||||||
element.id = elementId;
|
|
||||||
let level = element.nodeName;
|
|
||||||
|
|
||||||
if ("H3" === level) {
|
|
||||||
if (mainLi) {
|
|
||||||
subLi = document.createElement("li");
|
|
||||||
subLi.appendChild(anchor);
|
|
||||||
|
|
||||||
if (isSibling === false) {
|
|
||||||
subUl = document.createElement("ul");
|
|
||||||
}
|
|
||||||
subUl.appendChild(subLi);
|
|
||||||
mainLi.appendChild(subUl);
|
|
||||||
|
|
||||||
isSibling = true;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
mainLi = document.createElement("li");
|
|
||||||
mainLi.appendChild(anchor);
|
|
||||||
tocFragment.appendChild(mainLi);
|
|
||||||
isSibling = false;
|
|
||||||
subUl = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
tocOl.append(tocFragment);
|
|
||||||
toc.append(tocOl);
|
|
||||||
|
|
||||||
const tocClone = tocOl.cloneNode(true);
|
|
||||||
if (tocSidebar) {
|
|
||||||
tocSidebar.appendChild(tocClone);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
toc.classList.add('hidden');
|
|
||||||
leftSidebar.classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Close article ToC accordion and the left sidebar for small screen sizes
|
|
||||||
if (window.innerWidth < 480) {
|
|
||||||
toc.removeAttribute("open");
|
|
||||||
leftSidebar.classList.add("hidden");
|
|
||||||
} else {
|
|
||||||
toc.setAttribute("open", true);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove the stickiness of the sidebar ToC if it is larger than screen height
|
|
||||||
function preventSidebarOverflow() {
|
|
||||||
if (document.documentElement.clientHeight < tocSidebar.offsetHeight + 50) {
|
|
||||||
tocSidebar.style.marginTop = "0";
|
|
||||||
tocSidebar.style.position = "static";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
preventSidebarOverflow();
|
|
||||||
});
|
|
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 360 B |
Before Width: | Height: | Size: 360 B |
Before Width: | Height: | Size: 754 B |
135
_site/feed.xml
|
@ -1,135 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<rss version="2.0">
|
|
||||||
<channel>
|
|
||||||
<generator>RSS Builder by B!Soft</generator>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<description>Leilukin's personal website.</description>
|
|
||||||
<language>en-gb</language>
|
|
||||||
<image>
|
|
||||||
<title>Leilukin's Hub</title>
|
|
||||||
<link>https://leilukin.neocities.org/</link>
|
|
||||||
<url>https://leilukin.neocities.org/assets/Leilukins-Hub-website-banner-black-bg.png</url>
|
|
||||||
<width>900</width>
|
|
||||||
<height>300</height>
|
|
||||||
</image>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 5 April 2024</title>
|
|
||||||
<pubDate>Fri, 5 Apr 2024 17:58:14 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Add table of contents to my <a href="/mycreations/kotor1mods/"><cite>Star Wars: Knights of the Old Republic</cite></a> and <a href="/mycreations/kotor2mods/"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite> mods</a>.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Received a Lifetime Premium Membership on Nexus Mods for Free</title>
|
|
||||||
<pubDate>Thu, 7 Mar 2024 00:07:04 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2024-03-06-I-Received-a-Lifetime-Premium-Membership-on-Nexus-Mods-for-Free.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>In light of my mods hosted on Nexus Mods reaching 30,000 unique downloads, I was rewarded a free lifetime Premium membership on Nexus Mods.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 8 February 2024</title>
|
|
||||||
<pubDate>Thu, 8 Feb 2024 10:30:34 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added <a href="/shrines/cassettebeasts/resources.html">Resources</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 7 February 2024</title>
|
|
||||||
<pubDate>Wed, 7 Feb 2024 21:49:21 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><a href="/mycreations/">My Creations</a>: Added My Characters section.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 January 2024</title>
|
|
||||||
<pubDate>Tue, 9 Jan 2024 17:29:48 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="/shrines/cassettebeasts/">shrine</a>: Added a new section: My Contributions to the <cite>Cassette Beasts</cite> community.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Finally Beat A Bug's Life The Video Game — 24 Years Later</title>
|
|
||||||
<pubDate>Mon, 20 Nov 2023 20:13:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-20-Finally-Beat-A-Bugs-Life-Video-Game-24-Years-Later.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>My childhood goal of beating A Bug's Life video game was finally fulfilled.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>I Can Finally Game on a Solid-State Drive</title>
|
|
||||||
<pubDate>Sun, 19 Nov 2023 17:10:18 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>I just got the solid-state drive (SSD) of my 5-year-old gaming laptop replaced with a new onw with a larger storage capacity, allowing me to install games on an SSD to enjoy the benefit of gaming on an SSD.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 9 November 2023</title>
|
|
||||||
<pubDate>Thu, 9 Nov 2023 20:09:00 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li>Added extra header elements to the main site and the shrines to be dynamically displayed on certain days to celebrate special events. (Credit to <a href="https://kotor.neocities.org/" target="_blank">KotOR Community Portal</a> for the inspiration)</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Support for My Steam Review of A Summer's End — Hong Kong 1986</title>
|
|
||||||
<pubDate>Mon, 30 Oct 2023 12:10:16 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/2023-10-30-Support-for-My-Steam-Review-of-A-Summers-End</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>A thank you post for the people who have supported my Steam review of <cite>A Summer's End — Hong Kong 1986</cite>.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 18 October 2923</title>
|
|
||||||
<pubDate>Wed, 18 Oct 2023 16:56:23 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Added Developer Notes section to the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>My Cassette Beasts Pombomb Plushie Arrived!</title>
|
|
||||||
<pubDate>Fri, 13 Oct 2023 22:47:22 +0800</pubDate>
|
|
||||||
<link>https://leilukin.neocities.org/blog/posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived.html</link>
|
|
||||||
<author>Leilukin</author>
|
|
||||||
<description><![CDATA[
|
|
||||||
<p>New blog post.</p>
|
|
||||||
|
|
||||||
<p>The official Cassette Beasts Pombomb plushie I purchased finally arrived.</p>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
<item>
|
|
||||||
<title>Changelog: 4 Ocrober 2023</title>
|
|
||||||
<pubDate>Wed, 4 Oct 2023 22:39:31 +0800</pubDate>
|
|
||||||
<description><![CDATA[
|
|
||||||
<ul>
|
|
||||||
<li><cite>Cassette Beasts</cite> <a href="https://leilukin.neocities.org/shrines/cassettebeasts/">shrine</a>: Updated the Development History section of the <a href="https://leilukin.neocities.org/shrines/cassettebeasts/trivia.html">Trivia</a> page with info about the release of Update 1.5 and "Pier of the Unknown" DLC.</li>
|
|
||||||
</ul>
|
|
||||||
]]></description>
|
|
||||||
</item>
|
|
||||||
</channel>
|
|
||||||
</rss>
|
|
|
@ -1,164 +0,0 @@
|
||||||
<!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:url" content="https://leilukin.neocities.org/home">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:site_name" content="Leilukin's Hub">
|
|
||||||
<meta property="og:title" content="Home | Leilukin's Hub">
|
|
||||||
<meta property="og:description" content="Home page of Leilukin's Hub">
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/main.css">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" 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">
|
|
||||||
|
|
||||||
|
|
||||||
<script src="/assets/js/navbar.js" defer></script>
|
|
||||||
<script src="/assets/js/events.js" defer></script>
|
|
||||||
<script src="/assets/js/scroll.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
<title>Home | Leilukin's Hub</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
|
||||||
<img src="/assets/images/elements/top.svg" alt="">
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<header class="main-header">
|
|
||||||
<noscript>
|
|
||||||
JavaScript is disabled in your browser. To get the best user experience on
|
|
||||||
this website, it is recommended that you enable it.
|
|
||||||
</noscript>
|
|
||||||
<div class="main-header__top-bar"></div>
|
|
||||||
<div class="main-header__img">
|
|
||||||
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="">
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<nav class="navbar">
|
|
||||||
<ul class="nav__menu">
|
|
||||||
<li><a href="/home">Home</a></li>
|
|
||||||
<li><a href="/about/">About</a></li>
|
|
||||||
<li><a href="/blog/">Blog</a></li>
|
|
||||||
<li><a href="/articles/">Articles</a></li>
|
|
||||||
<li><a href="/mycreations/">My Creations</a></li>
|
|
||||||
<li><a href="/featured/">Featured</a></li>
|
|
||||||
<li><a href="/resources/">Resources</a></li>
|
|
||||||
<li><a href="/shrines/">Shrines</a></li>
|
|
||||||
<li><a href="/links/">Links</a></li>
|
|
||||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<main>
|
|
||||||
<!-- <aside class="left-sidebar">
|
|
||||||
Left sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
|
|
||||||
|
|
||||||
<div class="content-container">
|
|
||||||
<section class="content-section">
|
|
||||||
<h1>Welcome!</h1>
|
|
||||||
<p>Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.</p>
|
|
||||||
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>!</p>
|
|
||||||
<p>You may use the <a href="/sitemap">site map</a> to quickly navigate this website.</p>
|
|
||||||
<p>Enjoy your stay!</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>Link to My Website</h2>
|
|
||||||
|
|
||||||
<p>You can link to my website with this button:</p>
|
|
||||||
|
|
||||||
<div class="site-btn__container">
|
|
||||||
<div>
|
|
||||||
<a href="https://leilukin.neocities.org/" target="_blank"><img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
|
|
||||||
</div>
|
|
||||||
<textarea class="site-btn__textarea textarea-for-copy"><a href="https://leilukin.neocities.org/" target="_blank"><img src="https://leilukin.neocities.org/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
|
|
||||||
<button class="copy-txt-btn">Copy HTML</button>
|
|
||||||
<script>
|
|
||||||
document.querySelector(".copy-txt-btn").onclick = () => {
|
|
||||||
document.querySelector(".textarea-for-copy").select();
|
|
||||||
document.execCommand('copy');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<p>Credit to <a href="https://github.com/hekate2" target="_blank">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/" target="_blank">88x31 Web Button Maker</a>!</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>Updates</h2>
|
|
||||||
<div class="text-box">
|
|
||||||
<p class="date-style">5 April 2024:</p>
|
|
||||||
<ul>
|
|
||||||
<li>Add table of contents to my <a href="/mycreations/kotor1mods/"><cite>Star Wars: Knights of the Old Republic</cite></a> and <a href="/mycreations/kotor2mods/"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite> mods</a>.</li>
|
|
||||||
</ul>
|
|
||||||
<p><a href="/changelog">View all site changelog</a></p>
|
|
||||||
</div>
|
|
||||||
<p>You can subscribe to the <a href="/feed.xml" target="blank">Leilukin's Hub RSS feed</a> or follow <a href="https://neocities.org/site/leilukin" target="_blank">my Neocities profile</a> to get notified of the updates on this website.</p>
|
|
||||||
<div class="web-btn-wrapper">
|
|
||||||
<a href="/feed.xml" target="blank" title="Leilukin's Hub RSS Feed">
|
|
||||||
<img src="/assets/buttons/rss-button.gif" alt="RSS feed button">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>Always Proud</h2>
|
|
||||||
<div class="web-btn-wrapper">
|
|
||||||
<img src="/assets/buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
|
|
||||||
<img src="/assets/buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
|
|
||||||
<img src="/assets/buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">
|
|
||||||
<img src="/assets/buttons/nonbinary.png" alt="A website button of the non-binary pride flag" title="I am non-binary">
|
|
||||||
<img src="/assets/buttons/demigirl.png" alt="A website button of the demigirl pride flag" title="I am a demiwoman">
|
|
||||||
<img src="/assets/buttons/agender.png" alt="A website button of the agender pride flag" title="I am agender">
|
|
||||||
<img src="/assets/buttons/bigender.png" alt="A website button of the bigender pride flag" title="I am bigender">
|
|
||||||
</div>
|
|
||||||
<p>Credit to <a href="https://rainy.gay/pride/pridebuttons" target="_blank">Dime</a> for these pride buttons!</p>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>Webrings</h2>
|
|
||||||
<div style="border: none; padding: 5px; display: inline-flex"><a href="https://isaacfish.neocities.org/webring/25.html" target="_blank"><img src="/assets/webrings/queercoded-left.png" alt="left arrow"></a> <a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="/assets/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a> <a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="/assets/webrings/queercoded-right.png" alt="right arrow"></a></div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="content-section">
|
|
||||||
<h2>Support Me</h2>
|
|
||||||
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
|
||||||
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
|
||||||
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <aside class="right-sidebar">
|
|
||||||
Right sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
</main>
|
|
||||||
<footer class="main-footer">
|
|
||||||
<p>Made with ♥ by Leilukin | <a href="/sitemap">Site Map</a></p>
|
|
||||||
<p>Site Launched: 11 September 2022 | <a href="/changelog">Website Changelog</a></p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,40 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en" dir="ltr">
|
|
||||||
<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:url" content="https://leilukin.neocities.org/">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:title" content="Leilukin's Hub">
|
|
||||||
<meta property="og:description" content="Welcome to Leilukin's personal website">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/index.css"">
|
|
||||||
|
|
||||||
<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> Leilukin's Hub</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Leilukin's Hub website banner">
|
|
||||||
<h1>Welcome to Leilukin's Hub!</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<section class="index__btn-wrapper">
|
|
||||||
<a href="/home" class="index__link">Home Page</a>
|
|
||||||
<a href="/sitemap" class="index__link">Site Map</a>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<a href="/feed.xml" target="blank" title="Leilukin's Hub RSS Feed">
|
|
||||||
<img src="/assets/buttons/rss-button.gif" alt="RSS feed button">
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,35 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en" dir="ltr">
|
|
||||||
<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:url" content="https://leilukin.neocities.org/">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:title" content="Leilukin's Hub">
|
|
||||||
<meta property="og:description" content="Welcome to Leilukin's personal website">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/index.css"">
|
|
||||||
|
|
||||||
<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> Page Not Found | Leilukin's Hub</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Leilukin's Hub website banner">
|
|
||||||
<h1>Page Not Found</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<p>Oops! Either the page you are looking for does not exist, or it has been moved to a diffrent part of this site.</p>
|
|
||||||
|
|
||||||
<section class="index__btn-wrapper">
|
|
||||||
<a href="/home.html" class="index__link">🏠 Back to Home</a>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,189 +0,0 @@
|
||||||
<!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:url" content="https://leilukin.neocities.org/sitemap">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:site_name" content="Leilukin's Hub">
|
|
||||||
<meta property="og:title" content="Site Map | Leilukin's Hub">
|
|
||||||
<meta property="og:description" content="Site map of Leilukin's Hub.">
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/main.css">
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/css/sitemap.css">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" 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">
|
|
||||||
|
|
||||||
|
|
||||||
<script src="/assets/js/navbar.js" defer></script>
|
|
||||||
<script src="/assets/js/events.js" defer></script>
|
|
||||||
<script src="/assets/js/scroll.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
<title>Site Map | Leilukin's Hub</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
|
||||||
<img src="/assets/images/elements/top.svg" alt="">
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<header class="main-header">
|
|
||||||
<noscript>
|
|
||||||
JavaScript is disabled in your browser. To get the best user experience on
|
|
||||||
this website, it is recommended that you enable it.
|
|
||||||
</noscript>
|
|
||||||
<div class="main-header__top-bar"></div>
|
|
||||||
<div class="main-header__img">
|
|
||||||
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="">
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<nav class="navbar">
|
|
||||||
<ul class="nav__menu">
|
|
||||||
<li><a href="/home">Home</a></li>
|
|
||||||
<li><a href="/about/">About</a></li>
|
|
||||||
<li><a href="/blog/">Blog</a></li>
|
|
||||||
<li><a href="/articles/">Articles</a></li>
|
|
||||||
<li><a href="/mycreations/">My Creations</a></li>
|
|
||||||
<li><a href="/featured/">Featured</a></li>
|
|
||||||
<li><a href="/resources/">Resources</a></li>
|
|
||||||
<li><a href="/shrines/">Shrines</a></li>
|
|
||||||
<li><a href="/links/">Links</a></li>
|
|
||||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<main>
|
|
||||||
<!-- <aside class="left-sidebar">
|
|
||||||
Left sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h1>Site Map</h1>
|
|
||||||
<p>This page lists the links to the pages on my website for easier navigation.</p>
|
|
||||||
|
|
||||||
<ul role="list" class="link-list">
|
|
||||||
<li><a href="/">Index</a></li>
|
|
||||||
<li><a href="/home">Home</a></li>
|
|
||||||
<li><a href="/about/">About</a></li>
|
|
||||||
<li><a href="/blog/">Blog</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/blog/archive">Archive</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/articles/">Articles</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/articles/my-dislike-of-shipping-culture">My Disinterest in Shipping and Dislike of Shipping Culture</a></li>
|
|
||||||
<li><a href="/articles/designated-lesbian-syndrome-fandom">Designated Lesbian Syndrome in Fandom</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/mycreations/">My Creations</a></li>
|
|
||||||
<ul>
|
|
||||||
<li>My Mods:</li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/mycreations/kotor1mods/"><cite>Star Wars: Knights of the Old Republic</cite></a></li>
|
|
||||||
<li><a href="/mycreations/kotor2mods/"><cite>Star Wars: Knights of the Old Republic II: The Sith Lords</cite></a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/mycreations/playlists/">Playlists</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/featured/">Featured</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/featured/kotor2-modder-interview-ars-technica">The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica</a></li>
|
|
||||||
<li><a href="/featured/lgbtq-booklet-interview-misi-bawang">Artist Interview for MISI:Bawang's Floating in a Sky Full of Pride</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/resources/">Resources</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/resources/web-building-resources">Web Building Resources</a></li>
|
|
||||||
<li><a href="/resources/anti-harry-potter-jk-rowling-masterlist">Anti-Harry Potter and Anti-J.K. Rowling Masterlist</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/">Shrines</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/asummersend/"><cite>A Summer’s End — Hong Kong 1986</cite></a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/asummersend/playlists">Playlists</a></li>
|
|
||||||
<li><a href="/shrines/asummersend/trivia">Trivia</a></li>
|
|
||||||
<li><a href="/shrines/asummersend/gallery">Gallery</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/"><cite>Star Wars: Knights of the Old Republic</cite></a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/">Articles</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/faq-same-gender-romance-mods">Frequently Asked Questions (FAQ) for My Same-Gender Romance Mods for <cite>Star Wars: Knight of the Old Republic</cite> Series</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/juhani-lesbian-evidence">Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic's</em> Game Files</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/juhani-hostility-towards-canderous">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/keep-juhani-a-lesbian">Keep Juhani a Lesbian and Keep Juhani's Romance Exclusive to Female Characters</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/arren-kae-kreia-theory">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/handmaiden-sisters-mother">Where is the Mother of the Handmaiden’s Sisters?</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/partyswap-management-takeover">On Me Taking Over the Management and Development of DarthTyren's PartySwap Mod</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/articles/tslrcm-first-kotor2-playthrough">Should You Use The Sith Lords Restored Content Mod in Your First <cite>Star Wars: KotOR 2</cite> Playthrough?</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/guides/">Guides</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/guides/kotor-juhani-romance-guide">Juhani Romance Guide</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide">Redeeming Bastila Guide</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide">Sandral-Matale Feud Ending Guide</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/resources/">Resources</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods">List of Same-Gender Romance Mods for the <em>KotOR</em> Series</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods">List of <em>KotOR 2</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
|
|
||||||
<li><a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/starwarskotor/universes/">Leilukin's <cite>KotOR</cite> Universes</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite></a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/cassettebeasts/articles/">Articles</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone">How <cite>Cassette Beasts</cite> is Much More than a <cite>Pokémon</cite> Clone</a></li>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/shrines/cassettebeasts/gamelog">Game Log</a></li>
|
|
||||||
<li><a href="/shrines/cassettebeasts/featured">Featured</a></li>
|
|
||||||
<li><a href="/shrines/cassettebeasts/trivia">Trivia</a></li>
|
|
||||||
<li><a href="/shrines/cassettebeasts/resources">Resources</a></li>
|
|
||||||
</ul>
|
|
||||||
</ul>
|
|
||||||
<li><a href="/links/">Links</a></li>
|
|
||||||
<li><a href="/changelog/">Changelog</a></li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/changelog/2023">Changelog Archive: 2023</a></li>
|
|
||||||
<li><a href="/changelog/2022">Changelog Archive: 2022</a></li>
|
|
||||||
<li><a href="/changelog/layouts/">Layout Archive</a></li>
|
|
||||||
<li>Updates:</li>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/changelog/updates/2023-redesign">2023 New Year Redesign of Leilukin's Hub</a></li>
|
|
||||||
<li><a href="/changelog/updates/2023-june-layout-rewrite">June 2023 Layout Rewrite</a></li>
|
|
||||||
</ul>
|
|
||||||
</ul>
|
|
||||||
</ul>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- <aside class="right-sidebar">
|
|
||||||
Right sidebar content here
|
|
||||||
</aside> -->
|
|
||||||
</main>
|
|
||||||
<footer class="main-footer">
|
|
||||||
<p>Made with ♥ by Leilukin | <a href="/sitemap">Site Map</a></p>
|
|
||||||
<p>Site Launched: 11 September 2022 | <a href="/changelog">Website Changelog</a></p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|