---
layout: main/content
tags: pages
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.email}}">sending me an email</a>.</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>What is New?</h2>

    <div class="text-box">
        <h3>Major News: 31 May 2024</h3>
        <p>{{ sitemeta.siteName }} now has a custom domain name: <code>leilukin.com</code>! In addition, this site is now hosted on Netlify.</p>
        <p>You can read <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">my blog post about the new domain name and hosting change</a> for more information.</p>
    </div>

    {% include "main/statuscafe.njk" %}

    <div class="text-box">
        {% for log in collections["changelogs"]  | reverse | itemLimit(1) %}
            <h3>Changelog: {{ log.data.date | formatDate }}</h3>
            {{ log.templateContent | safe }}
        {%- endfor %}
        <p><a href="/changelogs">View all site changelogs</a></p>
    </div>
    <p>You can subscribe to the <a href="/feed.xml">{{ sitemeta.siteName }} RSS feed</a> to get notified of the updates on this website, including new articles, blog posts and website changelogs.</p>
</section>

<section class="content__section">
    <h2>Spotlight: Palestine</h2>
    <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><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>
</section>

{% include "main/virtualpets.njk" %}

<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, tooltip=alt, width=88, height=31) -%}
        <li data-tooltip>
            <img src="/assets/buttons/pride/{{ file }}.png" alt="{{ alt }}" data-tooltip-trigger title="{{ tooltip }}" width="{{ width }}" height="{{ height }}" loading="lazy" tabindex="0">
        </li>
    {%- endmacro -%}
    <ul class="web-btn-wrapper">
        {{ prideButton("progress", "2018 Progress Flag", "2018 Progress Flag by Daniel Quasar (2018)") }}
        {{ prideButton("9_stripe", "9 stripe rainbow flag", "Nine-Stripe Rainbow Flag by Gilbert Baker (2017)") }}
        {{ prideButton("lesbian", "Lesbian pride flag", "I am a lesbian") }}
        {{ prideButton("nonbinary", "Non-binary pride flag", "I am non-binary") }}
        {{ prideButton("demigirl", "Demigirl pride flag", "I am a demiwoman") }}
        {{ prideButton("agender", "Agender pride flag", "I am agender") }}
        {{ prideButton("bigender", "Bigender pride flag", "I am bigender") }}
        {{ prideButton("disability", "Disability pride flag", "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>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>Webrings</h2>
    <p>{{ sitemeta.siteName }} is part of the following webrings:</p>
    <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>
        </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/">⬅️ 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>
        </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://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>
        </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/">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>
        </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>
        </li>
    </ul>

    <p>Pending webring membership:</p>
    <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>
        </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>
        </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>Support Me</h2>
    {% include "main/support-me.njk" %}
</section>