2023-06-15 09:18:46 +00:00
<!DOCTYPE html>
2023-06-22 18:05:23 +00:00
< html lang = "en" dir = "ltr" id = "page-top" >
2023-06-15 09:18:46 +00:00
< 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" >
2023-06-22 18:05:23 +00:00
< meta property = "og:url" content = "https://leilukin.neocities.org/home" >
2023-06-15 09:18:46 +00:00
< 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" >
2023-07-26 08:17:24 +00:00
< link rel = "stylesheet" href = "/css/style-main.css" type = "text/css" media = "all" >
2023-06-22 18:05:23 +00:00
< link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.15.1/css/all.css" >
2023-06-15 12:00:48 +00:00
2023-06-15 10:47:30 +00:00
< 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" >
2023-06-15 09:18:46 +00:00
2023-08-13 11:57:38 +00:00
< script src = "/js/main-components.js" defer > < / script >
2023-06-15 09:18:46 +00:00
< title > Home | Leilukin's Hub< / title >
< / head >
< body >
2023-08-13 11:57:38 +00:00
< 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 >
2023-06-22 18:05:23 +00:00
< main >
<!-- <aside class="left - sidebar">
Left sidebar content here
< / aside > -->
2023-06-15 09:18:46 +00:00
2023-06-22 18:05:23 +00:00
< div class = "content-container" >
< section class = "content-section" >
2023-06-15 09:18:46 +00:00
< h1 > Welcome!< / h1 >
2023-07-25 16:28:01 +00:00
< p > Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.< / p >
2023-08-08 09:44:22 +00:00
< 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 >
2023-07-26 07:02:46 +00:00
< / 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 >
2023-07-26 08:29:53 +00:00
< 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 >
2023-06-22 18:05:23 +00:00
< / section >
2023-06-15 09:18:46 +00:00
2023-06-22 18:05:23 +00:00
< section class = "content-section" >
< h2 > Updates< / h2 >
< div class = "text-box" >
2023-08-13 11:57:38 +00:00
< p class = "date-style" > August 13, 2023:< / p >
2023-06-27 22:31:35 +00:00
< ul >
2023-08-13 11:57:38 +00:00
< li > Streamlined JavaScript code for the website's components.< / li >
2023-06-27 22:31:35 +00:00
< / ul >
2023-06-15 09:18:46 +00:00
< / div >
2023-06-22 18:05:23 +00:00
< a href = "/changelog" > View all site changelog< / a >
< / section >
2023-06-15 09:18:46 +00:00
2023-06-22 18:05:23 +00:00
< section class = "content-section" >
< h2 > Always Proud< / h2 >
2023-07-27 03:03:47 +00:00
< div class = "web-btn-wrapper" >
2023-06-22 18:05:23 +00:00
< 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 >
2023-06-15 09:18:46 +00:00
< p > Credit to < a href = "https://rainy.gay/pride/pridebuttons" target = "_blank" > Dime< / a > for these pride buttons!< / p >
2023-06-22 18:05:23 +00:00
< / section >
2023-06-15 09:18:46 +00:00
2023-06-22 18:05:23 +00:00
< 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 > < 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 > < 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 >
2023-06-15 09:18:46 +00:00
< 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 >
2023-06-22 18:05:23 +00:00
< / section >
2023-06-15 09:18:46 +00:00
< / div >
2023-06-22 18:05:23 +00:00
<!-- <aside class="right - sidebar">
Right sidebar content here
< / aside > -->
< / main >
2023-08-13 11:57:38 +00:00
< footer class = "main-footer" > < / footer >
2023-06-15 09:18:46 +00:00
< / body >
< / html >
