Compare commits

...

6 Commits

Author SHA1 Message Date
Helen Chong 832002adf2 Add more web cliques 2024-07-18 14:10:49 +08:00
Helen Chong 73905e45c5 Add 18 July 2024 changelog 2024-07-18 12:58:47 +08:00
Helen Chong b43e6fa82a Add inline image utility class 2024-07-18 12:53:43 +08:00
Helen Chong b708a10275 Add web cliques to home page 2024-07-18 12:45:32 +08:00
Helen Chong a1864d6d1f Create Joined tab to links page 2024-07-18 12:39:55 +08:00
Helen Chong 8cab485cf4 Create web cliques template 2024-07-18 12:38:45 +08:00
11 changed files with 217 additions and 164 deletions

View File

@ -0,0 +1,41 @@
{%- macro webCliqueImg(file, width, height, alt="") -%}
<img src="/assets/cliques/{{ file }}" alt="{{ alt }}" class="inline-img" width="{{ width }}" height="{{ height }}" loading="lazy">
{%- endmacro -%}
<ul>
<li><a href="http://aromatic.wings.nu/">aromatic</a> // lavender</li>
<li><a href="http://cliqued.wings.nu/">rainbow</a> &#x1F308; black and purple</li>
<li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
<li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
<li>
{{ webCliqueImg("caffeineNATION.png", 80, 15) }}
<a href="https://caffeinated.wings.nu/">caffeineNATION</a> &#x2615;&#xFE0E; mocha latte
</li>
<li>
<a href="http://cliqued.wings.nu/">OTF</a>
{{ webCliqueImg("OTF.png", 15, 16) }}
<a href="/shrines/cassettebeasts"><cite>Cassette Beasts</cite></a>
</li>
<li>
<a href="https://macaque.neocities.org/trickyfox/">LINKED !</a>
{{ webCliqueImg("linked.png", 20, 20) }}
<a href="https://wiki.cassettebeasts.com/wiki/Meredith">Meredith Chen</a>
</li>
<li>
<a href="https://starwars.fandom.com/wiki/Juhani">Juhani</a> is the <a href="https://cliques.moudoku.com/guardian">guardian</a> of this website
</li>
<li>
<a href="http://cliqued.wings.nu/">unexpected song</a>
{{ webCliqueImg("unexpectedsong.png", 16, 16) }}
<a href="https://bulbapedia.bulbagarden.net/wiki/Steven_Stone">Steven Stone</a>
</li>
<li>
<a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom
{{ webCliqueImg("breloom.png", 23, 25) }}
</li>
<li>
<a href="http://cliqued.wings.nu/">my jam!!</a>
{{ webCliqueImg("myjam.png", 16, 16) }}
<a href="https://www.youtube.com/watch?v=lP2-68Y0onM">"Same Old Story"</a>
</li>
</ul>

BIN
src/assets/cliques/OTF.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -1,6 +1,7 @@
/* UTILITY CLASSES */
.bold-text { font-weight: 700; }
.center-text { text-align: center; }
.inline-img { display: inline-block; }
.break-word { word-break: break-word; }
.center-el {

View File

@ -0,0 +1,6 @@
---
date: 2024-07-18
---
* Add list of web cliques I joined to the home page
* Add a [Joined](/links/#joined) tab to the [Links page](/links) to list the web cliques and widgets of web rings I joined, as well as linking to my fanlisting collective.

View File

@ -94,13 +94,8 @@ by Ann Magill (2021)") }}
</section>
<section class="content__section">
<h2>Badges</h2>
<div id="wcb" class="carbonbadge wcb-d">
<noscript>
<p>Looks like you have JavaScript disabled. JavaScript is required to display the <a href="https://www.websitecarbon.com/badge/">Website Carbon badge</a>.</p>
</noscript>
</div>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
<h2>Web Cliques</h2>
{% include "main/webcliques.njk" %}
</section>
<section class="content__section">
@ -184,6 +179,16 @@ by Ann Magill (2021)") }}
</ul>
</section>
<section class="content__section">
<h2>Badges</h2>
<div id="wcb" class="carbonbadge wcb-d">
<noscript>
<p>Looks like you have JavaScript disabled. JavaScript is required to display the <a href="https://www.websitecarbon.com/badge/">Website Carbon badge</a>.</p>
</noscript>
</div>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
</section>
<section class="content__section">
<h2>Support Me</h2>
{% include "main/support-me.njk" %}

157
src/links/joined.njk Normal file
View File

@ -0,0 +1,157 @@
---
title: Joined
date: 2023-01-29
---
<h3>Web Cliques</h3>
{% include "main/webcliques.njk" %}
<h3>Fanlistings</h3>
<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
<h3>Webrings</h3>
<ul class="web-btn-wrapper">
<li>
<div id="autiring">
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-variables.js"></script>
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-widget.js"></script>
</div>
</li>
<li>
<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=Leilukin"></iframe>
</li>
<li>
<nav class="webring" aria-labelledby="css-joy-name">
<p class="webring__name" id="css-joy-name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div id='DykeWrite-Web2'> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-variables.js"></script> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-widget.js"></script> </div>
<link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css">
</li>
<li>
<script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() { eggring.createLinks(); });
</script>
<nav class="webring" aria-labelledby="eggring-name">
<p class="webring__name" id="eggring-name">🥚 <a id="eggringIndex" href="https://eggring.neocities.org/">The Eggring</a> 🥚</p>
<ul class="webring__links">
<li class="webring__link">
<a id="eggringPrev" href="https://confetticake.neocities.org/">Previous Site</a>
</li>
<li class="webring__link">
<a id="eggringRand">Random Site</a>
</li>
<li class="webring__link">
<a id="eggringNext" href="https://thecozy.cat/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div id='focusfirst-webring'>
<script type="text/javascript" src="https://owlsroost.xyz/webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://owlsroost.xyz/webring/onionring-widget.js"></script>
<noscript><a href='https://owlsroost.xyz/index.html'><img src="https://owlsroost.xyz/webring/focusfirst.png" alt="Focus First Index"></a></noscript>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="ghostring-name">
<p class="webring__name" id="ghostring-name"><a href="https://ghostring.neocities.org/">Ghostring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<nav class="webring" aria-labelledby="indieweb-webring-name">
<p class="webring__name" id="indieweb-webring-name">An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍</p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<journal-ring icon="lavender"></journal-ring><script async src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
</li>
<li>
<nav class="webring" aria-labelledby="loopring-name">
<p class="webring__name" id="loopring-name"><a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=prev">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=list">Members</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=rand">Random Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div style="border: none; display: inline-flex">
<a href="https://isaacfish.neocities.org/webring/25.html">
<img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/">
<img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring"loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/27.html">
<img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">
</a>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="retronaut-name">
<p class="webring__name" id="retronaut-name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<script src="https://xandra.cc/safonts/webring.js"></script>
<ring-900 site="https://leilukin.com/"></ring-900>
</li>
<li>
<iframe src="https://silly.city/embed.html?user=Leilukin" title="silly.city webring" frameborder="no"></iframe>
</li>
<li>
<script src="https://sitesforpalestine.neocities.org/ring.js"></script>
</li>
<li>
<script src="https://transring.neocities.org/ring.js" data-widget="nb"></script>
</li>
</ul>

View File

@ -63,161 +63,4 @@ date: 2023-01-28
<ul class="web-btn-wrapper">
{{ siteButton("https://32bit.cafe/", "communities/32-bit-cafe.png", "32-Bit Cafe") }}
{{ siteButton("https://zine.kalechips.net/index", "communities/saladmagazine.png", "Salad Magazine") }}
</ul>
<h3>Web Cliques</h3>
<ul>
<li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
<li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
<li><a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom <img src="/assets/cliques/breloom.png" alt="Icon sprite of Breloom the Pokémon" style="display: inline-block;"></li>
</ul>
<h3>Fanlistings</h3>
<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
<h3>Webrings</h3>
<ul class="web-btn-wrapper">
<li>
<div id="autiring">
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-variables.js"></script>
<script type="text/javascript" src="https://macaque.moe/autiring/onionring-widget.js"></script>
</div>
</li>
<li>
<iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=Leilukin"></iframe>
</li>
<li>
<nav class="webring" aria-labelledby="css-joy-name">
<p class="webring__name" id="css-joy-name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div id='DykeWrite-Web2'> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-variables.js"></script> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-widget.js"></script> </div>
<link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css">
</li>
<li>
<script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() { eggring.createLinks(); });
</script>
<nav class="webring" aria-labelledby="eggring-name">
<p class="webring__name" id="eggring-name">🥚 <a id="eggringIndex" href="https://eggring.neocities.org/">The Eggring</a> 🥚</p>
<ul class="webring__links">
<li class="webring__link">
<a id="eggringPrev" href="https://confetticake.neocities.org/">Previous Site</a>
</li>
<li class="webring__link">
<a id="eggringRand">Random Site</a>
</li>
<li class="webring__link">
<a id="eggringNext" href="https://thecozy.cat/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div id='focusfirst-webring'>
<script type="text/javascript" src="https://owlsroost.xyz/webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://owlsroost.xyz/webring/onionring-widget.js"></script>
<noscript><a href='https://owlsroost.xyz/index.html'><img src="https://owlsroost.xyz/webring/focusfirst.png" alt="Focus First Index"></a></noscript>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="ghostring-name">
<p class="webring__name" id="ghostring-name"><a href="https://ghostring.neocities.org/">Ghostring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://ghostring.neocities.org/leilukin/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<nav class="webring" aria-labelledby="indieweb-webring-name">
<p class="webring__name" id="indieweb-webring-name">An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍</p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/previous">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://xn--sr8hvo.ws/next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<journal-ring icon="lavender"></journal-ring><script async src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
</li>
<li>
<nav class="webring" aria-labelledby="loopring-name">
<p class="webring__name" id="loopring-name"><a href="https://loop.graycot.dev/webring.html?action=home">Loop Ring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=prev">Previous Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=list">Members</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=rand">Random Site</a>
</li>
<li class="webring__link">
<a href="https://loop.graycot.dev/webring.html?action=next">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<div style="border: none; display: inline-flex">
<a href="https://isaacfish.neocities.org/webring/25.html">
<img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/">
<img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring"loading="lazy">
</a>&nbsp;
<a href="https://isaacfish.neocities.org/webring/27.html">
<img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">
</a>
</div>
</li>
<li>
<nav class="webring" aria-labelledby="retronaut-name">
<p class="webring__name" id="retronaut-name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
<ul class="webring__links">
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
</li>
<li class="webring__link">
<a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
</li>
</ul>
</nav>
</li>
<li>
<script src="https://xandra.cc/safonts/webring.js"></script>
<ring-900 site="https://leilukin.com/"></ring-900>
</li>
<li>
<iframe src="https://silly.city/embed.html?user=Leilukin" title="silly.city webring" frameborder="no"></iframe>
</li>
<li>
<script src="https://sitesforpalestine.neocities.org/ring.js"></script>
</li>
<li>
<script src="https://transring.neocities.org/ring.js" data-widget="nb"></script>
</li>
</ul>