leilukin-site/src/index.njk

220 lines
12 KiB
Plaintext

---
layout: main/content
tags: navbar links
metadata:
title: Home
isContentDivided: true
hasTooltips: true
eleventyNavigation:
key: Home
order: 1
eleventyComputed:
pageTitle: Welcome to {{ sitemeta.siteName | safe }}!
metadata:
desc: Home page of {{ sitemeta.siteName | safe }}.
---
<section class="content__section">
<p>Hello! You can call me {{ sitemeta.siteAuthor.name }}. 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. You can use the <a href="/sitemap">site map</a> to navigate this website.</p>
<p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>! You can also contact me by <a href="mailto:{{ sitemeta.siteAuthor.emailEncoded | safe }}">sending me an email</a>. Using <a href="https://useplaintext.email/">plain text email</a> is encouraged.</p>
<p>Read the <a href="/about">About</a> page to learn more about this site and its webmaster.</p>
<p>Enjoy your stay!</p>
<noscript>
<div class="text-box">
<h2>You have disabled JavaScript</h2>
<p>This website uses JavaScript. While you can still access most of the content of this site with JavaScript disabled, some components of this site will not work as intended.</p>
<p>You can learn more about how JavaScript is used on this site on the <a href="/colophon/#javascript">JavaScript section of the colophon page</a>.</p>
</div>
</noscript>
</section>
<section class="content__section">
<h2>Link to My Website</h2>
{% include "main/my-button.njk" %}
</section>
<section class="content__section">
<h2>Spotlight: Palestine</h2>
<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>Check out my <a href="/articles/palestine-masterlist">Palestine Masterlist</a>, which includes a <a href="/articles/palestine-masterlist/#spotlight-crowdfunding-campaigns">Spotlight Crowdfunding Campaigns</a> section, where I highlight fundraising campaigns for Palestinians that I have been asked by the Palestinians in question to share.</p>
<p>(Credit to <a href="https://hillhouse.neocities.org/journal/notes/palestine">rosemary</a> for the Stand with Palestine button)</p>
</section>
<section class="content__section">
<h2>What is New?</h2>
<div class="text-box">
{% for log in collections["changelogs"] | reverse | itemLimit(1) %}
<h3>{{ log.data.title }}</h3>
{{ log.templateContent | safe }}
{%- endfor %}
<p><a href="/changelogs">View all site changelogs</a></p>
</div>
<p>You can subscribe to the <a href="{{ sitemeta.feedPath }}"><svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg>{{ sitemeta.siteName }} RSS feed</a> to get notified of the updates on this website, including new articles, blog posts and website changelogs.</p>
{% include "main/statuscafe.njk" %}
</section>
<section class="content__section">
<h2>Always Proud</h2>
<div class="flag-progress-intersex-lesbian" role="img" aria-label="Custom pride flag which combines the lesbian pride flag and the progress pride flag triangle" style="height: 20rem; margin-bottom: 1em;"></div>
{%- macro prideButton(file, alt, width=88, height=31) -%}
<li data-tooltip>
<img src="/assets/buttons/pride/{{ file }}.png" alt="{{ alt }}" data-tooltip-trigger title="{{ alt }}" width="{{ width }}" height="{{ height }}" loading="lazy" tabindex="0">
</li>
{%- endmacro -%}
<ul class="web-graphics">
{{ prideButton("progress", "Progress Flag by Daniel Quasar (2018)") }}
{{ prideButton("9_stripe", "Nine-Stripe Rainbow Flag by Gilbert Baker (2017)") }}
{{ prideButton("lesbian", "Lesbian pride flag") }}
{{ prideButton("nonbinary", "Non-binary pride flag") }}
{{ prideButton("demigirl", "Demigirl pride flag") }}
{{ prideButton("agender", "Agender pride flag") }}
{{ prideButton("bigender", "Bigender pride flag") }}
{{ prideButton("greyromantic", "Greyromantic pride flag") }}
{{ prideButton("greysexual", "Greysexual pride flag") }}
{{ prideButton("disability", "Visually Safe Disability Pride Flag by Ann Magill (2021)") }}
</ul>
<p>Credit to <a href="https://rainy.gay/pride/pridebuttons">Dime</a> for these pride buttons!</p>
</section>
<section class="content__section">
<h2>Web Cliques</h2>
{% include "main/webcliques.njk" %}
</section>
<section class="content__section">
<h2>Webrings</h2>
<p>{{ sitemeta.siteName }} is part of the following webrings:</p>
<ul>
<li>
<a href="https://astroring.auroradynia.com/">astronomy webring</a>:
<a href="https://nerdymug.neocities.org/">Previous Site</a>,
<a href="https://mygrain.neocities.org/">Next Site</a>
</li>
<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>
</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>
</li>
<li>
<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/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://ikaroll.neocities.org/dsring/">DSRing</a>:
<a href="https://jirachis.neocities.org/">Previous Site</a>,
<a href="https://poble.cl/">Next Site</a>
</li>
<li>
<a href="https://testtubesterone.nekoweb.org/pages/dykenet/">DykeNet</a>:
<a href="https://idolum.nekoweb.org/">Previous Site</a>,
<a href="https://testtubesterone.nekoweb.org/">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>
</li>
<li>
<a href="https://fediring.net/">Fediring</a>:
<a href="https://fediring.net/previous?host=leilukin.com" class="external-link">Previous Site</a>,
<a href="https://fediring.net/random">Random Site</a>,
<a href="https://fediring.net/next?host=leilukin.com" class="external-link">Next Site</a>
</li>
<li>
<a href="https://www.beepbird.net/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>
</li>
<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>
</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>
</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>
</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>
</li>
<li>
<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://dylan.at/">Previous Site</a>,
<a href="https://xandra.cc/safonts/members.html">Members</a>,
<a href="https://censorine.com/">Next Site</a>
</li>
</ul>
<p>Pending webring membership:</p>
<ul>
<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>
</li>
<li>
<a href="https://meta-ring.hedy.dev/">Meta Ring</a>:
<a href="https://meta-ring.hedy.dev/previous">Previous Site</a>,
<a href="https://meta-ring.hedy.dev/random">Random Site</a>,
<a href="https://meta-ring.hedy.dev/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>
</li>
</ul>
</section>
<section class="content__section">
<h2>Badges</h2>
<div class="web-graphics web-badges">
<a href="https://validator.w3.org/feed/check.cgi?url=https%3A//leilukin.com/feed.xml"><img src="/assets/buttons/badges/valid-atom.png" alt="Valid Atom 1.0" width="88" height="31" loading="lazy"></a>
<a href="https://ko-fi.com/s/798b83fbcc"><img src="/assets/buttons/badges/coffee-powered.svg" alt="Coffee powered" width="88" height="31" loading="lazy"></a>
<a href="https://people.pledge.party/"><img src="/assets/buttons/badges/people-pledge.svg" alt="The People Pledge" width="88" height="31" loading="lazy"></a>
<a href="https://fightfascism.glitch.me/"><img src="/assets/buttons/badges/fight-fascism.jpg" alt="Fight fascism" width="220" height="37" loading="lazy"></a>
</div>
<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" %}
</section>