leilukin-site/home.html

116 lines
7.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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/home">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Home | Leilukin's Hub">
<meta property="og:description" content="Home page of Leilukin's Hub">
<link rel="stylesheet" href="/css/style-main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<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="/js/main-components.js" defer></script>
<title>Home | 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>
</header>
<nav class="navbar"></nav>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1>Welcome!</h1>
<p>Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.</p>
<p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>. Enjoy your stay!</p>
</section>
<section class="content-section">
<h2>Link to My Website</h2>
<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/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/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>Credit to <a href="https://github.com/hekate2" target="_blank">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/" target="_blank">88x31 Web Button Maker</a>!</p>
</section>
<section class="content-section">
<h2>Updates</h2>
<div class="text-box">
<p class="date-style">August 28, 2023:</p>
<ul>
<li><a href="/shrines/asummersend/"><cite>A Summers End — Hong Kong 1986</cite> shrine</a>: Updated the main page with information about the spiritual sequel <cite>In the Ocean I Learned to Float</cite>.</li>
<li><a href="/shrines/cassettebeasts/"><cite>Cassette Beasts</cite> shrine</a>: Adjusted header image and added more images to the home page.</li>
<li>Leilukin Hub now has an <a href="/feed.xml" target="blank">RSS feed</a>.</li>
</ul>
<p><a href="/changelog">View all site changelog</a></p>
</div>
<p>You can subscribe to the <a href="feed.xml" target="blank">Leilukin's Hub RSS feed</a> or follow <a href="https://neocities.org/site/leilukin" target="_blank">my Neocities profile</a> to follow the updates on this website.</p>
</section>
<section class="content-section">
<h2>Always Proud</h2>
<div class="web-btn-wrapper">
<img src="./buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
<img src="./buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
<img src="./buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">
<img src="./buttons/nonbinary.png" alt="A website button of the non-binary pride flag" title="I am non-binary">
<img src="./buttons/demigirl.png" alt="A website button of the demigirl pride flag" title="I am a demiwoman">
<img src="./buttons/agender.png" alt="A website button of the agender pride flag" title="I am agender">
<img src="./buttons/bigender.png" alt="A website button of the bigender pride flag" title="I am bigender">
</div>
<p>Credit to <a href="https://rainy.gay/pride/pridebuttons" target="_blank">Dime</a> for these pride buttons!</p>
</section>
<section class="content-section">
<h2>Webrings</h2>
<div style="border: none; padding: 5px; display: inline-flex"><a href="https://isaacfish.neocities.org/webring/25.html" target="_blank"><img src="./links/webrings/queercoded-left.png" alt="left arrow"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./links/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="./links/webrings/queercoded-right.png" alt="right arrow"></a></div>
</section>
<section class="content-section">
<h2>Support Me</h2>
<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>
</section>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer class="main-footer"></footer>
</body>
</html>