Add 20 May 2024 changelog
This commit is contained in:
Helen Chong
parent
4bc3554fcf
commit
6678aaea94
|
|
@ -1,120 +0,0 @@
|
|||
/* ------------------- */
|
||||
/* Custom Properties */
|
||||
/* ------------------- */
|
||||
:root {
|
||||
--clr-body-bg: #08031A;
|
||||
--clr-body-txt: #fceaff;
|
||||
--clr-content-bg: #3d2163;
|
||||
|
||||
--clr-top-btn-bg: #FFD05A;
|
||||
--clr-top-btn-txt: #08031A;
|
||||
|
||||
--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(121, 184, 255);
|
||||
|
||||
--clr-link-btn-bg: #873eb5;
|
||||
--clr-link-btn-txt: white;
|
||||
--clr-link-btn-hover: #241445;
|
||||
|
||||
--clr-hero-bg: black;
|
||||
--clr-navbar-bg: #222;
|
||||
--clr-navbar-link: white;
|
||||
|
||||
--clr-main-footer-bg: #13092D;
|
||||
|
||||
--clr-mod-entry-bg: #241445;
|
||||
|
||||
--ff-primary: 'Noto Sans';
|
||||
|
||||
--sz-h1: clamp(2rem, 1rem + 5vw, 3rem);
|
||||
--sz-h2: clamp(1.55rem, 1rem + 3vw, 2.15rem);
|
||||
--sz-h3: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
||||
--sz-paragraph-margin: 1.15em;
|
||||
--sz-main-padding: clamp(1rem, 5%, 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;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,161 +0,0 @@
|
|||
/* noto-sans-100 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-100italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-200 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-200italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-300 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-300italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-regular - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-500 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-500italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-600 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-600italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-700 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-700italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-800 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-800italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-900 - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* noto-sans-900italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: 'Noto Sans';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: url('/assets/fonts/noto-sans/noto-sans-v36-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
|
@ -1,125 +0,0 @@
|
|||
// Import Firebase
|
||||
import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js'
|
||||
import { getDatabase, ref, push, onValue, update } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-database.js'
|
||||
|
||||
// Set up Firebase database
|
||||
const appSettings = {
|
||||
databaseURL: 'https://leilukin-s-hub-guestbook-default-rtdb.asia-southeast1.firebasedatabase.app/'
|
||||
};
|
||||
const app = initializeApp(appSettings);
|
||||
const database = getDatabase(app);
|
||||
const guestbookInDB = ref(database, "guestbook");
|
||||
|
||||
// Get DOM elements
|
||||
const formEl = document.querySelector('.gb__form');
|
||||
const nameInputEl = document.querySelector('#name-input');
|
||||
const emailInputEl = document.querySelector('#email-input');
|
||||
const websiteInputEl = document.querySelector('#website-input');
|
||||
const msgInputEl = document.querySelector('#message-input');
|
||||
const messageListEl = document.querySelector('.gb__message--list');
|
||||
|
||||
// Initiate guestbook message object
|
||||
let messageObj = {
|
||||
name: '',
|
||||
email: '',
|
||||
website: '',
|
||||
message: '',
|
||||
timestamp: '',
|
||||
};
|
||||
|
||||
// Form submission event
|
||||
formEl.addEventListener('submit', (e) => {
|
||||
e.preventDefault();
|
||||
addMessage();
|
||||
clearInputEl();
|
||||
});
|
||||
|
||||
const formatDate = () => {
|
||||
const formatter = new Intl.DateTimeFormat("en-GB", {
|
||||
dateStyle: "full",
|
||||
timeStyle: "full",
|
||||
});
|
||||
const now = new Date();
|
||||
const formattedDate = formatter.format(now);
|
||||
return formattedDate;
|
||||
};
|
||||
|
||||
const addMessage = () => {
|
||||
messageObj = {
|
||||
...messageObj,
|
||||
name: nameInputEl.value,
|
||||
email: emailInputEl.value,
|
||||
website: websiteInputEl.value,
|
||||
timestamp: formatDate(),
|
||||
message: msgInputEl.value
|
||||
}
|
||||
push(guestbookInDB, messageObj);
|
||||
};
|
||||
|
||||
// Clear input fields
|
||||
const clearInputEl = () => {
|
||||
nameInputEl.value = '';
|
||||
emailInputEl.value = '';
|
||||
websiteInputEl.value = '';
|
||||
msgInputEl.value = '';
|
||||
};
|
||||
|
||||
// Load data from the Firebase database
|
||||
onValue(guestbookInDB, (snapshot) => {
|
||||
if (snapshot.exists()) {
|
||||
let messagesArr = Object.entries(snapshot.val()).reverse();
|
||||
|
||||
clearMessageListEl();
|
||||
|
||||
messagesArr.forEach((item) => {
|
||||
renderMessage(item);
|
||||
});
|
||||
} else {
|
||||
messageListEl.textContent = 'No messages here... yet. Be the first!';
|
||||
}
|
||||
});
|
||||
|
||||
// Prevent rendering any message more than once
|
||||
const clearMessageListEl = () => {
|
||||
messageListEl.innerHTML = '';
|
||||
};
|
||||
|
||||
// Render each message
|
||||
const renderMessage = (item) => {
|
||||
const itemID = item[0];
|
||||
const itemValue = item[1];
|
||||
|
||||
const newThreadDiv = document.createElement('div');
|
||||
newThreadDiv.classList.add('gb__thread');
|
||||
newThreadDiv.id = `thread-${itemID}`;
|
||||
|
||||
const newMessageDiv = document.createElement('div');
|
||||
newMessageDiv.classList.add('gb__message');
|
||||
newMessageDiv.id = `msg-${itemID}`;
|
||||
|
||||
const newMessageName = document.createElement('p');
|
||||
newMessageName.classList.add('gb__message--name');
|
||||
newMessageName.textContent = `${itemValue.name} said:`;
|
||||
|
||||
if (itemValue.website !== null && itemValue.website !== '') {
|
||||
newMessageName.innerHTML = `
|
||||
<a href="${itemValue.website}">${itemValue.name}</a> said:
|
||||
`;
|
||||
}
|
||||
|
||||
const newMessageMsg = document.createElement('p');
|
||||
newMessageMsg.classList.add('gb__message--msg');
|
||||
newMessageMsg.textContent = itemValue.message;
|
||||
|
||||
const newMessageTime = document.createElement('time');
|
||||
newMessageTime.classList.add('gb__message--time');
|
||||
newMessageTime.textContent = itemValue.timestamp;
|
||||
|
||||
const messageReplyBtn = document.createElement('button');
|
||||
messageReplyBtn.classList.add('gb__message--reply-btn');
|
||||
messageReplyBtn.textContent = 'Reply';
|
||||
|
||||
messageListEl.append(newThreadDiv);
|
||||
newThreadDiv.append(newMessageDiv);
|
||||
newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime, messageReplyBtn);
|
||||
};
|
||||
|
|
@ -1,495 +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:title" content="Content Category: "a summers end"">
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="All contents under the "a summers end" category on Leilukin's Hub.">
|
||||
<meta name="generator" content="Eleventy v2.0.1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://leilukin.neocities.org/categories/a-summers-end/">
|
||||
<meta property="og:site_name" content="Leilukin's Hub">
|
||||
<meta property="og:locale" content="en_MY">
|
||||
<meta property="og:description" content="All contents under the "a summers end" category on Leilukin's Hub.">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:url" content="https://leilukin.neocities.org/categories/a-summers-end/">
|
||||
<meta name="twitter:description" content="All contents under the "a summers end" category on Leilukin's Hub.">
|
||||
<link rel="canonical" href="https://leilukin.neocities.org/categories/a-summers-end/">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/fonts/noto-sans/noto-sans.css">
|
||||
|
||||
|
||||
<link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
|
||||
|
||||
<title>
|
||||
Content Category: "a summers end" | Leilukin's Hub
|
||||
</title>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero">
|
||||
<div class="hero__top-bar hidden"></div>
|
||||
<div class="hero__img">
|
||||
|
||||
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style>
|
||||
.hero {
|
||||
width: 100%;
|
||||
background-color: var(--clr-hero-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero__top-bar {
|
||||
background-color: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
padding: 0.5em 0.7em;
|
||||
}
|
||||
|
||||
.hero__img {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.hero img {
|
||||
object-fit: contain;
|
||||
overflow: hidden;
|
||||
max-height: 16rem;
|
||||
|
||||
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const hero = document.querySelector(".hero");
|
||||
const heroTopBarEl = document.querySelector(".hero__top-bar");
|
||||
const headerImgEl = document.querySelector(".hero__img");
|
||||
|
||||
|
||||
const todayEvent = getTodayEvent();
|
||||
|
||||
if (todayEvent) {
|
||||
heroTopBarEl.classList.remove('hidden');
|
||||
heroTopBarEl.innerHTML = todayEvent.blurb;
|
||||
|
||||
if (todayEvent.class) {
|
||||
headerImgEl.classList.add(todayEvent.class);
|
||||
}
|
||||
}
|
||||
|
||||
function getTodayEvent() {
|
||||
const date = new Date();
|
||||
const month = date.getMonth() + 1;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
const weekOfMonth = Math.ceil(day / 7);
|
||||
|
||||
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
|
||||
const siteAnniversary = year - leilukinsHubLaunchDate;
|
||||
|
||||
if (month === 3 && day === 1)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day" target="_blank">Zero Discrimination Day</a>`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 3 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.internationalwomensday.com/" target="_blank">International Women's Day}</a>`,
|
||||
class: "symbol-venus",
|
||||
};
|
||||
else if (month === 3 && day === 31)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html" target="_blank">Trans Day of Visibility</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else if (month === 4 && day === 6)
|
||||
return {
|
||||
blurb: `Today is <a href="https://internationalasexualityday.org/en" target="_blank">International Asexuality Day</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 4 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com" target="_blank">Lesbian Visibility Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 4 && weekOfMonth === 4)
|
||||
return {
|
||||
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com" target="_blank">Lesbian Visibility Week</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 5 && day === 17)
|
||||
return {
|
||||
blurb: `Today is <a href="https://may17.org" target="_blank">International Day Against Homophobia, Biphobia and Transphobia</a>`,
|
||||
class: "flag-progress",
|
||||
};
|
||||
else if (month === 5 && day === 19)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/" target="_blank">Agender Pride Day</a>`,
|
||||
class: "flag-agender",
|
||||
};
|
||||
else if (month === 5 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday" target="_blank">Pansexual and Panromantic Awareness and Visibility Day</a>`,
|
||||
class: "flag-pan",
|
||||
};
|
||||
else if (month === 6)
|
||||
return {
|
||||
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/" target="_blank">Pride Month</a>!`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 7 && day === 14)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html" target="_blank">Non-Binary People's Day</a>`,
|
||||
class: "flag-non-binary",
|
||||
};
|
||||
else if (month === 7 && day === 28)
|
||||
return {
|
||||
blurb: `Today is Leilukin's Birthday`
|
||||
};
|
||||
else if (month === 8 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://aromanticspectrumday.net/" target="_blank">Aromantic Spectrum Visibility Day</a>`,
|
||||
class: "flag-aro",
|
||||
};
|
||||
else if (month === 9 && day === 11)
|
||||
return {
|
||||
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin's Hub`
|
||||
};
|
||||
else if (month === 9 && day === 23)
|
||||
return {
|
||||
blurb: `Today is <a href="https://bivisibilityday.com/about" target="_blank">Bi Visibility Day</a>`,
|
||||
class: "flag-bi",
|
||||
};
|
||||
else if (month === 10 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2" target="_blank">International Lesbian Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 10 && day === 11)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day" target="_blank">National Coming Out Day</a>`,
|
||||
class: "flag-rainbow",
|
||||
};
|
||||
else if (month === 10 && day === 17)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week" target="_blank">Genderfluid Visibility Week</a>`,
|
||||
class: "flag-genderfluid",
|
||||
};
|
||||
else if (month === 10 && day === 24)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week" target="_blank">Ace Week</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 10 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day" target="_blank">Intersex Awareness Day</a>`,
|
||||
class: "flag-intersex",
|
||||
};
|
||||
else if (month === 11 && day === 13)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://glaad.org/transweek/" target="_blank">Transgender Awareness Week</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else
|
||||
return null;
|
||||
}
|
||||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button>
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
<ul class="nav__links">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about/">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/now/">Now</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/articles/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/projects/">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/shrines/">Shrines</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/links/">Links</a>
|
||||
</li>
|
||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
.navbar {
|
||||
background: var(--clr-navbar-bg);
|
||||
padding: 0 0.6rem;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.mavbar__title {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.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__links {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
/* Screen sizes larger than mobile */
|
||||
@media only screen and (min-width: 30rem) {}
|
||||
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {}
|
||||
|
||||
/* Desktop screen size */
|
||||
@media only screen and (min-width: 60rem) {}
|
||||
</style>
|
||||
|
||||
<main>
|
||||
<header class="main__header">
|
||||
|
||||
|
||||
|
||||
<h1>Content Category: "a summers end"</h1>
|
||||
|
||||
<p>All contents under the "a summers end" category on Leilukin's Hub.</p>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="content__wrapper">
|
||||
|
||||
|
||||
|
||||
<div class="content ">
|
||||
|
||||
|
||||
<h2>1 Contents Filed Under "a summers end"</h2>
|
||||
|
||||
|
||||
<ul class="content-list">
|
||||
|
||||
<li>
|
||||
<p class="content-list__title">
|
||||
<a href="/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/">
|
||||
Support for My Steam Review of A Summer's End — Hong Kong 1986 | Blog
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time>30 October 2023</time>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<style>
|
||||
.content-list {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.content-list__title {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<p>See <a href="/categories/">all content categories</a>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.breadcrumbs {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<p>Made with ♥ by Leilukin since <time>11 September 2022</time></p>
|
||||
|
||||
|
||||
<ul class="footer__links">
|
||||
<li><a
|
||||
|
||||
href="/sitemap/
|
||||
">Site Map</a></li>
|
||||
<li><a
|
||||
|
||||
href="/changelogs/"
|
||||
>Changelogs</a></li>
|
||||
<li><a href="/feed.xml">RSS</a></li>
|
||||
</ul>
|
||||
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
margin-top: auto;
|
||||
background: var(--clr-main-footer-bg);
|
||||
padding: 0.8rem;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footer__links {
|
||||
justify-self: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 0.7em;
|
||||
}
|
||||
|
||||
.footer__links li:not(:last-child)::after {
|
||||
content: '|';
|
||||
padding-left: 0.6em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
.footer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
||||
<i class="fa-solid fa-chevron-up"></i>
|
||||
</button>
|
||||
|
||||
<style>
|
||||
.top-btn {
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 999;
|
||||
border: none;
|
||||
background-color: var(--clr-top-btn-bg);
|
||||
color: var(--clr-top-btn-txt);
|
||||
border-radius: 50em;
|
||||
width: 2rem;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.top-btn:focus {
|
||||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const topButton = document.querySelector(".top-btn");
|
||||
|
||||
window.onscroll = () => {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
topButton.classList.remove("hidden");
|
||||
} else {
|
||||
topButton.classList.add("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
topButton.addEventListener('click', () => {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
left: 0,
|
||||
behavior: "smooth",
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,495 +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:title" content="Content Category: "anti harry potter"">
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="All contents under the "anti harry potter" category on Leilukin's Hub.">
|
||||
<meta name="generator" content="Eleventy v2.0.1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://leilukin.neocities.org/categories/anti-harry-potter/">
|
||||
<meta property="og:site_name" content="Leilukin's Hub">
|
||||
<meta property="og:locale" content="en_MY">
|
||||
<meta property="og:description" content="All contents under the "anti harry potter" category on Leilukin's Hub.">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:url" content="https://leilukin.neocities.org/categories/anti-harry-potter/">
|
||||
<meta name="twitter:description" content="All contents under the "anti harry potter" category on Leilukin's Hub.">
|
||||
<link rel="canonical" href="https://leilukin.neocities.org/categories/anti-harry-potter/">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/fonts/noto-sans/noto-sans.css">
|
||||
|
||||
|
||||
<link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
|
||||
|
||||
<title>
|
||||
Content Category: "anti harry potter" | Leilukin's Hub
|
||||
</title>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero">
|
||||
<div class="hero__top-bar hidden"></div>
|
||||
<div class="hero__img">
|
||||
|
||||
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style>
|
||||
.hero {
|
||||
width: 100%;
|
||||
background-color: var(--clr-hero-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero__top-bar {
|
||||
background-color: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
padding: 0.5em 0.7em;
|
||||
}
|
||||
|
||||
.hero__img {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.hero img {
|
||||
object-fit: contain;
|
||||
overflow: hidden;
|
||||
max-height: 16rem;
|
||||
|
||||
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const hero = document.querySelector(".hero");
|
||||
const heroTopBarEl = document.querySelector(".hero__top-bar");
|
||||
const headerImgEl = document.querySelector(".hero__img");
|
||||
|
||||
|
||||
const todayEvent = getTodayEvent();
|
||||
|
||||
if (todayEvent) {
|
||||
heroTopBarEl.classList.remove('hidden');
|
||||
heroTopBarEl.innerHTML = todayEvent.blurb;
|
||||
|
||||
if (todayEvent.class) {
|
||||
headerImgEl.classList.add(todayEvent.class);
|
||||
}
|
||||
}
|
||||
|
||||
function getTodayEvent() {
|
||||
const date = new Date();
|
||||
const month = date.getMonth() + 1;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
const weekOfMonth = Math.ceil(day / 7);
|
||||
|
||||
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
|
||||
const siteAnniversary = year - leilukinsHubLaunchDate;
|
||||
|
||||
if (month === 3 && day === 1)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day" target="_blank">Zero Discrimination Day</a>`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 3 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.internationalwomensday.com/" target="_blank">International Women's Day}</a>`,
|
||||
class: "symbol-venus",
|
||||
};
|
||||
else if (month === 3 && day === 31)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html" target="_blank">Trans Day of Visibility</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else if (month === 4 && day === 6)
|
||||
return {
|
||||
blurb: `Today is <a href="https://internationalasexualityday.org/en" target="_blank">International Asexuality Day</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 4 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com" target="_blank">Lesbian Visibility Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 4 && weekOfMonth === 4)
|
||||
return {
|
||||
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com" target="_blank">Lesbian Visibility Week</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 5 && day === 17)
|
||||
return {
|
||||
blurb: `Today is <a href="https://may17.org" target="_blank">International Day Against Homophobia, Biphobia and Transphobia</a>`,
|
||||
class: "flag-progress",
|
||||
};
|
||||
else if (month === 5 && day === 19)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/" target="_blank">Agender Pride Day</a>`,
|
||||
class: "flag-agender",
|
||||
};
|
||||
else if (month === 5 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday" target="_blank">Pansexual and Panromantic Awareness and Visibility Day</a>`,
|
||||
class: "flag-pan",
|
||||
};
|
||||
else if (month === 6)
|
||||
return {
|
||||
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/" target="_blank">Pride Month</a>!`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 7 && day === 14)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html" target="_blank">Non-Binary People's Day</a>`,
|
||||
class: "flag-non-binary",
|
||||
};
|
||||
else if (month === 7 && day === 28)
|
||||
return {
|
||||
blurb: `Today is Leilukin's Birthday`
|
||||
};
|
||||
else if (month === 8 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://aromanticspectrumday.net/" target="_blank">Aromantic Spectrum Visibility Day</a>`,
|
||||
class: "flag-aro",
|
||||
};
|
||||
else if (month === 9 && day === 11)
|
||||
return {
|
||||
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin's Hub`
|
||||
};
|
||||
else if (month === 9 && day === 23)
|
||||
return {
|
||||
blurb: `Today is <a href="https://bivisibilityday.com/about" target="_blank">Bi Visibility Day</a>`,
|
||||
class: "flag-bi",
|
||||
};
|
||||
else if (month === 10 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2" target="_blank">International Lesbian Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 10 && day === 11)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day" target="_blank">National Coming Out Day</a>`,
|
||||
class: "flag-rainbow",
|
||||
};
|
||||
else if (month === 10 && day === 17)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week" target="_blank">Genderfluid Visibility Week</a>`,
|
||||
class: "flag-genderfluid",
|
||||
};
|
||||
else if (month === 10 && day === 24)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week" target="_blank">Ace Week</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 10 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day" target="_blank">Intersex Awareness Day</a>`,
|
||||
class: "flag-intersex",
|
||||
};
|
||||
else if (month === 11 && day === 13)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://glaad.org/transweek/" target="_blank">Transgender Awareness Week</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else
|
||||
return null;
|
||||
}
|
||||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<div class="navbar__header">
|
||||
<button>
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</button>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</div>
|
||||
<ul class="nav__links">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about/">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/now/">Now</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/articles/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/projects/">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/shrines/">Shrines</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/links/">Links</a>
|
||||
</li>
|
||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
.navbar {
|
||||
background: var(--clr-navbar-bg);
|
||||
padding: 0 0.6rem;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__header {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.mavbar__title {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.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__links {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
/* Screen sizes larger than mobile */
|
||||
@media only screen and (min-width: 30rem) {}
|
||||
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {}
|
||||
|
||||
/* Desktop screen size */
|
||||
@media only screen and (min-width: 60rem) {}
|
||||
</style>
|
||||
|
||||
<main>
|
||||
<header class="main__header">
|
||||
|
||||
|
||||
|
||||
<h1>Content Category: "anti harry potter"</h1>
|
||||
|
||||
<p>All contents under the "anti harry potter" category on Leilukin's Hub.</p>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="content__wrapper">
|
||||
|
||||
|
||||
|
||||
<div class="content ">
|
||||
|
||||
|
||||
<h2>1 Contents Filed Under "anti harry potter"</h2>
|
||||
|
||||
|
||||
<ul class="content-list">
|
||||
|
||||
<li>
|
||||
<p class="content-list__title">
|
||||
<a href="/articles/anti-harry-potter-jk-rowling-masterlist/">
|
||||
Anti-Harry Potter and Anti-J. K. Rowling Masterlist | Articles
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time>19 March 2023</time>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<style>
|
||||
.content-list {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.content-list__title {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<p>See <a href="/categories/">all content categories</a>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.breadcrumbs {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<p>Made with ♥ by Leilukin since <time>11 September 2022</time></p>
|
||||
|
||||
|
||||
<ul class="footer__links">
|
||||
<li><a
|
||||
|
||||
href="/sitemap/
|
||||
">Site Map</a></li>
|
||||
<li><a
|
||||
|
||||
href="/changelogs/"
|
||||
>Changelogs</a></li>
|
||||
<li><a href="/feed.xml">RSS</a></li>
|
||||
</ul>
|
||||
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
margin-top: auto;
|
||||
background: var(--clr-main-footer-bg);
|
||||
padding: 0.8rem;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footer__links {
|
||||
justify-self: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 0.7em;
|
||||
}
|
||||
|
||||
.footer__links li:not(:last-child)::after {
|
||||
content: '|';
|
||||
padding-left: 0.6em;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
.footer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
||||
<i class="fa-solid fa-chevron-up"></i>
|
||||
</button>
|
||||
|
||||
<style>
|
||||
.top-btn {
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 999;
|
||||
border: none;
|
||||
background-color: var(--clr-top-btn-bg);
|
||||
color: var(--clr-top-btn-txt);
|
||||
border-radius: 50em;
|
||||
width: 2rem;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.top-btn:focus {
|
||||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const topButton = document.querySelector(".top-btn");
|
||||
|
||||
window.onscroll = () => {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
topButton.classList.remove("hidden");
|
||||
} else {
|
||||
topButton.classList.add("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
topButton.addEventListener('click', () => {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
left: 0,
|
||||
behavior: "smooth",
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,538 +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:title" content="Content Category: "james somerton"">
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="All contents under the "james somerton" category on Leilukin's Hub.">
|
||||
<meta name="generator" content="Eleventy v2.0.1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://leilukin.neocities.org/categories/james-somerton/">
|
||||
<meta property="og:site_name" content="Leilukin's Hub">
|
||||
<meta property="og:locale" content="en_MY">
|
||||
<meta property="og:description" content="All contents under the "james somerton" category on Leilukin's Hub.">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:url" content="https://leilukin.neocities.org/categories/james-somerton/">
|
||||
<meta name="twitter:description" content="All contents under the "james somerton" category on Leilukin's Hub.">
|
||||
<link rel="canonical" href="https://leilukin.neocities.org/categories/james-somerton/">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/pridesymbols.css">
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/assets/fonts/noto-sans/noto-sans.css">
|
||||
|
||||
|
||||
<link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
|
||||
<link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
|
||||
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
|
||||
|
||||
<title>
|
||||
Content Category: "james somerton" | Leilukin's Hub
|
||||
</title>
|
||||
</head>
|
||||
<body>
|
||||
<header class="hero">
|
||||
<div class="hero__top-bar hidden"></div>
|
||||
<div class="hero__img">
|
||||
|
||||
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style>
|
||||
.hero {
|
||||
width: 100%;
|
||||
background-color: var(--clr-hero-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero__top-bar {
|
||||
background-color: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
padding: 0.5em 0.7em;
|
||||
}
|
||||
|
||||
.hero__img {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.hero img {
|
||||
object-fit: contain;
|
||||
overflow: hidden;
|
||||
max-height: 16rem;
|
||||
|
||||
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const hero = document.querySelector(".hero");
|
||||
const heroTopBarEl = document.querySelector(".hero__top-bar");
|
||||
const headerImgEl = document.querySelector(".hero__img");
|
||||
|
||||
|
||||
const todayEvent = getTodayEvent();
|
||||
|
||||
if (todayEvent) {
|
||||
heroTopBarEl.classList.remove('hidden');
|
||||
heroTopBarEl.innerHTML = todayEvent.blurb;
|
||||
|
||||
if (todayEvent.class) {
|
||||
headerImgEl.classList.add(todayEvent.class);
|
||||
}
|
||||
}
|
||||
|
||||
function getTodayEvent() {
|
||||
const date = new Date();
|
||||
const month = date.getMonth() + 1;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
const weekOfMonth = Math.ceil(day / 7);
|
||||
|
||||
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
|
||||
const siteAnniversary = year - leilukinsHubLaunchDate;
|
||||
|
||||
if (month === 3 && day === 1)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 3 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day}</a>`,
|
||||
class: "symbol-venus",
|
||||
};
|
||||
else if (month === 3 && day === 31)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else if (month === 4 && day === 6)
|
||||
return {
|
||||
blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 4 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 4 && weekOfMonth === 4)
|
||||
return {
|
||||
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 5 && day === 17)
|
||||
return {
|
||||
blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
|
||||
class: "flag-progress",
|
||||
};
|
||||
else if (month === 5 && day === 19)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
|
||||
class: "flag-agender",
|
||||
};
|
||||
else if (month === 5 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday">Pansexual and Panromantic Awareness and Visibility Day</a>`,
|
||||
class: "flag-pan",
|
||||
};
|
||||
else if (month === 6)
|
||||
return {
|
||||
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 7 && day === 14)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
|
||||
class: "flag-non-binary",
|
||||
};
|
||||
else if (month === 7 && day === 28)
|
||||
return {
|
||||
blurb: `Today is Leilukin's Birthday`
|
||||
};
|
||||
else if (month === 8 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
|
||||
class: "flag-aro",
|
||||
};
|
||||
else if (month === 9 && day === 11)
|
||||
return {
|
||||
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin's Hub`
|
||||
};
|
||||
else if (month === 9 && day === 23)
|
||||
return {
|
||||
blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
|
||||
class: "flag-bi",
|
||||
};
|
||||
else if (month === 10 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 10 && day === 11)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
|
||||
class: "flag-rainbow",
|
||||
};
|
||||
else if (month === 10 && day === 17)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
|
||||
class: "flag-genderfluid",
|
||||
};
|
||||
else if (month === 10 && day === 24)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week">Ace Week</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 10 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
|
||||
class: "flag-intersex",
|
||||
};
|
||||
else if (month === 11 && day === 13)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else
|
||||
return null;
|
||||
}
|
||||
|
||||
</script>
|
||||
<nav class="navbar">
|
||||
<button class="navbar__toggle" aria-label="Navigation menu toggle">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
<h2 class="navbar__title">Navigation</h2>
|
||||
</button>
|
||||
<ul class="navbar__links">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about/">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/now/">Now</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/articles/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/projects/">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/shrines/">Shrines</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/links/">Links</a>
|
||||
</li>
|
||||
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
.navbar {
|
||||
background: var(--clr-navbar-bg);
|
||||
padding: 0.6em 1em;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.navbar__toggle,
|
||||
.navbar__title {
|
||||
color: var(--clr-navbar-link);
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.navbar__toggle:focus,
|
||||
.navbar a:focus {
|
||||
outline: 0.15em solid var(--clr-navbar-link);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar a:hover {
|
||||
color: var(--clr-link-hover);
|
||||
}
|
||||
|
||||
.navbar a:focus {
|
||||
outline-offset: 0.3em;
|
||||
}
|
||||
|
||||
.navbar__links {
|
||||
list-style: none;
|
||||
display: none;
|
||||
gap: 1em;
|
||||
padding: 0.5em 1.8em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.navbar__links--show {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
.navbar {
|
||||
padding: 0 0.6em;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar__links {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
overflow: unset;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const navbarToggle = document.querySelector('.navbar__toggle');
|
||||
const navbarLinks = document.querySelector(".navbar__links");
|
||||
|
||||
navbarToggle.addEventListener('click', () => {
|
||||
navbarLinks.classList.toggle("navbar__links--show");
|
||||
});
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<header class="main__header">
|
||||
|
||||
|
||||
|
||||
<h1>Content Category: "james somerton"</h1>
|
||||
|
||||
<p>All contents under the "james somerton" category on Leilukin's Hub.</p>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
<div class="content__wrapper">
|
||||
|
||||
|
||||
|
||||
<div class="content ">
|
||||
|
||||
|
||||
<h2>1 Contents Filed Under "james somerton"</h2>
|
||||
|
||||
|
||||
<ul class="item-list">
|
||||
|
||||
<li>
|
||||
<p class="item-list__title">
|
||||
<a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/">
|
||||
James Somerton Used My Video Game Footage Without Credit or Permission | Blog
|
||||
|
||||
</a>
|
||||
</p>
|
||||
<time>14 May 2024</time>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<style>
|
||||
.item-list {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.item-list__title {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.2rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<p>See <a href="/categories/">all content categories</a>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.breadcrumbs {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 0.7em 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.breadcrumbs li::after {
|
||||
content: '➔';
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
</style>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<p>Made with ♥ by Leilukin since <time>11 September 2022</time></p>
|
||||
|
||||
|
||||
<ul class="footer__links">
|
||||
<li><a
|
||||
|
||||
href="/sitemap/
|
||||
">Site Map</a></li>
|
||||
<li><a
|
||||
|
||||
href="/changelogs/"
|
||||
>Changelogs</a></li>
|
||||
<li><a href="/feed.xml">RSS</a></li>
|
||||
</ul>
|
||||
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
margin-top: auto;
|
||||
width: 100%;
|
||||
background: var(--clr-main-footer-bg);
|
||||
padding: 1rem 1rem 3rem 1rem;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footer__links {
|
||||
justify-self: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 0.7em;
|
||||
}
|
||||
|
||||
.footer__links li:not(:last-child)::after {
|
||||
content: '|';
|
||||
padding-left: 0.6em;
|
||||
}
|
||||
|
||||
/* Screen sizes larger than mobile */
|
||||
@media only screen and (min-width: 30rem) {
|
||||
.footer {
|
||||
padding: 1rem 1rem 2rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
.footer {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<button class="top-btn hidden" aria-label="Scroll to top">
|
||||
<i class="fa-solid fa-chevron-up"></i>
|
||||
</button>
|
||||
|
||||
<style>
|
||||
.top-btn {
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 999;
|
||||
border: none;
|
||||
background-color: var(--clr-top-btn-bg);
|
||||
color: var(--clr-top-btn-txt);
|
||||
border-radius: 50em;
|
||||
width: 2rem;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.top-btn:focus {
|
||||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script defer>
|
||||
const topButton = document.querySelector(".top-btn");
|
||||
|
||||
window.onscroll = () => {
|
||||
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
|
||||
topButton.classList.remove("hidden");
|
||||
} else {
|
||||
topButton.classList.add("hidden");
|
||||
}
|
||||
}
|
||||
|
||||
topButton.addEventListener('click', () => {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
left: 0,
|
||||
behavior: "smooth",
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -410,6 +410,14 @@
|
|||
|
||||
<article>
|
||||
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="2024-05-20">20 May 2024</h2>
|
||||
<a class="heading-anchor" href="#2024-05-20" aria-labelledby="2024-05-20"><span hidden="">#</span></a>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Replace the entire site's default font from Noto Sans to Lexend.</li>
|
||||
</ul>
|
||||
|
||||
<div class="heading-wrapper h2">
|
||||
<h2 id="2024-05-19">19 May 2024</h2>
|
||||
<a class="heading-anchor" href="#2024-05-19" aria-labelledby="2024-05-19"><span hidden="">#</span></a>
|
||||
|
|
|
|||
|
|
@ -410,6 +410,11 @@
|
|||
<article>
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style">20 May 2024</h3>
|
||||
<ul>
|
||||
<li>Replace the entire site's default font from Noto Sans to Lexend.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">19 May 2024</h3>
|
||||
<ul>
|
||||
<li>Replace the <a href="https://www.htmlcommentbox.com/">HTML Comment Box</a> widget on the <a href="/guestbook">guestbook page</a> with a guestbook that is powered by <a href="https://firebase.google.com/docs/database/">Firebase Realtime Database</a>.</li>
|
||||
|
|
@ -509,11 +514,6 @@
|
|||
<h3 class="date-style">13 October 2023</h3>
|
||||
<ul>
|
||||
<li>New blog post: <a href="/blog/posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived">My Cassette Beasts Pombomb Plushie Arrived!</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">4 October 2023</h3>
|
||||
<ul>
|
||||
<li>Cassette Beasts <a href="/shrines/cassettebeasts/">shrine</a>: Updated the Development History section of the <a href="/shrines/cassettebeasts/trivia">Trivia</a> page with info about the release of Update 1.5 and "Pier of the Unknown" DLC.</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<ul>
|
||||
<li>Add footnotes section to <a href="/shrines/asummersend/trivia/"><cite>A Summer’s End — Hong Kong 1986</cite> shrine Trivia page</a> and <a href="/shrines/cassettebeasts/facts/"><cite>Cassette Beasts</cite> shrine Facts page</a></li>
|
||||
</ul>
|
||||
|
|
@ -410,6 +410,11 @@
|
|||
<article>
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style">4 October 2023</h3>
|
||||
<ul>
|
||||
<li>Cassette Beasts <a href="/shrines/cassettebeasts/">shrine</a>: Updated the Development History section of the <a href="/shrines/cassettebeasts/trivia">Trivia</a> page with info about the release of Update 1.5 and "Pier of the Unknown" DLC.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">3 October 2023</h3>
|
||||
<ul>
|
||||
<li>Changed this website's font to Noto Sans.</li>
|
||||
|
|
@ -526,12 +531,6 @@
|
|||
<li>Reformatted source and reference citations, such as the <a href="/shrines/asummersend/trivia">Trivia</a> page on the A Summer’s End — Hong Kong 1986 shrine.</li>
|
||||
<li>Updated the <a href="/about/">About</a> page to add the site button and the link to the site's <a href="https://neocities.org/site/leilukin">Neocities profile</a>.</li>
|
||||
<li>Cassette Beasts <a href="/shrines/cassettebeasts/">shrine</a>: Added a <a href="/shrines/cassettebeasts/trivia">Trivia</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">8 August 2023</h3>
|
||||
<ul>
|
||||
<li>Cassette Beasts <a href="/shrines/cassettebeasts/">shrine</a>: Added a <a href="/shrines/cassettebeasts/featured">Featured</a> page.</li>
|
||||
<li>Added new resource: <a href="/resources/web-building-resources.html">Web Building Resources</a>.</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -410,6 +410,12 @@
|
|||
<article>
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style">8 August 2023</h3>
|
||||
<ul>
|
||||
<li>Cassette Beasts <a href="/shrines/cassettebeasts/">shrine</a>: Added a <a href="/shrines/cassettebeasts/featured">Featured</a> page.</li>
|
||||
<li>Added new resource: <a href="/resources/web-building-resources.html">Web Building Resources</a>.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">3 August 2023</h3>
|
||||
<ul>
|
||||
<li>Launched new <a href="/shrines/">shrine</a>: <a href="/shrines/cassettebeasts/">Cassette Beasts</a>.</li>
|
||||
|
|
@ -531,11 +537,6 @@
|
|||
<ul>
|
||||
<li>Added a new masterlist on my <a href="/resources/">Resources</a> page: <a href="/resources/anti-harry-potter-jk-rowling-masterlist">Anti-Harry Potter and Anti-J. K. Rowling Masterlist</a></li>
|
||||
<li>Changed the color of subheadings.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">2 March 2023</h3>
|
||||
<ul>
|
||||
<li>Star Wars: Knights of the Old Republic <a href="/shrines/starwarskotor/">shrine</a>: Updated the <a href="/shrines/starwarskotor/guides/">Guides page</a> to add a section for lists of cheats for the KotOR games.</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -410,6 +410,11 @@
|
|||
<article>
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style">2 March 2023</h3>
|
||||
<ul>
|
||||
<li>Star Wars: Knights of the Old Republic <a href="/shrines/starwarskotor/">shrine</a>: Updated the <a href="/shrines/starwarskotor/guides/">Guides page</a> to add a section for lists of cheats for the KotOR games.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">18 February 2023</h3>
|
||||
<ul>
|
||||
<li>Added <a href="/sitemap">Site Map</a>.</li>
|
||||
|
|
@ -525,11 +530,6 @@
|
|||
<h3 class="date-style">16 November 2022</h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Lonna Vash Mod for TSLRCM, to <a href="/projects/kotor2mods">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">12 November 2022</h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Dahnis Unique Look, to <a href="/projects/kotor2mods">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -410,6 +410,11 @@
|
|||
<article>
|
||||
<h2>Latest Changelogs</h2>
|
||||
|
||||
<h3 class="date-style">12 November 2022</h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, Dahnis Unique Look, to <a href="/projects/kotor2mods">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="date-style">9 November 2022</h3>
|
||||
<ul>
|
||||
<li>Added my latest mod, TSL Workbench Lightsaber Creation, to <a href="/mycreations/kotor2mods">my mods for Star Wars: Knights of the Old Republic II: The Sith Lords</a> page.</li>
|
||||
|
|
|
|||
|
|
@ -4,13 +4,24 @@
|
|||
<subtitle>Leilukin's personal website.</subtitle>
|
||||
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
|
||||
<link href="https://leilukin.neocities.org"/>
|
||||
<updated>2024-05-20T04:26:44Z</updated>
|
||||
<updated>2024-05-20T04:32:02Z</updated>
|
||||
<id>https://leilukin.neocities.org</id>
|
||||
<author>
|
||||
<name>Leilukin</name>
|
||||
<email>leilukin@outlook.com</email>
|
||||
</author>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 20 May 2024</title>
|
||||
<link href="https://leilukin.neocities.org/"/>
|
||||
<updated>2024-05-20T00:00:00Z</updated>
|
||||
<id>https://leilukin.neocities.org/</id>
|
||||
<content type="html"><ul>
|
||||
<li>Replace the entire site's default font from Noto Sans to Lexend.</li>
|
||||
</ul>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<title>Changelog: 19 May 2024</title>
|
||||
<link href="https://leilukin.neocities.org/"/>
|
||||
|
|
|
|||
|
|
@ -437,9 +437,9 @@
|
|||
<h2>Updates</h2>
|
||||
<div class="text-box">
|
||||
|
||||
<h3 class="date-style">19 May 2024:</h3>
|
||||
<h3 class="date-style">20 May 2024:</h3>
|
||||
<ul>
|
||||
<li>Replace the <a href="https://www.htmlcommentbox.com/">HTML Comment Box</a> widget on the <a href="/guestbook">guestbook page</a> with a guestbook that is powered by <a href="https://firebase.google.com/docs/database/">Firebase Realtime Database</a>.</li>
|
||||
<li>Replace the entire site's default font from Noto Sans to Lexend.</li>
|
||||
</ul>
|
||||
|
||||
<p><a href="/changelogs">View all site changelogs</a></p>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
date: 2024-05-20
|
||||
---
|
||||
|
||||
* Replace the entire site's default font from Noto Sans to Lexend.
|
||||
Loading…
Reference in New Issue