Add About page
This commit is contained in:
Helen Chong
parent
46e8b6213a
commit
b598749f79
|
|
@ -0,0 +1,156 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr" id="page-top">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<meta property="og:url" content="https://leilukin.neocities.org/about">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="About | Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="About this website and its owner.">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/assets/css/main.css">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||||
|
|
||||||
|
|
||||||
|
<script src="/assets/js/navbar.js" defer></script>
|
||||||
|
<script src="/assets/js/events.js" defer></script>
|
||||||
|
|
||||||
|
|
||||||
|
<title>About | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="main-header">
|
||||||
|
<noscript>
|
||||||
|
JavaScript is disabled in your browser. To get the best user experience on
|
||||||
|
this website, it is recommended that you enable it.
|
||||||
|
</noscript>
|
||||||
|
<div class="main-header__top-bar"></div>
|
||||||
|
<div class="main-header__img">
|
||||||
|
<img src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav class="navbar">
|
||||||
|
<ul class="nav__menu">
|
||||||
|
<li><a href="/home">Home</a></li>
|
||||||
|
<li><a href="/about/">About</a></li>
|
||||||
|
<li><a href="/blog/">Blog</a></li>
|
||||||
|
<li><a href="/articles/">Articles</a></li>
|
||||||
|
<li><a href="/mycreations/">My Creations</a></li>
|
||||||
|
<li><a href="/featured/">Featured</a></li>
|
||||||
|
<li><a href="/resources/">Resources</a></li>
|
||||||
|
<li><a href="/shrines/">Shrines</a></li>
|
||||||
|
<li><a href="/links/">Links</a></li>
|
||||||
|
<li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<!-- <aside class="left-sidebar">
|
||||||
|
Left sidebar content here
|
||||||
|
</aside> -->
|
||||||
|
|
||||||
|
|
||||||
|
<article class="divided-article">
|
||||||
|
<section class="content-section">
|
||||||
|
<h1>About</h1>
|
||||||
|
<p>Learn more about this website and its owner.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section">
|
||||||
|
<h2>The Site</h2>
|
||||||
|
|
||||||
|
<p>This website serves as a personal hub for my interests and self-expression, as well as my own corner on the internet outside social media platforms.</p>
|
||||||
|
|
||||||
|
<p>On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.</p>
|
||||||
|
|
||||||
|
<p>While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience with my site.</p>
|
||||||
|
|
||||||
|
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>!</p>
|
||||||
|
|
||||||
|
<p>You can link to my website with this button:</p>
|
||||||
|
|
||||||
|
<div class="site-btn__container">
|
||||||
|
<div>
|
||||||
|
<a href="https://leilukin.neocities.org/" target="_blank"><img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
|
||||||
|
</div>
|
||||||
|
<textarea class="site-btn__textarea textarea-for-copy"><a href="https://leilukin.neocities.org/" target="_blank"><img src="https://leilukin.neocities.org/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
|
||||||
|
<button class="copy-txt-btn">Copy HTML</button>
|
||||||
|
<script>
|
||||||
|
document.querySelector(".copy-txt-btn").onclick = () => {
|
||||||
|
document.querySelector(".textarea-for-copy").select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>If you also have a Neocities account, you can follow this site through its <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</p>
|
||||||
|
<a href="https://neocities.org/site/leilukin" target="_blank"><img src="/assets/hosted-by-neocities.png" alt="a website button with Penelope the cat, the mascot of Neocities, and the text "hosted by neocities"" title="Hosted by Neocities"></a>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<sectioin class="content-section">
|
||||||
|
<h2>The Site Owner</h2>
|
||||||
|
|
||||||
|
<img src="/assets/leilukin/leilukin-bee.png" style="border-radius: 50%; width: 15rem; display: flex; margin: 0.5em auto;">
|
||||||
|
|
||||||
|
<p>You can call me Leilukin. I am a Malaysian Chinese non-binary lesbian born in the early 90s. My pronouns are they/she/他/她.</p>
|
||||||
|
|
||||||
|
<p>I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.</p>
|
||||||
|
|
||||||
|
<p>I am also autistic, so this website serves as a platform for my special interests.</p>
|
||||||
|
|
||||||
|
<p>Social media platforms you can find me on:<br>
|
||||||
|
<a href="https://lesbiannova.tumblr.com/" target="_blank">Tumblr</a> |
|
||||||
|
<a href="https://www.youtube.com/Leilukin" target="_blank">YouTube</a> |
|
||||||
|
<a href="https://twitter.com/Leilukin" target="_blank">Twitter</a> |
|
||||||
|
<a href="https://mstdn.social/@leilukin" target="_blank">Mastodon</a> |
|
||||||
|
<a href="https://elekk.xyz/@leilukin" target="_blank">Mastodon (for gaming)</a> |
|
||||||
|
<a href="https://bsky.app/profile/leilukin.bsky.social" target="_blank">Blusky</a> |
|
||||||
|
<a href="https://www.instagram.com/leilukin" target="_blank">Instagram</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>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.</p>
|
||||||
|
|
||||||
|
<p>I also have media catalogues online on the following platforms:<br>
|
||||||
|
<a href="https://steamcommunity.com/id/leilukin/" target="_blank">Steam</a> |
|
||||||
|
<a href="https://app.thestorygraph.com/profile/leilukin" target="_blank">The StoryGraph</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>You can contact me via email: <a href="mailto:leilukin@outlook.com">leilukin@outlook.com</a>.</p>
|
||||||
|
|
||||||
|
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
||||||
|
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
||||||
|
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
||||||
|
</p>
|
||||||
|
</sectioin>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- <aside class="right-sidebar">
|
||||||
|
Right sidebar content here
|
||||||
|
</aside> -->
|
||||||
|
</main>
|
||||||
|
<footer class="main-footer">
|
||||||
|
<p>Made with ♥ by Leilukin | <a href="/sitemap">Site Map</a></p>
|
||||||
|
<p>Site Launched: 11 September 2022 | <a href="/changelog">Website Changelog</a></p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,80 @@
|
||||||
|
---
|
||||||
|
layout: "layouts/main.njk"
|
||||||
|
title: About
|
||||||
|
meta_url: about
|
||||||
|
meta_description: About this website and its owner.
|
||||||
|
---
|
||||||
|
|
||||||
|
<article class="divided-article">
|
||||||
|
<section class="content-section">
|
||||||
|
<h1>About</h1>
|
||||||
|
<p>Learn more about this website and its owner.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section">
|
||||||
|
<h2>The Site</h2>
|
||||||
|
|
||||||
|
<p>This website serves as a personal hub for my interests and self-expression, as well as my own corner on the internet outside social media platforms.</p>
|
||||||
|
|
||||||
|
<p>On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.</p>
|
||||||
|
|
||||||
|
<p>While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience with my site.</p>
|
||||||
|
|
||||||
|
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>!</p>
|
||||||
|
|
||||||
|
<p>You can link to my website with this button:</p>
|
||||||
|
|
||||||
|
<div class="site-btn__container">
|
||||||
|
<div>
|
||||||
|
<a href="https://leilukin.neocities.org/" target="_blank"><img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
|
||||||
|
</div>
|
||||||
|
<textarea class="site-btn__textarea textarea-for-copy"><a href="https://leilukin.neocities.org/" target="_blank"><img src="https://leilukin.neocities.org/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
|
||||||
|
<button class="copy-txt-btn">Copy HTML</button>
|
||||||
|
<script>
|
||||||
|
document.querySelector(".copy-txt-btn").onclick = () => {
|
||||||
|
document.querySelector(".textarea-for-copy").select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>If you also have a Neocities account, you can follow this site through its <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</p>
|
||||||
|
<a href="https://neocities.org/site/leilukin" target="_blank"><img src="/assets/hosted-by-neocities.png" alt="a website button with Penelope the cat, the mascot of Neocities, and the text "hosted by neocities"" title="Hosted by Neocities"></a>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<sectioin class="content-section">
|
||||||
|
<h2>The Site Owner</h2>
|
||||||
|
|
||||||
|
<img src="/assets/leilukin/leilukin-bee.png" style="border-radius: 50%; width: 15rem; display: flex; margin: 0.5em auto;">
|
||||||
|
|
||||||
|
<p>You can call me Leilukin. I am a Malaysian Chinese non-binary lesbian born in the early 90s. My pronouns are they/she/他/她.</p>
|
||||||
|
|
||||||
|
<p>I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.</p>
|
||||||
|
|
||||||
|
<p>I am also autistic, so this website serves as a platform for my special interests.</p>
|
||||||
|
|
||||||
|
<p>Social media platforms you can find me on:<br>
|
||||||
|
<a href="https://lesbiannova.tumblr.com/" target="_blank">Tumblr</a> |
|
||||||
|
<a href="https://www.youtube.com/Leilukin" target="_blank">YouTube</a> |
|
||||||
|
<a href="https://twitter.com/Leilukin" target="_blank">Twitter</a> |
|
||||||
|
<a href="https://mstdn.social/@leilukin" target="_blank">Mastodon</a> |
|
||||||
|
<a href="https://elekk.xyz/@leilukin" target="_blank">Mastodon (for gaming)</a> |
|
||||||
|
<a href="https://bsky.app/profile/leilukin.bsky.social" target="_blank">Blusky</a> |
|
||||||
|
<a href="https://www.instagram.com/leilukin" target="_blank">Instagram</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>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.</p>
|
||||||
|
|
||||||
|
<p>I also have media catalogues online on the following platforms:<br>
|
||||||
|
<a href="https://steamcommunity.com/id/leilukin/" target="_blank">Steam</a> |
|
||||||
|
<a href="https://app.thestorygraph.com/profile/leilukin" target="_blank">The StoryGraph</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>You can contact me via email: <a href="mailto:leilukin@outlook.com">leilukin@outlook.com</a>.</p>
|
||||||
|
|
||||||
|
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
|
||||||
|
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
|
||||||
|
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
|
||||||
|
</p>
|
||||||
|
</sectioin>
|
||||||
|
</article>
|
||||||
Loading…
Reference in New Issue