Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: Leilukin:e62d83e242dd940c8559e8a3ac1c70aa4de448bc
Branches Tags
Leilukin:main
Leilukin:build
..
compare: Leilukin:2c5ae101ce922082fd583f82d8cc5e2b8d1dab2d
Branches Tags
Leilukin:build
Leilukin:main

No commits in common. "e62d83e242dd940c8559e8a3ac1c70aa4de448bc" and "2c5ae101ce922082fd583f82d8cc5e2b8d1dab2d" have entirely different histories.
e62d83e242 ... 2c5ae101ce

24 changed files with 1689 additions and 113 deletions
Show Stats Expand all files Collapse all files

2
eleventy.config.md.js
View File

@ -138,7 +138,7 @@ module.exports = function (eleventyConfig) {
const warningMarkup = markdownLibrary.renderInline(warning); const warningMarkup = markdownLibrary.renderInline(warning);
const contentMarkup = markdownLibrary.render(content); const contentMarkup = markdownLibrary.render(content);
return `<details class="contnet-warning"> return `<details class="contnet-warning">
<summary class="contnet-warning__warning"><strong><span aria-hidden="true">⚠️</span> Content Warning:</strong> ${warningMarkup}</summary> <summary class="contnet-warning__warning"><strong>⚠️ Content Warning:</strong> ${warningMarkup}</summary>
<div class="contnet-warning__content">${contentMarkup}</div> <div class="contnet-warning__content">${contentMarkup}</div>
</details>`; </details>`;
}); });

4
src/_includes/global/baselayout.njk
View File

@ -22,6 +22,10 @@
{% include "global/fontdefault.njk" %} {% include "global/fontdefault.njk" %}
<link rel="stylesheet" href="{{'/assets/fonts/intel-one-mono/intel-one-mono.css' | url | safe}}"> <link rel="stylesheet" href="{{'/assets/fonts/intel-one-mono/intel-one-mono.css' | url | safe}}">
{# Font Awesome #}
<link href="{{'/assets/fonts/fontawesome/css/fontawesome.css' | url | safe}}" rel="stylesheet">
<link href="{{'/assets/fonts/fontawesome/css/brands.css' | url | safe}}" rel="stylesheet">
{# Verifications #} {# Verifications #}
<link rel="me" href="mailto:contact@leilukin.com"> <link rel="me" href="mailto:contact@leilukin.com">
<link rel="me" href="https://mstdn.social/@leilukin"> <link rel="me" href="https://mstdn.social/@leilukin">

2
src/_includes/global/h-card.njk
View File

@ -1,7 +1,7 @@
<div class="h-card hidden"> <div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span> <span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a> <a href="/" class="u-url">Home page</a>
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo"> <img src="/assets/leilukin/leilukin-bee.avif" alt="Leilukin" class="u-photo">
<span class="p-country-name">Malaysia</span> <span class="p-country-name">Malaysia</span>
<span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span> <span class="p-note">They/she. A proudly queer and autistic <span class="p-gender-identity">non-binary</span> lesbian from Malaysia.</span>
</div> </div>

3
src/articles/myarticles/palestine-masterlist.md
View File

@ -1,7 +1,7 @@
--- ---
articleTitle: Palestine Masterlist articleTitle: Palestine Masterlist
date: 2024-06-19 date: 2024-06-19
updated: 2024-07-13 updated: 2024-07-09
desc: My masterlist of resources related to Palestine. desc: My masterlist of resources related to Palestine.
categories: ["palestine"] categories: ["palestine"]
--- ---
@ -67,4 +67,3 @@ There have been Palestinians who reached out to me on Tumblr to ask for help wit
* [Help my family escape Gaza](https://www.gofundme.com/f/byt93-help-my-family-escape-gaza) (verified by [nabulsi](https://www.tumblr.com/nabulsi/754296720770383872/donate-to-help-my-family-escape-gaza-organized-by)) * [Help my family escape Gaza](https://www.gofundme.com/f/byt93-help-my-family-escape-gaza) (verified by [nabulsi](https://www.tumblr.com/nabulsi/754296720770383872/donate-to-help-my-family-escape-gaza-organized-by))
* [Hope for Gaza: Support Ashraf's Family Rebuild Their Lives](https://www.gofundme.com/f/hope-for-gaza-support-ashrafs-family-rebuild-their-lives) (verified by [90-ghost](https://www.tumblr.com/90-ghost/754535164856664064/legit-fundraiser)) * [Hope for Gaza: Support Ashraf's Family Rebuild Their Lives](https://www.gofundme.com/f/hope-for-gaza-support-ashrafs-family-rebuild-their-lives) (verified by [90-ghost](https://www.tumblr.com/90-ghost/754535164856664064/legit-fundraiser))
* [Help Zaen and Yehya to get out of Gaza](https://www.gofundme.com/f/help-sara-and-her-family-to-evacuate-gaza) (verified by [90-ghost](https://www.tumblr.com/90-ghost/754093176508268544)) * [Help Zaen and Yehya to get out of Gaza](https://www.gofundme.com/f/help-sara-and-her-family-to-evacuate-gaza) (verified by [90-ghost](https://www.tumblr.com/90-ghost/754093176508268544))
* [A Father's Plea: Help Save My Family](https://www.gofundme.com/f/btuqqt-save-my-familys-life) (verified by [el-shab-hussein](https://www.tumblr.com/el-shab-hussein/754087744556449792/vetted-family-fundraiser-masterpost-3))

12
src/assets/css/components.css
View File

@ -62,12 +62,11 @@
} }
.link-btn { .link-btn {
--btn-right-padding: 0.8em;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
border: 0.1em solid var(--clr-link-btn-bg); border: 0.1em solid var(--clr-link-btn-bg);
border-radius: 0.5em; border-radius: 0.5em;
padding: 0.4em var(--btn-right-padding); padding: 0.4em 0.8em;
background: var(--clr-link-btn-bg); background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt); color: var(--clr-link-btn-txt);
font-weight: 700; font-weight: 700;
@ -79,7 +78,7 @@
.link-btn:hover { .link-btn:hover {
background: var(--clr-link-btn-hover); background: var(--clr-link-btn-hover);
transition: 0.2s; transition: 0.3s;
} }
.link-btn:focus { .link-btn:focus {
@ -87,10 +86,6 @@
outline-offset: -0.25em; outline-offset: -0.25em;
} }
a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(--btn-right-padding) + 1.1em); }
a.link-btn[href^="http"]:not([href*="leilukin.com"])::after { background-color: var(--clr-link-btn-txt); }
a.link-btn[href^="http"]:not([href*="leilukin.com"]):hover::after { background-color: var(--clr-link-hover); }
/* Content Accordion */ /* Content Accordion */
* + .content-accordion { margin-top: var(--sz-paragraph-margin); } * + .content-accordion { margin-top: var(--sz-paragraph-margin); }
.content-accordion { padding: 0.5em 0; } .content-accordion { padding: 0.5em 0; }
@ -199,6 +194,3 @@ p + .adoptables { margin-top: 1em; }
border: 0.08em solid; border: 0.08em solid;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
} }
/* Remove external link icon from Website Carbon badge */
#wcb_a::after { all: revert; }

22
src/assets/css/general.css
View File

@ -51,28 +51,6 @@ a:hover { color: var(--clr-link-hover); }
a:not([class]):focus { outline: 0.15rem solid var(--clr-link); } a:not([class]):focus { outline: 0.15rem solid var(--clr-link); }
a:hover img, a:focus img { outline: 0.2em solid var(--clr-body-txt); } a:hover img, a:focus img { outline: 0.2em solid var(--clr-body-txt); }
a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture)),
.external-link { padding-right: 1.25em; }
a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture))::after,
.external-link::after {
position: absolute;
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.25em;
background-color: var(--clr-link);
mask-size: 100%;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
transform: translateY(0.25em);
}
a[href^='http']:not(:has(img, svg, figure)):hover::after {
background-color: var(--clr-link-hover);
}
:not(.c-blockquote) > blockquote, :not(.c-blockquote) > blockquote,
.c-blockquote { .c-blockquote {
padding: 1em 1.4em 1.4em; padding: 1em 1.4em 1.4em;

2
src/assets/css/misc.css
View File

@ -150,7 +150,7 @@ p { font-size: var(--fs-p); }
.index__link:hover { .index__link:hover {
cursor: pointer; cursor: pointer;
background: var(--clr-link-btn-hover); background: var(--clr-link-btn-hover);
transition: 0.2s; transition: 0.3s;
} }
.index__link:focus { .index__link:focus {

5
src/assets/css/utility.css
View File

@ -18,11 +18,6 @@
color: var(--clr-dates); color: var(--clr-dates);
} }
.inline-icon {
height: 1em;
fill: currentColor;
}
.hidden { display: none; } .hidden { display: none; }
.visually-hidden { .visually-hidden {

1594
src/assets/fonts/fontawesome/css/brands.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

23
src/assets/fonts/fontawesome/css/fontawesome.css vendored Normal file
View File

@ -0,0 +1,23 @@
/*!
* Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900); }
.fa,
.fab,
.fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto; }
.fab,
.fa-brands {
font-family: 'Font Awesome 6 Brands'; }

BIN
src/assets/fonts/fontawesome/webfonts/fa-brands-400.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/fontawesome/webfonts/fa-brands-400.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/projects/art/bee-diamond-hibiscus.avif
View File

Binary file not shown.

BIN
src/assets/projects/art/joltik-finds-oran-berry.avif
View File

Binary file not shown.

BIN
src/assets/projects/art/life-of-a-bee-with-pride.avif
View File

Binary file not shown.

BIN
src/assets/projects/art/pride-hibiscuses.avif
View File

Binary file not shown.

6
src/changelogs/logs/2024/2024-07-13.md
View File

@ -1,6 +0,0 @@
---
date: 2024-07-13
---
* Add an inline SVG icon to external links
* Use inline SVG for Font Awesome icons to remove the need of hosting Font Awesome assets

66
src/index.njk
View File

@ -63,7 +63,7 @@ eleventyComputed:
<section class="content__section"> <section class="content__section">
<h2>Spotlight: Palestine</h2> <h2>Spotlight: Palestine</h2>
<img src="/assets/buttons/misc/standwithpalestine.png" alt="Stand with Palestine" width="88" height="31" loading="lazy"> <img src="/assets/buttons/misc/standwithpalestine.png" alt="Stand with Palestine" width="88" height="31">
<p>From the river to the sea, Palestine will be free.</p> <p>From the river to the sea, Palestine will be free.</p>
<p><a href="/articles/palestine-masterlist">Palestine Masterlist</a></p> <p><a href="/articles/palestine-masterlist">Palestine Masterlist</a></p>
<p>(Credit to <a href="https://hillhouse.neocities.org/journal/notes/palestine">rosemary</a> for the Stand with Palestine button)</p> <p>(Credit to <a href="https://hillhouse.neocities.org/journal/notes/palestine">rosemary</a> for the Stand with Palestine button)</p>
@ -109,55 +109,55 @@ by Ann Magill (2021)") }}
<ul> <ul>
<li> <li>
<a href="https://macaque.moe/autiring/">Autists Online</a>: <a href="https://macaque.moe/autiring/">Autists Online</a>:
<a href="https://datoxicwaltz.neocities.org/">Previous Site</a>, <a href="https://datoxicwaltz.neocities.org/">⬅️ Previous Site</a>,
<a href="https://draggianuniverse.neocities.org/">Next Site</a> <a href="https://draggianuniverse.neocities.org/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://webring.bucketfish.me">bucket webring</a>: <a href="https://webring.bucketfish.me">bucket webring</a>:
<a href="https://webring.bucketfish.me/redirect.html?to=prev&name=Leilukin">Previous Site</a>, <a href="https://webring.bucketfish.me/redirect.html?to=prev&name=Leilukin">⬅️ Previous Site</a>,
<a href="https://webring.bucketfish.me/redirect.html?to=next&name=Leilukin">Next Site</a> <a href="https://webring.bucketfish.me/redirect.html?to=next&name=Leilukin">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://cs.sjoy.lol/">CSS JOY Webring</a>: <a href="https://cs.sjoy.lol/">CSS JOY Webring</a>:
<a href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/" class="external-link">Previous Site</a>, <a href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">⬅️ Previous Site</a>,
<a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/" class="external-link">Random Site</a>, <a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">🔀 Random Site</a>,
<a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/" class="external-link">Next Site</a> <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://eggring.neocities.org/">The Eggring</a>: <a href="https://eggring.neocities.org/">The Eggring</a>:
<a href="https://confetticake.neocities.org/">Previous Site</a>, <a href="https://confetticake.neocities.org/">⬅️ Previous Site</a>,
<a href="https://thecozy.cat/">Next Site</a> <a href="https://thecozy.cat/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://owlsroost.xyz/webring/index.html">Focus First Webring</a>: <a href="https://owlsroost.xyz/webring/index.html">Focus First Webring</a>:
<a href="https://foreverliketh.is/">Previous Site</a>, <a href="https://foreverliketh.is/">⬅️ Previous Site</a>,
<a href="https://www.write-on.org/">Next Site</a> <a href="https://www.write-on.org/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://xn--sr8hvo.ws">IndieWeb Webring</a>: <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a>:
<a href="https://xn--sr8hvo.ws/previous">Previous Site</a>, <a href="https://xn--sr8hvo.ws/previous">⬅️ Previous Site</a>,
<a href="https://xn--sr8hvo.ws/next">Next Site</a> <a href="https://xn--sr8hvo.ws/next">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://nenrikido.neocities.org/webrings/journalring/">JournalRing</a>: <a href="https://nenrikido.neocities.org/webrings/journalring/">JournalRing</a>:
<a href="https://radiolights.neocities.org/">Previous Site</a>, <a href="https://radiolights.neocities.org/">⬅️ Previous Site</a>,
<a href="https://starry-knight.neocities.org/">Next Site</a> <a href="https://starry-knight.neocities.org/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://isaacfish.neocities.org/webring/">Queer Coded Webring</a>: <a href="https://isaacfish.neocities.org/webring/">Queer Coded Webring</a>:
<a href="https://isaacfish.neocities.org/webring/25.html">Previous Site</a>, <a href="https://isaacfish.neocities.org/webring/25.html">⬅️ Previous Site</a>,
<a href="https://isaacfish.neocities.org/webring/27.html">Next Site</a> <a href="https://isaacfish.neocities.org/webring/27.html">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://webring.dinhe.net/" class="external-link">The retronaut webring</a>: <a href="https://webring.dinhe.net/">The retronaut webring</a>:
<a href="https://webring.dinhe.net/prev/https://leilukin.com/" class="external-link">Previous Site</a>, <a href="https://webring.dinhe.net/prev/https://leilukin.com/">⬅️ Previous Site</a>,
<a href="https://webring.dinhe.net/next/https://leilukin.com/" class="external-link">Next Site</a> <a href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://xandra.cc/safonts/">The Safonts Webring</a>: <a href="https://xandra.cc/safonts/">The Safonts Webring</a>:
<a href="https://dylanjava.com/">Previous Site</a>, <a href="https://dylanjava.com/">⬅️ Previous Site</a>,
<a href="https://xandra.cc/safonts/members.html">Members</a>, <a href="https://xandra.cc/safonts/members.html">📄 Members</a>,
<a href="https://xandra.cc/">Next Site</a> <a href="https://xandra.cc/">Next Site ➡️</a>
</li> </li>
</ul> </ul>
@ -165,21 +165,21 @@ by Ann Magill (2021)") }}
<ul> <ul>
<li> <li>
<a href="https://ghostring.neocities.org/">Ghostring</a>: <a href="https://ghostring.neocities.org/">Ghostring</a>:
<a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>, <a href="https://ghostring.neocities.org/leilukin/previous">⬅️ Previous Site</a>,
<a href="https://ghostring.neocities.org/leilukin/next">Next Site</a> <a href="https://ghostring.neocities.org/leilukin/next">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a>: <a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a>:
<a href="https://loop.graycot.dev/webring.html?action=list">Members</a>, <a href="https://loop.graycot.dev/webring.html?action=list">📄 Members</a>,
<a href="https://loop.graycot.dev/webring.html?action=prev">Previous Site</a>, <a href="https://loop.graycot.dev/webring.html?action=prev">⬅️ Previous Site</a>,
<a href="https://loop.graycot.dev/webring.html?action=rand">Random Site</a>, <a href="https://loop.graycot.dev/webring.html?action=rand">🔀 Random Site</a>,
<a href="https://loop.graycot.dev/webring.html?action=next">Next Site</a> <a href="https://loop.graycot.dev/webring.html?action=next">Next Site ➡️</a>
</li> </li>
<li> <li>
<a href="https://silly.city/">silly city</a>: <a href="https://silly.city/">silly city</a>:
<a href="https://silly.city/prev?user=Leilukin">Previous Site</a>, <a href="https://silly.city/prev?user=Leilukin">⬅️ Previous Site</a>,
<a href="https://silly.city/random">Random Site</a>, <a href="https://silly.city/random">🔀 Random Site</a>,
<a href="https://silly.city/next?user=Leilukin">Next Site</a> <a href="https://silly.city/next?user=Leilukin">Next Site ➡️</a>
</li> </li>
</ul> </ul>
</section> </section>

10
src/links/websites.njk
View File

@ -87,13 +87,13 @@ date: 2023-01-28
<p class="webring__name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p> <p class="webring__name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
<ul class="webring__links"> <ul class="webring__links">
<li class="webring__link"> <li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a> <a href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
</li> </li>
<li class="webring__link"> <li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a> <a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
</li> </li>
<li class="webring__link"> <li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a> <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -195,10 +195,10 @@ date: 2023-01-28
<p class="webring__name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p> <p class="webring__name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
<ul class="webring__links"> <ul class="webring__links">
<li class="webring__link"> <li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a> <a href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
</li> </li>
<li class="webring__link"> <li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a> <a href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
</li> </li>
</ul> </ul>
</nav> </nav>

15
src/pages/about.md
View File

@ -46,18 +46,19 @@ Leilukin is not my real name, but it is an internet pseudonym that I have used s
Social media platforms you can find me on: Social media platforms you can find me on:
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"/></svg> [Tumblr](https://lesbiannova.tumblr.com/) * <i class="fa-brands fa-tumblr"></i> [Tumblr](https://lesbiannova.tumblr.com/)
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg> [YouTube](https://www.youtube.com/Leilukin) * <i class="fa-brands fa-youtube"></i> [YouTube](https://www.youtube.com/Leilukin)
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M459.4 151.7c.3 4.5 .3 9.1 .3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z"/></svg> [Twitter](https://twitter.com/Leilukin) * <i class="fa-brands fa-twitter"></i> [Twitter](https://twitter.com/Leilukin)
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg> [Mastodon](https://mstdn.social/@leilukin) * <i class="fa-brands fa-mastodon"></i> [Mastodon](https://mstdn.social/@leilukin)
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg> [Mastodon (for gaming)](https://elekk.xyz/@leilukin) * <i class="fa-brands fa-mastodon"></i> [Mastodon (for gaming)](https://elekk.xyz/@leilukin)
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"/></svg> [Bluesky](https://bsky.app/profile/leilukin.com){.external-link} * <i class="fa-brands fa-bluesky"></i> [Bluesky](https://bsky.app/profile/leilukin.com)
* <i class="fa-brands fa-instagram"></i> [Instagram](https://www.instagram.com/leilukin)
However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option. However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option.
I also have media catalogues online on the following platforms: I also have media catalogues online on the following platforms:
* <svg class="inline-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M395.5 177.5c0 33.8-27.5 61-61 61-33.8 0-61-27.3-61-61s27.3-61 61-61c33.5 0 61 27.2 61 61zm52.5 .2c0 63-51 113.8-113.7 113.8L225 371.3c-4 43-40.5 76.8-84.5 76.8-40.5 0-74.7-28.8-83-67L0 358V250.7L97.2 290c15.1-9.2 32.2-13.3 52-11.5l71-101.7c.5-62.3 51.5-112.8 114-112.8C397 64 448 115 448 177.7zM203 363c0-34.7-27.8-62.5-62.5-62.5-4.5 0-9 .5-13.5 1.5l26 10.5c25.5 10.2 38 39 27.7 64.5-10.2 25.5-39.2 38-64.7 27.5-10.2-4-20.5-8.3-30.7-12.2 10.5 19.7 31.2 33.2 55.2 33.2 34.7 0 62.5-27.8 62.5-62.5zm207.5-185.3c0-42-34.3-76.2-76.2-76.2-42.3 0-76.5 34.2-76.5 76.2 0 42.2 34.3 76.2 76.5 76.2 41.9 .1 76.2-33.9 76.2-76.2z"/></svg> [Steam](https://steamcommunity.com/id/leilukin/) * <i class="fa-brands fa-steam-symbol"></i> [Steam](https://steamcommunity.com/id/leilukin/)
* [The StoryGraph](https://app.thestorygraph.com/profile/leilukin) * [The StoryGraph](https://app.thestorygraph.com/profile/leilukin)
You can contact me via email: {{sitemeta.siteAuthor.email}}. You can contact me via email: {{sitemeta.siteAuthor.email}}.

4
src/projects/art/art.11tydata.json
View File

@ -1,4 +0,0 @@
{
"tags": ["artworks", "contents"],
"categories": ["artworks"]
}

5
src/projects/code/bellabuffs-phpmailer.md
View File

@ -6,8 +6,7 @@ eleventyNavigation:
--- ---
* [Demo](https://fan.leilukin.com/cassettebeasts){.link-btn} * [Demo](https://fan.leilukin.com/cassettebeasts){.link-btn}
* [Source Code (GitHub)](https://github.com/helenclx/BellaBuffs-PHPMailer){.link-btn} * [Source Code](https://github.com/helenclx/BellaBuffs-PHPMailer){.link-btn}
* [Source Code (Gitea)](https://git.32bit.cafe/Leilukin/BellaBuffs-PHPMailer){.link-btn}
* [Download (GitHub)](https://github.com/helenclx/BellaBuffs-PHPMailer/releases/latest){.link-btn} * [Download (GitHub)](https://github.com/helenclx/BellaBuffs-PHPMailer/releases/latest){.link-btn}
{.link-btn--wrapper} {.link-btn--wrapper}
@ -19,7 +18,7 @@ This fork replaces the PHP `mail()` functions from BellaBuffs with PHPMailer, al
I created this BellaBuffs fork when I was building the [{% cite "Cassette Beasts" %} fanlisting](https://fan.leilukin.com/cassettebeasts) with BellaBuffs and hosting the fanlisting on [InfinityFree](https://www.infinityfree.com/). I learned that InfinityFree's free hosting plan [does not support PHP `mail()` function](https://forum.infinityfree.com/t/sending-email-from-your-website-php-mail/49242), so incorporating PHPMailer was the solution to allow the {% cite "Cassette Beasts" %} fanlisting to send emails. I created this BellaBuffs fork when I was building the [{% cite "Cassette Beasts" %} fanlisting](https://fan.leilukin.com/cassettebeasts) with BellaBuffs and hosting the fanlisting on [InfinityFree](https://www.infinityfree.com/). I learned that InfinityFree's free hosting plan [does not support PHP `mail()` function](https://forum.infinityfree.com/t/sending-email-from-your-website-php-mail/49242), so incorporating PHPMailer was the solution to allow the {% cite "Cassette Beasts" %} fanlisting to send emails.
More information about my BellaBuffs fork and instructions for how to use it can be found on [its GitHub repository](https://github.com/helenclx/BellaBuffs-PHPMailer) and [its Gitea repository mirror](https://git.32bit.cafe/Leilukin/BellaBuffs-PHPMailer). More information about my BellaBuffs fork and instructions for how to use it can be found on [its GitHub repository](https://github.com/helenclx/BellaBuffs-PHPMailer).
## Features ## Features
* Integrate PHPMailer for the email sending features, should the fanlisting owner enables these features * Integrate PHPMailer for the email sending features, should the fanlisting owner enables these features

18
src/shrines/cassettebeasts/facts.md
View File

@ -108,11 +108,11 @@ The idea of copying monster forms to transform into came from Tom Coxon's dream.
Another oddball source of inspiration for Tom the story [“The Beatles Never Broke Up”](https://thebeatlesneverbrokeup.com/story/), about a man who in 2009 hit his head and woke up in another world where the Beatles still exist, where people still use analogue technology, and where parallel universe travel is commonplace.[^cb-steam-blog-20230228] Another oddball source of inspiration for Tom the story [“The Beatles Never Broke Up”](https://thebeatlesneverbrokeup.com/story/), about a man who in 2009 hit his head and woke up in another world where the Beatles still exist, where people still use analogue technology, and where parallel universe travel is commonplace.[^cb-steam-blog-20230228]
The presentation of Archangels is inspired a little by the Witches in {% cite "Puella Magi Madoka Magica" %}.[^cb-steam-blog-20230228] The presentation of Archangels is inspired a little by the Witches in Puella Magi Madoka Magica.[^cb-steam-blog-20230228]
The way the relationship system ties into fusions is heavily influenced by {% cite "Steven Universe" %}, which both Tom and Jay are fans of.[^cb-steam-blog-20230228] The way the relationship system ties into fusions is heavily influenced by Steven Universe, which both Tom and Jay are fans of.[^cb-steam-blog-20230228]
The AP system in {% cite "Cassette Beasts" %} is taken from board and card games.[^cb-steam-blog-20230228] The AP system in Cassette Beasts is taken from board and card games.[^cb-steam-blog-20230228]
Jay cited comic author Grant Morrison as an influence on the broader themes of the game (as well as the strange English surrealism of the setting), as Morrison's stories often explore the nature of fiction, multiple realities, and their influence on one another.[^cb-steam-blog-20230228] Jay cited comic author Grant Morrison as an influence on the broader themes of the game (as well as the strange English surrealism of the setting), as Morrison's stories often explore the nature of fiction, multiple realities, and their influence on one another.[^cb-steam-blog-20230228]
@ -142,7 +142,7 @@ Common words and phrases:
#### Meredith #### Meredith
Often staggers her words, like, uh, this. Uses British slang where appropriate. Most likely to (mildly) swear/curse. Often staggers her words, like, uh, this. Uses british slang where appropriate. Most likely to (mildly) swear/curse.
Common words and phrases: Common words and phrases:
@ -177,19 +177,19 @@ Common words and phrases:
#### Viola #### Viola
Lightly used Shakespearian English. Very formal. Often uses quotes adapted (made less complex) from [actual Shakespeare](https://www.rsc.org.uk/shakespeares-plays/famous-quotes). Lightly used Shakespearian english. Very formal. Often uses quotes adapted (made less complex) from [actual Shakespeare](https://www.rsc.org.uk/shakespeares-plays/famous-quotes).
Common words and phrases: Common words and phrases:
* Dear [character name] * Dear \[character name\]
* Alas * Alas
* Spirit (instead of Archangels) * Spirit (instead of archangels)
## The Developers ## The Developers
Jay Baylis' favourite monster catching game is {% cite "Pokémon Ruby/Sapphire" %}.^[Jay Baylis' (u/SamuriFerret) [comment](https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9qo03/). Bytten Studio's AMA on r/NintendoSwitch. 1 July 2023.] Jay Baylis' favourite monster catching game is Pokémon Ruby/Sapphire.^[Jay Baylis' (u/SamuriFerret) [comment](https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9qo03/). Bytten Studio's AMA on r/NintendoSwitch. 1 July 2023.]
Tom Coxon's favourite monster catching game is {% cite "Siralim Ultimate" %}.^[Tom Coxon's (u/tcoxon) [comment](https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9qicf/). Bytten Studio's AMA on r/NintendoSwitch. 1 July 2023.] Tom Coxon's favourite monster catching game is Siralim Ultimate.^[Tom Coxon's (u/tcoxon) [comment](https://www.reddit.com/r/NintendoSwitch/comments/14nvsiu/ama_we_are_bytten_studio_the_developers_of/jq9qicf/). Bytten Studio's AMA on r/NintendoSwitch. 1 July 2023.]
## Frequently Asked Topics ## Frequently Asked Topics

5
src/statements/colophon.md
View File

@ -1,7 +1,7 @@
--- ---
title: Colophon title: Colophon
keyword: colophon page keyword: colophon page
updated: 2024-07-13 updated: 2024-07-06
toc: true toc: true
eleventyNavigation: eleventyNavigation:
order: 14 order: 14
@ -14,7 +14,7 @@ Information about how this website is built.
* Templating languages: Nunjucks and Markdown * Templating languages: Nunjucks and Markdown
* Code written with Visual Studio Code * Code written with Visual Studio Code
* JavaScript runtime: [Bun](https://bun.sh) * JavaScript runtime: [Bun](https://bun.sh)
* Source code available on [GitHub](https://github.com/helenclx/leilukin-site) and its [Gitea mirror](https://git.32bit.cafe/Leilukin/leilukin-site) * Source code available on [GitHub](https://github.com/helenclx/leilukin-site)
## Host and Domain ## Host and Domain
* Deployed to [Netlify](https://www.netlify.com/) from this site's GitHub repository * Deployed to [Netlify](https://www.netlify.com/) from this site's GitHub repository
@ -43,6 +43,7 @@ Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/mar
## Self-hosted Assets ## Self-hosted Assets
* [Lexend](https://www.lexend.com/) font family (used as the default font of this site) * [Lexend](https://www.lexend.com/) font family (used as the default font of this site)
* [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) typeface (used as the monospace font of this site) * [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) typeface (used as the monospace font of this site)
* [Font Awesome](https://fontawesome.com/) (brand icons only)
## JavaScript ## JavaScript
Due to this website being a static site, JavaScript is used to create dynamic and interactive components of this site. Here is a list of how JavaScript is used on this site: Due to this website being a static site, JavaScript is used to create dynamic and interactive components of this site. Here is a list of how JavaScript is used on this site: