Compare commits

..

27 Commits

Author SHA1 Message Date
Helen Chong e62d83e242 Remove defer attribute from tooltip scripts 2024-07-13 21:06:38 +08:00
Helen Chong fe3a4e3d36 Remove emojis from home page webring links 2024-07-13 20:59:26 +08:00
Helen Chong 44ac16800b Add aria-hidden to content warning accordion emoji 2024-07-13 20:58:05 +08:00
Helen Chong aa9fb5093b Rearrange emoji for webring next site links 2024-07-13 20:54:04 +08:00
Helen Chong dd84b2e917 Add external link class to webring links containing leilukin.com 2024-07-13 20:52:20 +08:00
Helen Chong c00ccd71da Add 13 July 2024 changelog 2024-07-13 20:50:17 +08:00
Helen Chong 73e642c0d8 Rename art works tag to artworks 2024-07-13 20:47:13 +08:00
Helen Chong d19d298a4b Add external link icons to webring links 2024-07-13 20:17:32 +08:00
Helen Chong ce2af66312 Remove !important declaration from link buttons 2024-07-13 20:11:59 +08:00
Helen Chong c97987a698 Add external link CSS class 2024-07-13 19:58:40 +08:00
Helen Chong 527a01e48c Use inline SVG for Font Awesome icons 2024-07-13 19:55:18 +08:00
Helen Chong 9207bad41e Defer tooltips script 2024-07-13 19:07:13 +08:00
Helen Chong 33d86b390c Lazy load Stand with Palestine button 2024-07-13 18:59:19 +08:00
Helen Chong 00c1de0090 Add Yousef Hilles' GoFundMe campaign 2024-07-13 09:39:09 +08:00
Helen Chong ffc57c5cbd Remove external link icon from picture elements 2024-07-13 02:28:36 +08:00
Helen Chong 1f6691a58a Use Postimages to host h-card photo 2024-07-13 02:18:23 +08:00
Helen Chong 7ddbdab7be Fix link buttons tlye not being applied 2024-07-13 02:03:33 +08:00
Helen Chong 8fba5389cb Remove external link icon from links containing my domain name 2024-07-13 01:54:39 +08:00
Helen Chong ef78e21d4b Reduce link button transition time 2024-07-13 01:02:32 +08:00
Helen Chong 95abe6b8fd Adjust exter link icon in link buttons 2024-07-13 01:00:59 +08:00
Helen Chong 2578a9b6e9 Remove external link icon from Website Carbon badge 2024-07-13 00:43:22 +08:00
Helen Chong d35a560563 Add an icon to external links 2024-07-13 00:24:04 +08:00
Helen Chong 4d5fc90885 Add cite shortcode for works on Cassette Beasts facts page 2024-07-12 22:48:24 +08:00
Helen Chong 13ba36a6e7 Add link to the site's Gitea repo mirror 2024-07-11 11:43:39 +08:00
Helen Chong 411cf5c6c2 Add link to BellaBuffs' Gitea repo mirror 2024-07-11 11:38:44 +08:00
Helen Chong 5c61e08b5c Add directory data to my art works 2024-07-10 17:54:02 +08:00
Helen Chong d708e3a6b9 Add my artworks 2024-07-10 17:50:29 +08:00
24 changed files with 113 additions and 1689 deletions

View File

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

View File

@ -22,10 +22,6 @@
{% include "global/fontdefault.njk" %}
<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 #}
<link rel="me" href="mailto:contact@leilukin.com">
<link rel="me" href="https://mstdn.social/@leilukin">

View File

@ -1,7 +1,7 @@
<div class="h-card hidden">
<span class="p-name p-nickname">Leilukin</span>
<a href="/" class="u-url">Home page</a>
<img src="/assets/leilukin/leilukin-bee.avif" alt="Leilukin" class="u-photo">
<img src="https://i.postimg.cc/RZJgS6tY/leilukin-bee.avif" alt="Leilukin" class="u-photo">
<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>
</div>

View File

@ -1,7 +1,7 @@
---
articleTitle: Palestine Masterlist
date: 2024-06-19
updated: 2024-07-09
updated: 2024-07-13
desc: My masterlist of resources related to Palestine.
categories: ["palestine"]
---
@ -66,4 +66,5 @@ There have been Palestinians who reached out to me on Tumblr to ask for help wit
* [Help Ahmed family to travel to a save place](https://www.gofundme.com/f/help-ahmed-family-to-travel) (veridied by [nabulsi](https://www.tumblr.com/nabulsi/752576616277868544/hello-how-are-you-my-name-is-ahmed-im-from))
* [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))
* [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))

View File

@ -62,11 +62,12 @@
}
.link-btn {
--btn-right-padding: 0.8em;
text-align: center;
display: inline-block;
border: 0.1em solid var(--clr-link-btn-bg);
border-radius: 0.5em;
padding: 0.4em 0.8em;
padding: 0.4em var(--btn-right-padding);
background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt);
font-weight: 700;
@ -78,7 +79,7 @@
.link-btn:hover {
background: var(--clr-link-btn-hover);
transition: 0.3s;
transition: 0.2s;
}
.link-btn:focus {
@ -86,6 +87,10 @@
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 { margin-top: var(--sz-paragraph-margin); }
.content-accordion { padding: 0.5em 0; }
@ -193,4 +198,7 @@ p + .adoptables { margin-top: 1em; }
flex: 1;
border: 0.08em solid;
padding: 0.2em 0.4em;
}
}
/* Remove external link icon from Website Carbon badge */
#wcb_a::after { all: revert; }

View File

@ -51,6 +51,28 @@ a:hover { color: var(--clr-link-hover); }
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[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,
.c-blockquote {
padding: 1em 1.4em 1.4em;

View File

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

View File

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

File diff suppressed because it is too large Load Diff

View File

@ -1,23 +0,0 @@
/*!
* 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'; }

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,6 @@
---
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

View File

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

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

View File

@ -46,19 +46,18 @@ 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:
* <i class="fa-brands fa-tumblr"></i> [Tumblr](https://lesbiannova.tumblr.com/)
* <i class="fa-brands fa-youtube"></i> [YouTube](https://www.youtube.com/Leilukin)
* <i class="fa-brands fa-twitter"></i> [Twitter](https://twitter.com/Leilukin)
* <i class="fa-brands fa-mastodon"></i> [Mastodon](https://mstdn.social/@leilukin)
* <i class="fa-brands fa-mastodon"></i> [Mastodon (for gaming)](https://elekk.xyz/@leilukin)
* <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)
* <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/)
* <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)
* <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)
* <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)
* <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)
* <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}
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 class="fa-brands fa-steam-symbol"></i> [Steam](https://steamcommunity.com/id/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="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/)
* [The StoryGraph](https://app.thestorygraph.com/profile/leilukin)
You can contact me via email: {{sitemeta.siteAuthor.email}}.

View File

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

View File

@ -6,7 +6,8 @@ eleventyNavigation:
---
* [Demo](https://fan.leilukin.com/cassettebeasts){.link-btn}
* [Source Code](https://github.com/helenclx/BellaBuffs-PHPMailer){.link-btn}
* [Source Code (GitHub)](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}
{.link-btn--wrapper}
@ -18,7 +19,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.
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).
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).
## Features
* Integrate PHPMailer for the email sending features, should the fanlisting owner enables these features

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]
The presentation of Archangels is inspired a little by the Witches in Puella Magi Madoka Magica.[^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 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 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 AP system in Cassette Beasts is taken from board and card games.[^cb-steam-blog-20230228]
The AP system in {% cite "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]
@ -142,7 +142,7 @@ Common words and phrases:
#### 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:
@ -177,19 +177,19 @@ Common words and phrases:
#### 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:
* Dear \[character name\]
* Dear [character name]
* Alas
* Spirit (instead of archangels)
* Spirit (instead of Archangels)
## The Developers
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.]
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.]
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.]
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.]
## Frequently Asked Topics

View File

@ -1,7 +1,7 @@
---
title: Colophon
keyword: colophon page
updated: 2024-07-06
updated: 2024-07-13
toc: true
eleventyNavigation:
order: 14
@ -14,7 +14,7 @@ Information about how this website is built.
* Templating languages: Nunjucks and Markdown
* Code written with Visual Studio Code
* JavaScript runtime: [Bun](https://bun.sh)
* Source code available on [GitHub](https://github.com/helenclx/leilukin-site)
* Source code available on [GitHub](https://github.com/helenclx/leilukin-site) and its [Gitea mirror](https://git.32bit.cafe/Leilukin/leilukin-site)
## Host and Domain
* Deployed to [Netlify](https://www.netlify.com/) from this site's GitHub repository
@ -43,7 +43,6 @@ Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/mar
## Self-hosted Assets
* [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)
* [Font Awesome](https://fontawesome.com/) (brand icons only)
## 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: