Replace 123Guestbook guestbook with a guestbook page

This commit is contained in:
Helen Chong 2024-05-15 00:58:48 +08:00
parent 1ca7a331db
commit 2dd5c56611
68 changed files with 948 additions and 68 deletions

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
@ -379,7 +381,7 @@
<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.</p>
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
<p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
<p>You can link to my website with this button:</p>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
@ -416,6 +418,7 @@
</div>
<ul>
<li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
</ul>
<div class="heading-wrapper h2">

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
@ -413,6 +415,7 @@
<h3 class="date-style">14 May 2024</h3>
<ul>
<li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
</ul>
<h3 class="date-style">9 May 2024</h3>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/>
<updated>2024-05-14T15:32:57Z</updated>
<updated>2024-05-14T16:58:09Z</updated>
<id>https://leilukin.neocities.org</id>
<author>
<name>Leilukin</name>
@ -18,6 +18,7 @@
<id>https://leilukin.neocities.org/</id>
<content type="html">&lt;ul&gt;
&lt;li&gt;New blog post: &lt;a href=&quot;https://leilukin.neocities.org/blog/posts/2024-05-14-james-somerton-my-vide-game-footage&quot;&gt;James Somerton Used My Video Game Footage Without Credit or Permission&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Replace 123Guestbook guestbook with a &lt;a href=&quot;https://leilukin.neocities.org/guestbook&quot;&gt;guestbook page&lt;/a&gt;, as 123Guestbook will be shutting down on 1 July 2024.&lt;/li&gt;
&lt;/ul&gt;
</content>
</entry>

625
_site/guestbook/index.html Normal file
View File

@ -0,0 +1,625 @@
<!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="Guestbook">
<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="Leave a message for Leilukin.">
<meta name="generator" content="Eleventy v2.0.1">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.neocities.org/guestbook/">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:locale" content="en_MY">
<meta property="og:description" content="Leave a message for Leilukin.">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://leilukin.neocities.org/guestbook/">
<meta name="twitter:description" content="Leave a message for Leilukin.">
<link rel="canonical" href="https://leilukin.neocities.org/guestbook/">
<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>
Guestbook | Leilukin's Hub
</title>
</head>
<body>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
</div>
</header>
<style>
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
padding: 0.5em 0.7em;
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
object-fit: contain;
overflow: hidden;
max-height: 16rem;
filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
}
</style>
<script defer>
const hero = document.querySelector(".hero");
const heroTopBarEl = document.querySelector(".hero__top-bar");
const headerImgEl = document.querySelector(".hero__img");
const todayEvent = getTodayEvent();
if (todayEvent) {
heroTopBarEl.classList.remove('hidden');
heroTopBarEl.innerHTML = todayEvent.blurb;
if (todayEvent.class) {
headerImgEl.classList.add(todayEvent.class);
}
}
function getTodayEvent() {
const date = new Date();
const month = date.getMonth() + 1;
const day = date.getDate();
const year = date.getFullYear();
const weekOfMonth = Math.ceil(day / 7);
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
const siteAnniversary = year - leilukinsHubLaunchDate;
if (month === 3 && day === 1)
return {
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
class: "flag-progress-intersex",
};
else if (month === 3 && day === 8)
return {
blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day}</a>`,
class: "symbol-venus",
};
else if (month === 3 && day === 31)
return {
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
class: "flag-trans",
};
else if (month === 4 && day === 6)
return {
blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
class: "flag-ace",
};
else if (month === 4 && day === 26)
return {
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
class: "flag-lesbian",
};
else if (month === 4 && weekOfMonth === 4)
return {
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
class: "flag-lesbian",
};
else if (month === 5 && day === 17)
return {
blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
class: "flag-progress",
};
else if (month === 5 && day === 19)
return {
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
class: "flag-agender",
};
else if (month === 5 && day === 25)
return {
blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday">Pansexual and Panromantic Awareness and Visibility Day</a>`,
class: "flag-pan",
};
else if (month === 6)
return {
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
class: "flag-progress-intersex",
};
else if (month === 7 && day === 14)
return {
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
class: "flag-non-binary",
};
else if (month === 7 && day === 28)
return {
blurb: `Today is Leilukin's Birthday`
};
else if (month === 8 && day === 25)
return {
blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
class: "flag-aro",
};
else if (month === 9 && day === 11)
return {
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin&#39;s Hub`
};
else if (month === 9 && day === 23)
return {
blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
class: "flag-bi",
};
else if (month === 10 && day === 8)
return {
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
class: "flag-lesbian",
};
else if (month === 10 && day === 11)
return {
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
class: "flag-rainbow",
};
else if (month === 10 && day === 17)
return {
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
class: "flag-genderfluid",
};
else if (month === 10 && day === 24)
return {
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week">Ace Week</a>`,
class: "flag-ace",
};
else if (month === 10 && day === 26)
return {
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
class: "flag-intersex",
};
else if (month === 11 && day === 13)
return {
blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
class: "flag-trans",
};
else
return null;
}
</script>
<nav class="navbar">
<button class="navbar__toggle" aria-label="Navigation menu toggle">
<i class="fa-solid fa-bars"></i>
<h2 class="navbar__title">Navigation</h2>
</button>
<ul class="navbar__links">
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about/">About</a>
</li>
<li>
<a href="/now/">Now</a>
</li>
<li>
<a href="/blog/">Blog</a>
</li>
<li>
<a href="/articles/">Articles</a>
</li>
<li>
<a href="/projects/">Projects</a>
</li>
<li>
<a href="/shrines/">Shrines</a>
</li>
<li>
<a href="/links/">Links</a>
</li>
<li>
<a aria-current="page" href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
<style>
.navbar {
background: var(--clr-navbar-bg);
padding: 0.6em 1em;
width: 100%;
z-index: 999;
position: sticky;
top: 0;
}
.navbar__toggle,
.navbar__title {
color: var(--clr-navbar-link);
font-size: 1.3rem;
}
.navbar__toggle {
display: flex;
align-items: center;
gap: 0.5em;
border: none;
padding: 0;
margin: 0;
background-color: inherit;
}
.navbar__toggle:focus,
.navbar a:focus {
outline: 0.15em solid var(--clr-navbar-link);
}
.navbar a {
color: var(--clr-navbar-link);
text-decoration: none;
cursor: pointer;
}
.navbar a:hover {
color: var(--clr-link-hover);
}
.navbar a:focus {
outline-offset: 0.3em;
}
.navbar__links {
list-style: none;
display: none;
gap: 1em;
padding: 0.5em 1.8em;
overflow: auto;
}
.navbar__links--show {
display: grid;
}
/* Tablet screen size */
@media only screen and (min-width: 43.75rem) {
.navbar {
padding: 0 0.6em;
}
.navbar__toggle {
display: none;
}
.navbar__links {
display: flex;
justify-content: space-evenly;
gap: 0.5em;
flex-wrap: wrap;
padding: 0;
overflow: unset;
}
}
</style>
<script defer>
const navbarToggle = document.querySelector('.navbar__toggle');
const navbarLinks = document.querySelector(".navbar__links");
navbarToggle.addEventListener('click', () => {
navbarLinks.classList.toggle("navbar__links--show");
});
</script>
<main>
<header class="main__header">
<h1>Guestbook</h1>
<p>Leave a message for Leilukin.</p>
</header>
<div class="content__wrapper">
<div class="content ">
<p>Feel free to say hi and connect with me! You may share your own website here.</p>
<p>This guestbook is not the place to ask for help with my video game mods. Ask for mod support or report issues with my mods on Deadly Stream, Nexus Mods or email me.</p>
<p><a href="https://web.archive.org/web/20240510121252/https%3A%2F%2Fleilukin.123guestbook.com%2F">Archive of my previous guestbook hosted on 123Guestbook</a></p>
<!-- customize labels of htmlcommentbox.com -->
<script>
/* This code goes ABOVE the main HTML Comment Box code!
replace the text in the single quotes below to customize labels.*/
hcb_user = {
/* L10N */
comments_header: 'Guestbook',
name_label: 'Name',
content_label: 'Enter your message here',
submit: 'Send',
logout_link: '<img title="log out" src="https://www.htmlcommentbox.com/static/images/door_out.svg" alt="[logout]" class="hcb-icon hcb-door-out"/>',
admin_link: '<img src="https://www.htmlcommentbox.com/static/images/door_in.svg" alt="[login]" class="hcb-icon hcb-door-in"/>',
no_comments_msg: 'No one has left any message yet. Be the first!',
add: 'Add your message',
again: 'Post another message',
rss: '<img src="https://www.htmlcommentbox.com/static/images/feed.svg" class="hcb-icon" alt="rss"/> ',
said: 'said:',
prev_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" title="previous page" alt="[prev]"/>',
next_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" title="next page" alt="[next]"/>',
showing: 'Showing',
to: 'to',
website_label: 'website (optional)',
email_label: 'email',
anonymous: 'Anonymous',
mod_label: '(mod)',
subscribe: 'Email Me Replies',
add_image: 'Add Image',
are_you_sure: 'Do you want to flag this comment as inappropriate?',
reply: 'Reply',
flag: 'Flag',
like: 'Like',
/* dates */
days_ago: 'days ago',
hours_ago: 'hours ago',
minutes_ago: 'minutes ago',
within_the_last_minute: 'within the last minute',
msg_thankyou: 'Thank you for your message!',
msg_approval: 'NOTE: This message is not published until approved',
msg_approval_required: 'Thank you for your message! Your message will appear once approved by Leilukin.',
err_bad_html: 'Your message contained bad html.',
err_bad_email: 'Please enter a valid email address.',
err_too_frequent: 'You must wait a few seconds between posting messages.',
err_comment_empty: 'Your message was not posted because it was empty!',
err_denied: 'Your message was not accepted.',
err_unknown: 'Your message was blocked for unknown reasons, please report this.',
err_spam: 'Your message was detected as spam.',
err_blocked: 'Your message was blocked by site policy.',
/* SETTINGS */
MAX_CHARS: 4096,
PAGE: '',
/* ID of the webpage to show comments for. defaults to the webpage the user is currently visiting. */
ON_COMMENT: function () {},
/* Function to call after commenting. */
RELATIVE_DATES: false /* show dates in the form "X hours ago." etc. */
};
</script>
<!-- done customizing labels of htmlcommentbox.com -->
<!-- begin wwww.htmlcommentbox.com -->
<section id="HCB_comment_box">
<a href="http://www.htmlcommentbox.com">Widget</a> is loading messages...
</section>
<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0"/>
<script type="text/javascript" id="hcb" defer>
/* <!-- */
if (!window.hcb_user) {
hcb_user = {};
}
(function () {
var s = document.createElement("script"),
l = hcb_user.PAGE || ("" + window.location).replace(/'/g, "%27"),
h = "https://www.htmlcommentbox.com";
s.setAttribute("type", "text/javascript");
s.setAttribute("src", h + "/jread?page=" + encodeURIComponent(l).replace("+", "%2B") + "&mod=%241%24wq1rdBcg%24IRFneco1bcPmYKq.t1Oae." + "&opts=16798&num=10&ts=1715702516205");
if (typeof s != "undefined")
document
.getElementsByTagName("head")[0]
.appendChild(s);
}
)();/* --> */
</script>
<style>
#HCB_comment_box form {
display: grid;
gap: 0.3em;
margin: 1.3rem 0;
}
#HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
font-family: inherit;
font-size: 1.2rem;
}
#HCB_comment_box {
height: auto;
font-family: inherit;
font-size: 1.2rem;
}
#HCB_comment_box #hcb_form .btn,
#HCB_comment_box #HCB_comment_form_box .btn {
background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt);
font-size: 1.2rem;
}
</style>
<!-- end www.htmlcommentbox.com -->
</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>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
@ -374,7 +376,7 @@
<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>You can browse all my contents published on this site through the <a href="/archive">Archive</a> page, or the <a href="/categories">Content Categories</a> page.</p>
<p>You may use the <a href="/sitemap">site map</a> to quickly navigate this website.</p>
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
<p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
<p>Enjoy your stay!</p>
</section>
@ -440,6 +442,7 @@
<h3 class="date-style">14 May 2024:</h3>
<ul>
<li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
</ul>
<p><a href="/changelogs">View all site changelogs</a></p>

View File

@ -260,7 +260,9 @@
<li>
<a aria-current="page" href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>

View File

@ -260,7 +260,9 @@
<li>
<a href="/links/">Links</a>
</li>
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
<li>
<a href="/guestbook/">Guestbook</a>
</li>
</ul>
</nav>
@ -425,6 +427,7 @@
<li><a href="/changelogs/2022/">2022</a></li>
<li><a href="/changelogs/2023/">2023</a></li>
<li><a href="/changelogs/2024/">2024</a></li></ul></li>
<li><a href="/guestbook/">Guestbook</a></li>
<li><a href="/categories/">Content Categories</a></li>
<li><a href="/archive/">Content Archive</a></li></ul>

View File

@ -8,5 +8,4 @@
<a {% if entry.url == page.url %}aria-current="page"{% endif %} href="{{ entry.url }}">{{ entry.title }}</a>
</li>
{%- endfor %}
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
{% endblock %}

View File

@ -2,4 +2,5 @@
date: 2024-05-14
---
* New blog post: [James Somerton Used My Video Game Footage Without Credit or Permission](/blog/posts/2024-05-14-james-somerton-my-vide-game-footage).
* New blog post: [James Somerton Used My Video Game Footage Without Credit or Permission](/blog/posts/2024-05-14-james-somerton-my-vide-game-footage).
* Replace 123Guestbook guestbook with a [guestbook page](/guestbook), as 123Guestbook will be shutting down on 1 July 2024.

View File

@ -15,7 +15,7 @@ eleventyNavigation:
<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>You can browse all my contents published on this site through the <a href="/archive">Archive</a> page, or the <a href="/categories">Content Categories</a> page.</p>
<p>You may use the <a href="/sitemap">site map</a> to quickly navigate this website.</p>
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
<p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
<p>Enjoy your stay!</p>
</section>

View File

@ -19,7 +19,7 @@ eleventyNavigation:
<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.</p>
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
<p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
{% include "main/site-btn.njk" %}

128
src/pages/guestbook.njk Normal file
View File

@ -0,0 +1,128 @@
---
layout: main/content
title: Guestbook
desc: Leave a message for Leilukin.
eleventyNavigation:
key: Guestbook
order: 9
---
<p>Feel free to say hi and connect with me! You may share your own website here.</p>
<p>This guestbook is not the place to ask for help with my video game mods. Ask for mod support or report issues with my mods on Deadly Stream, Nexus Mods or email me.</p>
<p><a href="https://web.archive.org/web/20240510121252/https%3A%2F%2Fleilukin.123guestbook.com%2F">Archive of my previous guestbook hosted on 123Guestbook</a></p>
<!-- customize labels of htmlcommentbox.com -->
<script>
/* This code goes ABOVE the main HTML Comment Box code!
replace the text in the single quotes below to customize labels.*/
hcb_user = {
/* L10N */
comments_header: 'Guestbook',
name_label: 'Name',
content_label: 'Enter your message here',
submit: 'Send',
logout_link: '<img title="log out" src="https://www.htmlcommentbox.com/static/images/door_out.svg" alt="[logout]" class="hcb-icon hcb-door-out"/>',
admin_link: '<img src="https://www.htmlcommentbox.com/static/images/door_in.svg" alt="[login]" class="hcb-icon hcb-door-in"/>',
no_comments_msg: 'No one has left any message yet. Be the first!',
add: 'Add your message',
again: 'Post another message',
rss: '<img src="https://www.htmlcommentbox.com/static/images/feed.svg" class="hcb-icon" alt="rss"/> ',
said: 'said:',
prev_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" title="previous page" alt="[prev]"/>',
next_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" title="next page" alt="[next]"/>',
showing: 'Showing',
to: 'to',
website_label: 'website (optional)',
email_label: 'email',
anonymous: 'Anonymous',
mod_label: '(mod)',
subscribe: 'Email Me Replies',
add_image: 'Add Image',
are_you_sure: 'Do you want to flag this comment as inappropriate?',
reply: 'Reply',
flag: 'Flag',
like: 'Like',
/* dates */
days_ago: 'days ago',
hours_ago: 'hours ago',
minutes_ago: 'minutes ago',
within_the_last_minute: 'within the last minute',
msg_thankyou: 'Thank you for your message!',
msg_approval: 'NOTE: This message is not published until approved',
msg_approval_required: 'Thank you for your message! Your message will appear once approved by Leilukin.',
err_bad_html: 'Your message contained bad html.',
err_bad_email: 'Please enter a valid email address.',
err_too_frequent: 'You must wait a few seconds between posting messages.',
err_comment_empty: 'Your message was not posted because it was empty!',
err_denied: 'Your message was not accepted.',
err_unknown: 'Your message was blocked for unknown reasons, please report this.',
err_spam: 'Your message was detected as spam.',
err_blocked: 'Your message was blocked by site policy.',
/* SETTINGS */
MAX_CHARS: 4096,
PAGE: '',
/* ID of the webpage to show comments for. defaults to the webpage the user is currently visiting. */
ON_COMMENT: function () {},
/* Function to call after commenting. */
RELATIVE_DATES: false /* show dates in the form "X hours ago." etc. */
};
</script>
<!-- done customizing labels of htmlcommentbox.com -->
<!-- begin wwww.htmlcommentbox.com -->
<section id="HCB_comment_box">
<a href="http://www.htmlcommentbox.com">Widget</a> is loading messages...
</section>
<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0"/>
<script type="text/javascript" id="hcb" defer>
/* <!-- */
if (!window.hcb_user) {
hcb_user = {};
}
(function () {
var s = document.createElement("script"),
l = hcb_user.PAGE || ("" + window.location).replace(/'/g, "%27"),
h = "https://www.htmlcommentbox.com";
s.setAttribute("type", "text/javascript");
s.setAttribute("src", h + "/jread?page=" + encodeURIComponent(l).replace("+", "%2B") + "&mod=%241%24wq1rdBcg%24IRFneco1bcPmYKq.t1Oae." + "&opts=16798&num=10&ts=1715702516205");
if (typeof s != "undefined")
document
.getElementsByTagName("head")[0]
.appendChild(s);
}
)();/* --> */
</script>
<style>
#HCB_comment_box form {
display: grid;
gap: 0.3em;
margin: 1.3rem 0;
}
#HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
font-family: inherit;
font-size: 1.2rem;
}
#HCB_comment_box {
height: auto;
font-family: inherit;
font-size: 1.2rem;
}
#HCB_comment_box #hcb_form .btn,
#HCB_comment_box #HCB_comment_form_box .btn {
background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt);
font-size: 1.2rem;
}
</style>
<!-- end www.htmlcommentbox.com -->