Added files
This commit is contained in:
Helen Chong
parent
a8cc0aa6d1
commit
bb406c6106
|
|
@ -0,0 +1,2 @@
|
||||||
|
.DS_Store
|
||||||
|
**/__Source
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@import url("/main.css");
|
||||||
|
|
@ -0,0 +1,92 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="About">
|
||||||
|
<meta property="og:description" content="About this website and its owner.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./about.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>About | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>About</h1>
|
||||||
|
|
||||||
|
<h2>The Site</h2>
|
||||||
|
<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">
|
||||||
|
|
||||||
|
<p>This website serves as a personal hub for my interests and 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>
|
||||||
|
|
||||||
|
<h2>The Site Owner</h2>
|
||||||
|
<center>
|
||||||
|
<img src="../assets/leilukin-bee.png" width="230px" height="230px" style="border-radius: 50%">
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<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>This website serves as a personal hub for gathering various stuff and resources I have created or compiled.</p>
|
||||||
|
|
||||||
|
<p>I speak Mandarin, English, Cantonese and Malay, though I am most fluent in Mandarin and English.</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://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://www.backloggd.com/u/Leilukin/" target="_blank">Backloggd</a> |
|
||||||
|
<a href="https://www.goodreads.com/leilukin" target="_blank">Goodreads</a> |
|
||||||
|
<a href="https://app.thestorygraph.com/profile/leilukin" target="_blank">The StoryGraph</a> |
|
||||||
|
<a href="https://letterboxd.com/Leilukin/" target="_blank">Letterboxd</a> |
|
||||||
|
<a href="https://www.serializd.com/user/leilukin/profile" target="_blank">Serializd</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>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@import url("/main.css");
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/articles">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Articles | Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="List of articles published on my website.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./articles.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Articles | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Articles</h1>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -0,0 +1,20 @@
|
||||||
|
{
|
||||||
|
"name": "Leilukin's Hub",
|
||||||
|
"short_name": "Leilukin's Hub",
|
||||||
|
"icons":
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"src": "/android-chrome-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "/android-chrome-512x512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"theme_color": "#7A37A3",
|
||||||
|
"background_color": "#000000",
|
||||||
|
"display": "standalone"
|
||||||
|
}
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
|
|
@ -0,0 +1,35 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/blog/archive.html">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Blog Archive">
|
||||||
|
<meta name="author" content="Leilukin">
|
||||||
|
<meta property="og:description" content="The full list of posts on my blog.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./blog.css" type="text/css" media="all">
|
||||||
|
<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="./blog.js" defer></script>
|
||||||
|
|
||||||
|
<title>Blog Archive | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">...</div>
|
||||||
|
<div id="content">
|
||||||
|
<h1>Blog Archive</h1>
|
||||||
|
<div id="postlistdiv"></div>
|
||||||
|
</div> <!-- end of div id="content" -->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div> <!-- end of div id="container" -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,186 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Nunito';
|
||||||
|
src: url('/assets/fonts/Nunito-VariableFont_wght.ttf') format("truetype");
|
||||||
|
font-weight: 125 950;
|
||||||
|
font-stretch: 75% 125%;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Nunito';
|
||||||
|
src: url('/assets/fonts/Nunito-Italic-VariableFont_wght.ttf') format("truetype");
|
||||||
|
font-weight: 125 950;
|
||||||
|
font-stretch: 75% 125%;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: black;
|
||||||
|
background-image: url('./img/bg_fingerlessGloves.png');
|
||||||
|
background-position: top;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
background-attachment: fixed;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: 'Nunito', Arial, sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: #5fc7cd;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
display: block;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
.small {
|
||||||
|
max-width: 60%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #ffc000;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: #34220b;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5 {
|
||||||
|
color: #5fc7cd;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-width: 2px 0 0 0;
|
||||||
|
border-style: dashed;
|
||||||
|
border-color: #a3bdc4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#CONTAINER is the rectangle that has contains everything but the background!*/
|
||||||
|
#container {
|
||||||
|
margin: 3em auto;
|
||||||
|
width: 90%;
|
||||||
|
max-width: 900px;
|
||||||
|
background-color: black;
|
||||||
|
color: #dddddd;
|
||||||
|
outline-color: #425e74;
|
||||||
|
outline-style: ridge;
|
||||||
|
outline-width: 8px;
|
||||||
|
outline-offset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
padding: 10px 5% 20px 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*HEADER STYLE*/
|
||||||
|
#header {
|
||||||
|
background-color: black;
|
||||||
|
padding: 0 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header ul {
|
||||||
|
display: inline-block;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header li {
|
||||||
|
font-size: 1.2em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 0.2em;
|
||||||
|
margin-bottom: 0.8em;
|
||||||
|
margin-top: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header li a {
|
||||||
|
color: #443;
|
||||||
|
background-color: #b6b59e;
|
||||||
|
border-width: 0.3em;
|
||||||
|
border-style: outset;
|
||||||
|
border-color: #86866d;
|
||||||
|
padding: 0.3em 1.5em 0.2em 0.5em;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header li a:hover {
|
||||||
|
background-color: #ceccaa;
|
||||||
|
border-color: #98987d;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header li a:active {
|
||||||
|
background-color: #8e8d74;
|
||||||
|
border-color: #71715c;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*POST LIST STYLE*/
|
||||||
|
#postlistdiv ul {
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#recentpostlistdiv ul {
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.moreposts {
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin-top: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*NEXT AND PREVIOUS LINKS STYLE*/
|
||||||
|
#nextprev {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*DISQUS STYLE*/
|
||||||
|
#disqus_thread {
|
||||||
|
margin-top: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*FOOTER STYLE*/
|
||||||
|
#footer {
|
||||||
|
font-size: 0.8em;
|
||||||
|
padding: 0 5% 10px 5%;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,224 @@
|
||||||
|
/*Welcome to the script file! Your 1st time here, you should update
|
||||||
|
the basic info section to include your name and website/social
|
||||||
|
media link (if desired). Most of the time, you will just come
|
||||||
|
here to update the posts array. However, you can also edit or
|
||||||
|
add your own scripts to do whatever you like!*/
|
||||||
|
|
||||||
|
//TABLE OF CONTENTS
|
||||||
|
// 1. Basic Info
|
||||||
|
// 2. Posts Array
|
||||||
|
// 3. Creating HTML Sections to Be Inserted (Header, Footer, etc)
|
||||||
|
// 4. Inserting the Sections Into our Actual HTML Pages
|
||||||
|
|
||||||
|
//-----------------------------
|
||||||
|
|
||||||
|
//==[ 1. BASIC INFO ]==
|
||||||
|
|
||||||
|
let blogName = "Leilukin's Blog";
|
||||||
|
let authorName = "Leilukin";
|
||||||
|
let authorLink = "https://leilukin.neocities.org/"; // Enter your website, social media, etc. Some way for people to tell you they like your blog! (Leaving it empty is okay too)
|
||||||
|
|
||||||
|
//-----------------------------
|
||||||
|
|
||||||
|
//==[ 2. POSTS ARRAY ]==
|
||||||
|
|
||||||
|
/*Each time you make a new post, add the filepath here at the top of postsArray.
|
||||||
|
This will cause all the right links to appear and work.
|
||||||
|
NOTE: It's important to follow this exact naming convention, because the scripts
|
||||||
|
below are expecting it ( 'posts/YYYY-MM-DD-Title-of-Your-Post.html', ). You can
|
||||||
|
alter the scripts if you want to use a different naming convention*/
|
||||||
|
/*UPDATE: as of version 1.3, you may omit the date if you would like. But if you
|
||||||
|
use a date it must still follow that format.*/
|
||||||
|
|
||||||
|
let postsArray = [
|
||||||
|
[ "posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html" ],
|
||||||
|
[ "posts/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html", encodeURI( `Leilukin's Hub Now Has a Blog!` ) ]
|
||||||
|
//[ "posts/2020-11-10-Special-Characters-Example.html", encodeURI( 'Spéci@l "Character\'s" Examp|e' ) ],
|
||||||
|
//[ "posts/2020-11-10-Post-Template.html" ]
|
||||||
|
];
|
||||||
|
|
||||||
|
//-----------------------------
|
||||||
|
|
||||||
|
//==[ 3. CREATING HTML SECTIONS TO BE INSERTED ]==
|
||||||
|
|
||||||
|
let url = window.location.pathname;
|
||||||
|
|
||||||
|
//The date format to look for is 4 digits, hyphen, 2 digits, hyphen, 2 digits, hyphen.
|
||||||
|
const postDateFormat = /\d{4}\-\d{2}\-\d{2}\-/;
|
||||||
|
|
||||||
|
//Check if you are in posts (if so, the links will have to go up a directory)
|
||||||
|
let relativePath = ".";
|
||||||
|
if ( url.includes("posts/") ) {
|
||||||
|
relativePath = "..";
|
||||||
|
}
|
||||||
|
|
||||||
|
//Variable for my main site URL
|
||||||
|
const mainSiteURL = "/home.html";
|
||||||
|
|
||||||
|
//Write the Header HTML, a series of list items containing links.
|
||||||
|
let headerHTML = '<ul> <li><a href="' + relativePath + '/index.html">Blog</a></li>' +
|
||||||
|
'<li><a href="' + relativePath + '/archive.html">Archive</a></li>' +
|
||||||
|
'<li><a href="' + mainSiteURL + '">Main Site</a></li> </ul>';
|
||||||
|
|
||||||
|
//Write the Footer HTML, which has information about the blog.
|
||||||
|
let footerHTML = "<hr><p>" + blogName + " is written by <a href='" + authorLink + "'>" + authorName + "</a>, built with <a href='https://zonelets.net/' target='_blank'>Zonelets</a>.</p>";
|
||||||
|
|
||||||
|
//To do the following stuff, we want to know where we are in the posts array (if we're currently on a post page).
|
||||||
|
let currentIndex = -1;
|
||||||
|
let currentFilename = url.substring(url.lastIndexOf('posts/'));
|
||||||
|
//Depending on the web server settings (Or something?), the browser url may or may not have ".html" at the end. If not, we must add it back in to match the posts array. (12-19-2022 fix)
|
||||||
|
if ( ! currentFilename.endsWith(".html") ) {
|
||||||
|
currentFilename += ".html";
|
||||||
|
}
|
||||||
|
let i;
|
||||||
|
for (i = 0; i < postsArray.length; i++) {
|
||||||
|
if ( postsArray[i][0] === currentFilename ) {
|
||||||
|
currentIndex = i;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Convert the post url to readable post name. E.g. changes "2020-10-10-My-First-Post.html" to "My First Post"
|
||||||
|
//Or pass along the "special characters" version of the title if one exists
|
||||||
|
function formatPostTitle(i) {
|
||||||
|
// Check if there is an alternate post title
|
||||||
|
if ( postsArray[i].length > 1 ) {
|
||||||
|
//Remember how we had to use encodeURI for special characters up above? Now we use decodeURI to get them back.
|
||||||
|
return decodeURI(postsArray[i][1]);
|
||||||
|
} else {
|
||||||
|
//If there is no alternate post title, check if the post uses the date format or not, and return the proper title
|
||||||
|
if ( postDateFormat.test ( postsArray[i][0].slice( 6,17 ) ) ) {
|
||||||
|
return postsArray[i][0].slice(17,-5).replace(/-/g," ");
|
||||||
|
} else {
|
||||||
|
return postsArray[i][0].slice(6,-5).replace(/-/g," ");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Get the current post title and date (if we are on a post page)
|
||||||
|
let currentPostTitle = "";
|
||||||
|
let niceDate = "";
|
||||||
|
if ( currentIndex > -1 ) {
|
||||||
|
currentPostTitle = formatPostTitle( currentIndex );
|
||||||
|
//Generate the "nice to read" version of date
|
||||||
|
if ( postDateFormat.test ( postsArray[currentIndex][0].slice( 6,17 ) ) ) {
|
||||||
|
let monthSlice = postsArray[currentIndex][0].slice( 11,13 );
|
||||||
|
let month = "";
|
||||||
|
if ( monthSlice === "01") { month = "Jan";}
|
||||||
|
else if ( monthSlice === "02") { month = "Feb";}
|
||||||
|
else if ( monthSlice === "03") { month = "Mar";}
|
||||||
|
else if ( monthSlice === "04") { month = "Apr";}
|
||||||
|
else if ( monthSlice === "05") { month = "May";}
|
||||||
|
else if ( monthSlice === "06") { month = "Jun";}
|
||||||
|
else if ( monthSlice === "07") { month = "Jul";}
|
||||||
|
else if ( monthSlice === "08") { month = "Aug";}
|
||||||
|
else if ( monthSlice === "09") { month = "Sep";}
|
||||||
|
else if ( monthSlice === "10") { month = "Oct";}
|
||||||
|
else if ( monthSlice === "11") { month = "Nov";}
|
||||||
|
else if ( monthSlice === "12") { month = "Dec";}
|
||||||
|
niceDate = postsArray[currentIndex][0].slice( 14,16 ) + " " + month + ", " + postsArray[currentIndex][0].slice( 6,10 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Generate the Post List HTML, which will be shown on the "Archive" page.
|
||||||
|
|
||||||
|
function formatPostLink(i) {
|
||||||
|
let postTitle_i = "";
|
||||||
|
if ( postsArray[i].length > 1 ) {
|
||||||
|
postTitle_i = decodeURI(postsArray[i][1]);
|
||||||
|
} else {
|
||||||
|
if ( postDateFormat.test ( postsArray[i][0].slice( 6,17 ) ) ) {
|
||||||
|
postTitle_i = postsArray[i][0].slice(17,-5).replace(/-/g," ");
|
||||||
|
} else {
|
||||||
|
postTitle_i = postsArray[i][0].slice(6,-5).replace(/-/g," ");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ( postDateFormat.test ( postsArray[i][0].slice( 6,17 ) ) ) {
|
||||||
|
return '<li><a href="' + relativePath + '/'+ postsArray[i][0] +'">' + postsArray[i][0].slice(6,16) + " \u00BB " + postTitle_i + '</a></li>';
|
||||||
|
} else {
|
||||||
|
return '<li><a href="' + relativePath + '/'+ postsArray[i][0] +'">' + postTitle_i + '</a></li>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let postListHTML = "<ul>";
|
||||||
|
for ( let i = 0; i < postsArray.length; i++ ) {
|
||||||
|
postListHTML += formatPostLink(i);
|
||||||
|
}
|
||||||
|
postListHTML += "</ul>";
|
||||||
|
|
||||||
|
//Generate the Recent Post List HTML, which can be shown on the home page (or wherever you want!)
|
||||||
|
let recentPostsCutoff = 3; //Hey YOU! Change this number to set how many recent posts to show before cutting it off with a "more posts" link.
|
||||||
|
let recentPostListHTML = "<h2>Recent Posts:</h2><ul>";
|
||||||
|
let numberOfRecentPosts = Math.min( recentPostsCutoff, postsArray.length );
|
||||||
|
for ( let i = 0; i < numberOfRecentPosts; i++ ) {
|
||||||
|
recentPostListHTML += formatPostLink(i);
|
||||||
|
}
|
||||||
|
/*If you've written more posts than can fit in the Recent Posts List,
|
||||||
|
then we'll add a link to the archive so readers can find the rest of
|
||||||
|
your wonderful posts and be filled with knowledge.*/
|
||||||
|
if ( postsArray.length > recentPostsCutoff ) {
|
||||||
|
recentPostListHTML += '<li class="moreposts"><a href=' + relativePath + '/archive.html>\u00BB more posts</a></li></ul>';
|
||||||
|
} else {
|
||||||
|
recentPostListHTML += "</ul>";
|
||||||
|
}
|
||||||
|
|
||||||
|
//Generate the Next and Previous Post Links HTML
|
||||||
|
let nextprevHTML = "";
|
||||||
|
let nextlink = "";
|
||||||
|
let prevlink = "";
|
||||||
|
|
||||||
|
/*If you're on the newest blog post, there's no point to
|
||||||
|
a "Next Post" link, right? And vice versa with the oldest
|
||||||
|
post! That's what the following code handles.*/
|
||||||
|
if ( postsArray.length < 2 ) {
|
||||||
|
nextprevHTML = '<a href="' + relativePath + '/index.html">Blog</a>';
|
||||||
|
} else if ( currentIndex === 0 ) {
|
||||||
|
prevlink = postsArray[currentIndex + 1][0];
|
||||||
|
nextprevHTML = '<a href="' + relativePath + '/index.html">Blog</a> | <a href="'+ relativePath + '/' + prevlink +'">Previous Post \u00BB</a>';
|
||||||
|
} else if ( currentIndex === postsArray.length - 1 ) {
|
||||||
|
nextlink = postsArray[currentIndex - 1][0];
|
||||||
|
nextprevHTML = '<a href="' + relativePath + '/' + nextlink +'">\u00AB Next Post</a> | <a href="' + relativePath + '/index.html">Blog</a>';
|
||||||
|
} else if ( 0 < currentIndex && currentIndex < postsArray.length - 1 ) {
|
||||||
|
nextlink = postsArray[currentIndex - 1][0];
|
||||||
|
prevlink = postsArray[currentIndex + 1][0];
|
||||||
|
nextprevHTML = '<a href="' + relativePath + '/'+ nextlink +'">\u00AB Next Post</a> | <a href="' + relativePath + '/index.html">Blog</a> | <a href="' + relativePath + '/'+ prevlink +'">Previous Post \u00BB</a>';
|
||||||
|
}
|
||||||
|
|
||||||
|
//-----------------------------
|
||||||
|
|
||||||
|
//==[ 4. INSERTING THE SECTIONS INTO OUR ACTUAL HTML PAGES ]==
|
||||||
|
|
||||||
|
/*Here we check if each relevant div exists. If so, we inject the correct HTML!
|
||||||
|
NOTE: All of these sections are optional to use on any given page. For example, if there's
|
||||||
|
one particular blog post where we don't want the footer to appear,
|
||||||
|
we simply don't put a <div id="footer"> on that page.*/
|
||||||
|
|
||||||
|
if (document.getElementById("nextprev")) {
|
||||||
|
document.getElementById("nextprev").innerHTML = nextprevHTML;
|
||||||
|
}
|
||||||
|
if (document.getElementById("postlistdiv")) {
|
||||||
|
document.getElementById("postlistdiv").innerHTML = postListHTML;
|
||||||
|
}
|
||||||
|
if (document.getElementById("recentpostlistdiv")) {
|
||||||
|
document.getElementById("recentpostlistdiv").innerHTML = recentPostListHTML;
|
||||||
|
}
|
||||||
|
if (document.getElementById("header")) {
|
||||||
|
document.getElementById("header").innerHTML = headerHTML;
|
||||||
|
}
|
||||||
|
if (document.getElementById("blogTitleH1")) {
|
||||||
|
document.getElementById("blogTitleH1").innerHTML = blogTitle;
|
||||||
|
}
|
||||||
|
if (document.getElementById("postTitleH1")) {
|
||||||
|
document.getElementById("postTitleH1").innerHTML = currentPostTitle;
|
||||||
|
}
|
||||||
|
if (document.getElementById("postDate")) {
|
||||||
|
document.getElementById("postDate").innerHTML = niceDate;
|
||||||
|
}
|
||||||
|
if (document.getElementById("footer")) {
|
||||||
|
document.getElementById("footer").innerHTML = footerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
//Dynamically set the HTML <title> tag from the postTitle variable we created earlier
|
||||||
|
//The <title> tag content is what shows up on browser tabs
|
||||||
|
if (document.title === "Blog Post") {
|
||||||
|
document.title = currentPostTitle + ` | Blog | Leilukin's Hub`;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
|
|
@ -0,0 +1,40 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/blog">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Leilukin's Blog">
|
||||||
|
<meta name="author" content="Leilukin">
|
||||||
|
<meta property="og:description" content="My blog hosted on my website.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./blog.css" type="text/css" media="all">
|
||||||
|
<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="./blog.js" defer></script>
|
||||||
|
|
||||||
|
<title>Blog | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">This site requires JavaScript!</div>
|
||||||
|
<div id="content">
|
||||||
|
|
||||||
|
<h1>Welcome to my blog!</h1>
|
||||||
|
|
||||||
|
<p>This is a blog that is hosted on my own website. I hope you enjoy your time here!</p>
|
||||||
|
|
||||||
|
<div id="recentpostlistdiv"></div>
|
||||||
|
|
||||||
|
</div> <!-- end of div id="content" -->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div> <!-- end of div id="container" -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/blog/post.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Blog Post">
|
||||||
|
<meta name="author" content="Leilukin">
|
||||||
|
<meta property="og:description" content="Summary of my blog post.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../blog.css" type="text/css" media="all">
|
||||||
|
<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="../blog.js" defer></script>
|
||||||
|
|
||||||
|
<title>Blog Post</title> <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">...</div>
|
||||||
|
<div id="content">
|
||||||
|
<h1 id="postTitleH1"></h1>
|
||||||
|
<h4 id="postDate"></h4>
|
||||||
|
|
||||||
|
<p>Ready to write? Replace this text with your first paragraph!</p>
|
||||||
|
|
||||||
|
<div id="nextprev"></div>
|
||||||
|
</div> <!-- end of div id="content" -->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div> <!-- end of div id="container" -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/blog/2023-01-28-Leilukins-Hub-Now-Has-a-Blog.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Leilukin's Hub Now has a Blog!">
|
||||||
|
<meta name="author" content="Leilukin">
|
||||||
|
<meta property="og:description" content="I have finally set up a blog on my own website.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../blog.css" type="text/css" media="all">
|
||||||
|
<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="../blog.js" defer></script>
|
||||||
|
|
||||||
|
<title>Blog Post</title> <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">...</div>
|
||||||
|
<div id="content">
|
||||||
|
<h1 id="postTitleH1"></h1>
|
||||||
|
<h4 id="postDate"></h4>
|
||||||
|
|
||||||
|
<p>I finally built a blog on my own website!</p>
|
||||||
|
|
||||||
|
<p>After launching this site in September 2022, I had been considering setting up a blog here, as I want a blog that is hosted on my own site, but it was not until I discovered <a href="https://zonelets.net/" target="_blank">Zonelets</a>, a HTML blogging engine created with Neocities in mind, and it was exactly what I was looking for to build a blog on my own Neocities site: it is simple enough for beginners to use, yet also open for more customisation and flexibility for users who have enough knowledge about HTML, CSS and JavaScript.</p>
|
||||||
|
|
||||||
|
<p>My site does have an <a href="/articles" target="_blank">articles</a> section, but what makes this blog different from the articles is that the articles are meant to be timeless, sort of like my public statements for certain topics, while posts from this blog are more like journals or reactions to a timely subject.</p>
|
||||||
|
|
||||||
|
<p>Welcome to my blog! Hope you enjoy your stay on this blog and my website!</p>
|
||||||
|
|
||||||
|
<div id="nextprev"></div>
|
||||||
|
</div> <!-- end of div id="content" -->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div> <!-- end of div id="container" -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/blog/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Onboard the Dracula Daily Hype Train">
|
||||||
|
<meta name="author" content="Leilukin">
|
||||||
|
<meta property="og:description" content="I have signed up to join the Dracula Daily hype.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../blog.css" type="text/css" media="all">
|
||||||
|
<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="../blog.js" defer></script>
|
||||||
|
|
||||||
|
<title>Blog Post</title> <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div id="header">...</div>
|
||||||
|
<div id="content">
|
||||||
|
<h1 id="postTitleH1"></h1>
|
||||||
|
<h4 id="postDate"></h4>
|
||||||
|
|
||||||
|
<p><a href="https://draculadaily.com/" target="_blank"><em>Dracula Daily</em></a>, the free subscription newsletter that sends Bram Stoker's 1897 novel <em>Dracula</em> to subscribers via email, became an internet sensation, especially on Tumblr. Some of my Tumblr mutuals were also on the hype train, though I missed it.</p>
|
||||||
|
|
||||||
|
<p>Fortunately, <em>Dracula Daily</em> returns in 2023, so I decided to sign up to subscribe to the newsletter and join the hype. This year, <a href="https://redracula.live/" target="_blank"><em>Re: Dracula</em></a>, the audio drama podcast adaptation of <em>Dracula</em>, also debuts. Like <em>Dracula Daily</em>, <em>Re: Dracula</em> releases new entries in as close to real time as it happens, meaning you can now enjoy <em>Dracula Daily</em> in audio form as well, with excellent voice acting and sound design to enhance the experience.</p>
|
||||||
|
|
||||||
|
<p>Confession: This is actually my first time reading <em>Dracula</em>, so I am looking forward to this serialised way of reading the novel!</p>
|
||||||
|
|
||||||
|
<div id="nextprev"></div>
|
||||||
|
</div> <!-- end of div id="content" -->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div> <!-- end of div id="container" -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 684 B |
Binary file not shown.
|
After Width: | Height: | Size: 243 B |
Binary file not shown.
|
After Width: | Height: | Size: 649 B |
Binary file not shown.
|
After Width: | Height: | Size: 260 B |
Binary file not shown.
|
After Width: | Height: | Size: 258 B |
Binary file not shown.
|
After Width: | Height: | Size: 247 B |
Binary file not shown.
|
After Width: | Height: | Size: 438 B |
|
|
@ -0,0 +1,197 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/changelog">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Website Changelog Archive: 2022">
|
||||||
|
<meta property="og:description" content="Changelog of my website during the year of 2022.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./changelog.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Website Changelog Archive: 2022 | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Website Changelog</h1>
|
||||||
|
|
||||||
|
<center><p>Archive: <a href="../changelog/">Latest</a> | <strong>2022</strong> | <a href="./layouts.html">Website Layouts</a></p></center>
|
||||||
|
|
||||||
|
<strong>December 29, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, KotOR 1 Twi'lek Male NPC Diversity, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>December 19, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added new resource, <em>Star Wars: Knights of the Old Republic</em> save files, to <a href="../resources">my resources</a> page: KotOR 2 Light Side Female Saves with The Sith Lords Restored Content Mod and PartySwap.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>December 16, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mods, Exile's Trial Overlay Removal and Visas Visible Jedi Robes, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>December 11, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>For my <a href="../mymods/kotor1mods">mod page for <em>Star Wars: Knights of the Old Republic</em></a>, No Flirting with Davik's Slaves has been updated and renamed to PC Dialogue with Davik's Slaves Change.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>December 8, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, No Flirting with Davik's Slaves, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 27, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Prologue Item Recovery, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 24, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Bastila and Carth Romance Removal, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 22, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, No Jealousy Lock in Handmaiden Dialogue, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 16, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Lonna Vash Mod for TSLRCM, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 12, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Dahnis Unique Look, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>November 9, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, TSL Workbench Lightsaber Creation, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a> page.</li>
|
||||||
|
<li>Rearrange the mod catogeries on <a href="../mymods/kotor2mods">my mod page for <em>Star Wars: Knights of the Old Republic II: THe Sith Lords</em></a>. </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 23, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Trask Ulgo Without Tutorials, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
<strong>October 22, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, KotOR 1 Twi'lek Female NPC Diversity, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 17, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added new resource, <em>Star Wars: Knights of the Old Republic</em> save files, to <a href="../resources">my resources</a> page: Light Side Female Saves with KOTOR 1 Community Patch and All Romances.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 16, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, KotOR 1 No Gendered Dialogue from Male NPCs, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 11, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Juhani Dialogue Restoration, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
<li>Added new article about <em>Star Wars: Knights of the Old Republic</em>: <a href="../articles/juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 6, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added the <a href="https://ogp.me/" target="_blank">Open Graph protocol</a> on each page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 5, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added navigation links bar under the websit banner on each page.</li>
|
||||||
|
<li>Added new article about <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>: <a href="../articles/handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a>.</li>
|
||||||
|
<li>Added resource: <a href="../resources/kotor2-female-exile-recruit-handmaiden-mods.html">List of <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 4, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added download links to <a href="https://www.dropbox.com/s/ilntlihyaabthzg/Love%20Between%20Brianna%20And%20The%20Exile%20-%20TSLRCM%20version.zip?dl=0" target="_blank">Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version</a> and <a href="https://www.dropbox.com/s/af3h6y793f3zjxq/Remote%20Tells%20Influence%20Patch%20for%20TSLRCM.zip?dl=0" target="_blank">Remote Tells Influence Patch for The Sith Lords Restored Content Mod</a> on my <a href="/mymods/kotor2mods">KotOR 2 mods</a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 3, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added banner images for each of my <a href="../mymods/kotor1mods">KotOR 1 mods</a> and <a href="../mymods/kotor2mods">KotOR 2 mods</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>October 1, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added article: <a href="../articles/arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 30, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Adjusted the codes for the <a href="../articles">Articles</a> and <a href="/featured">Featured</a> pages.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 25, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added a button to <a href="https://www.buymeacoffee.com/leilukin" target="_blank">my Buy Me a Coffee page</a> on the home page and About page.</li>
|
||||||
|
<li>The top banner on each page is now linked to the home page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 20, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Website banner created and placed on the top each page.</li>
|
||||||
|
<li>Rearrange the buttons on the main page.</li>
|
||||||
|
<li>Created indivisual sub-pages for the pieces shared on the <a href="/featured">Featured page</a>.</li>
|
||||||
|
<li>Added information about the playlists on the <a href="/playlists">Playlists page</a>.</li>
|
||||||
|
<li>Added a page for <a href="../resources/kotor-same-gender-romance-mods.html">same-gender romance mods for <em>Star Wars: Knights of the Old Republic</em> series.</a></li>
|
||||||
|
<li>Added table of contents for some pages.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 16, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Adjusted the font size, line and paragraph spacing of the website to make it easier to read and more responsive.</li>
|
||||||
|
<li>Redesigned the buttons on the website.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 12, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Created a page for <a href="../resources/tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a>.</li>
|
||||||
|
<li>Modified the HTML and CSS codes of the entire website to make the website more accessible.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>September 11, 2022:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Website launch.</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/articles/2023-redesign.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="2023 New Year Redesign of Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="About giving my website a new design in light of a new year of 2023.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./changelog.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>2023 New Year Redesign of Leilukin's Hub | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>2023 New Year Redesign of Leilukin's Hub</h1>
|
||||||
|
|
||||||
|
<img src="./layouts/Leilukins-Hub-layout-2023-01.png" alt="A screenshot of Leilukin's Hub home page, with its layout design released on January 26, 2023" width="100%" height="auto">
|
||||||
|
|
||||||
|
<p>In light of a new year, the Leilukin's Hub website has received a new design on January 26. 2023!</p>
|
||||||
|
|
||||||
|
<p>I have wanted to rewrite and redesign this site after learning HTML and CSS more and getting better at writing those languages. With Visual Studio Code and the <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_blank">Live Server</a> extension installed, I have also finally found a good workflow for me to write and test HTML and CSS.</p>
|
||||||
|
|
||||||
|
<p>Looking at other Neocities websites have also given me more ideas in enhancing my own website. Special thanks to <a href="https://sadgrl.online/" target="_blank">sadgrl.online</a>, whose various web building resources, including the Layout Builder, have helped tremendously in redesigning this site.</p>
|
||||||
|
|
||||||
|
<p>With this 2023 new year redesign of this website, the index page, which is for when you visit the link <a href="https://leilukin.neocities.org/">leilukin.neocities.org</a>, you will be presented with a very simple page, but when you click the "Enter" button to enter, you will be brought to my website's home page, and can start properly browsing my website, and enjoying the new design!</p>
|
||||||
|
|
||||||
|
<h3>Highlights of the 2023 New Year redesign of Leilukin's Hub:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>Uses purple colour schemes primarily, as purple is one of my favourite colours.</li>
|
||||||
|
<li>Each page category has their own CSS file, allowing me to give certain pages unique elements. However, the site still has a main CSS file to be imported into CSS files of other pages, saving me time to edit the CSS files one by one just to tweak a certain part of the main layout design.</li>
|
||||||
|
<li>Background image added.</li>
|
||||||
|
<li>Sidebars added, with the contents being sticky, so you can still see them while scrolling through.</li>
|
||||||
|
<li>The navigation links are now on the right sidebar. Previously, the navigation links of my website are in a row placed at the header section.</li>
|
||||||
|
<li>The table of contents of some of my pages is now placed on the left sidebar.</li>
|
||||||
|
<li>The <a href="/changelog/">website changelog</a> page adds archives for the layout designs of this site and old changelog.</li>
|
||||||
|
<li>My <a href="/mymods">video game mod pages</a> have added a filter function, so you can use buttons to view a specific category of mods.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>After spending many hours on this site redesign, I am very pleased with how it turns out. Hope you enjoy it!</p>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
@import url("/main.css");
|
||||||
|
|
||||||
|
.changelist {
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.changelist li {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,176 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/changelog">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Website Changelog">
|
||||||
|
<meta property="og:description" content="Changelog of my website.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./changelog.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Website Changelog | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Website Changelog</h1>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<p>Archive: <strong>Latest</strong> | <a href="./2022.html">2022</a> | <a href="./layouts.html">Website Layouts</a></p>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<strong>June 11, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Widened the website content layout.</li>
|
||||||
|
<li>Changed the header image of my <a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em> shrine</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>May 9, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>New blog post: <a href="/blog/posts/2023-05-09-Onboard-the-Dracula-Daily-Hype-Train.html">Onboard the Dracula Daily Hype Train</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>May 5, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Modify the web application manifest of this site to make this site look more like a mobile app when added to a mobile device's home screen.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>April 22, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Switch the content of the left and right sidebars. Navigation links are now on the left sidebar, while the table of contents on the right sidebar.</li>
|
||||||
|
<li>Proper indentation of the HTML codes.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 27, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Leilukin's Juhani's Outfit Reskin Pack, to <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 22, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added the dates of publication of articles.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 20, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Tweaked the format of the dates of publication and update of articles.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 19, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added a new masterlist on my <a href="/resources/">Resources</a> page: <a href="/resources/anti-harry-potter-jk-rowling-masterlist.html">Anti-Harry Potter and Anti-J. K. Rowling Masterlist</a></li>
|
||||||
|
<li>Changed the color of subheadings.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 8, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Updated the <a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em> shrine</a>'s <a href="/shrines/starwarskotor/guides/">Guides page</a> to add a section for lists of cheats for the <em>KotOR</em> games.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>March 2, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Updated the <a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em> shrine</a>'s <a href="/shrines/starwarskotor/guides/">Guides page</a> to add a section for lists of cheats for the <em>KotOR</em> games.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>February 18, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added <a href="/sitemap.html">Site Map</a>.</li>
|
||||||
|
<li>Added web pages for my <em>Star Wars: Knights of the Old Republic</em> <a href="/shrines/starwarskotor/guides/">guides</a>:</li>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/shrines/starwarskotor/guides/kotor-juhani-romance-guide.html">Juhani Romance Guide</a></li>
|
||||||
|
<li><a href="/shrines/starwarskotor/guides/kotor-redeeming-bastila-guide.html">Redeeming Bastila Guide</a></li>
|
||||||
|
<li><a href="/shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide.html">Sandral-Matale Feud Ending Guide</a></li>
|
||||||
|
</ul>
|
||||||
|
<li>Added a Site Map button on the site's <a href="/">index page</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>February 17, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>For my <a href="/shrines/asummersend/"><em>A Summer’s End — Hong Kong 1986</em> shrine</a>:</li>
|
||||||
|
<ul>
|
||||||
|
<li>Added a <a href="/shrines/asummersend/trivia.html">Trivia</a> page.</li>
|
||||||
|
<li>Added information and link to <em>A Summer's End</em>'s' official soundtrack on the <a href="/shrines/asummersend/playlists.html">Playlists</a> page.</li>
|
||||||
|
</ul>
|
||||||
|
<li>Added a <a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em> shrine</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>February 16, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added a <a href="/shrines/">Shrines</a> page, with the first e-shrine on this website being <a href="/shrines/asummersend/"><em>A Summer’s End — Hong Kong 1986</em></a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>February 10, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Updated the banner image of my Alternate Revan Romances REDUX mod on the <a href="../mymods/kotor2mods"><em>Star Wars: Knights of the Old Republic II: The Sith Lords</em> mod page</a>.</li>
|
||||||
|
<li>Added a Webrings section on the <a href="../home">home page</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>February 7, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Updated the <a href="/resources">Resources</a> page to add a my <a href="https://deadlystream.com/files/file/2249-missing-k1-party-member-ports-for-tsl-modders-resource/" target="_blank">Missing K1 Party Member Ports for TSL</a> modder's resource.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>January 31, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Updated the <a href="/links">Links</a> page as I have officially joined the <a href="https://isaacfish.neocities.org/webring/" target="_blank">Queer Coded webring</a>.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>January 30, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, Juhani Item Pack for TSL, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>January 28, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added a <a href="/links">Links</a> page.</li>
|
||||||
|
<li>Move the link to <a href="/changelog/">changelog</a> to the sidebar.</li>
|
||||||
|
<li>Due to these new changes to the navigation links on the sidebar, I wrote a JavaScript file to dynamically generate the contents on the right sidebar and the footer across multiple pages on this site.</li>
|
||||||
|
<li>Adjust the line spacing and the spacing between the listed items on the <a href="/changelog/">changelog</a> page.</li>
|
||||||
|
<li>Made adjustments to the relative paths in the HTML files, to ensure this site's favicons will show up on the title bar by default.</li>
|
||||||
|
<li>Fixed the issue of the page style not applied to the Not Found page.</li>
|
||||||
|
<li>Updated the <a href="/about">About</a> page.</li>
|
||||||
|
<li>Update the <a href="/not_found.html">Page Not Found</a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>January 26, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>The entire website has been redesigned! See the <a href="./2023-redesign.html">2023 New Year Redesign of Leilukin's Hub</a> for more information!</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<strong>January 25, 2023:</strong>
|
||||||
|
<ul class="changelist">
|
||||||
|
<li>Added my latest mod, TSL Twi'lek Male NPC Diversity, to <a href="../mymods/kotor2mods">my mods for <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a> page.</li>
|
||||||
|
<li>Corrected the mod description of KotOR 1 Twi'lek Male NPC Diversity on <a href="../mymods/kotor1mods">my mods for <em>Star Wars: Knights of the Old Republic</em></a> page.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/changelog/layouts.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Website Layout Archive">
|
||||||
|
<meta property="og:description" content="An archive for the page layout designs mt website has used.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./changelog.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Website Layout Archive | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Website Layout Archive</h1>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<p>Archive: <a href="../changelog/">Latest</a> | <a href="./2022.html">2022</a> | <strong>Website Layouts</strong></p>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<h3>January 26, 2023</h3>
|
||||||
|
<img src="./layouts/Leilukins-Hub-layout-2023-01.png" alt="A screenshot of Leilukin's Hub home page, with its layout design released on January 26, 2023" width="100%">
|
||||||
|
|
||||||
|
<h3>September 11, 2023 (Site Launch)</h3>
|
||||||
|
<img src="./layouts/Leilukins-Hub-layout-2022-index.png" alt="A screenshot of Leilukin's Hub home page, with its layout design released on the site's launch on September 11, 2023" width="100%">
|
||||||
|
<img src="./layouts/Leilukins-Hub-layout-2022-page.png" alt="A screenshot of Leilukin's Hub website's My Creation page, with its layout design released on the site's launch on September 11, 2023" width="100%">
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 341 KiB |
|
|
@ -0,0 +1,12 @@
|
||||||
|
@import url("/main.css");
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
margin: 20px 0;
|
||||||
|
padding: 0 20px;
|
||||||
|
border-inline-start: 3px solid #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#source {
|
||||||
|
font-size: 1.6rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
|
|
@ -0,0 +1,55 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/featured">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Featured | Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="Compilation of me and my work getting featured on other websites or platforms, including interviews and spotlights.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./featured.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Featured | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Featured</h1>
|
||||||
|
|
||||||
|
<h2>Interviews with Me</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="./kotor2-modder-interview-ars-technica.html">The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica</a></li>
|
||||||
|
<li><a href="./lgbtq-booklet-interview-misi-bawang.html">Artist Interview for MISI:Bawang's Floating in a Sky Full of Pride</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,69 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/featured/kotor2-modder-interview-ars-technica.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="The modders who spent 15 years fixing Knights of the Old Republic 2 @ Ars Technica">
|
||||||
|
<meta property="og:description" content="Ars Technica's article on the KotOR 2's modding community to celebrate the game's 15th anniversary. I was interviewed for my same-gender romance mods for KotOR 2.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./featured.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>KotOR 2 Modders Interview on Ars Technica | Featured | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>The modders who spent 15 years fixing <em>Knights of the Old Republic 2</em> @ Ars Technica</h1>
|
||||||
|
|
||||||
|
<p>On December 6, 2019, to celebrate the 15th anniversary of <em>Star Wars: Knights of the Old Republic 2</em>, Ars Technica has published <a href="https://arstechnica.com/gaming/2019/12/the-modders-that-spent-15-years-fixing-knights-of-the-old-republic-2/" target="_blank">an article about the modding community of KotOR 2</a>. I was interviewed by the author of this article, Austin Taylor, for my same-gender romance mods for KotOR 2.</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<h3>Romance? Yes, Please</h3>
|
||||||
|
|
||||||
|
<p><a href="https://starwars.fandom.com/wiki/Juhani" target="_blank">Unlike the first <em>KOTOR</em></a>, there are no same-gender romance options in Obsidian’s sequel. Leilukin, a modder on the Nexus Forums, has focused much of her modding work since 2016 on <a href="https://www.nexusmods.com/kotor2/mods/927" target="_blank">fixing that oversight.</a></p>
|
||||||
|
|
||||||
|
<p>“As much as I love KOTOR2, I have always been frustrated by the fact that the romance content with the companions and certain NPCs… are all heterosexual,” she said.</p>
|
||||||
|
|
||||||
|
<p>Some of these fixes are relatively simple. In vanilla <em>KOTOR2</em>, for instance, only male characters can recruit The Handmaiden upon leaving Telos, while female characters are the only ones who can recruit The Disciple during the main quest on Dantooine. By default, Leiluken’s mod simply flips that gender check, so only male characters can recruit the Disciple and only females can recruit The Handmaiden.</p>
|
||||||
|
|
||||||
|
<p>But Leiluken’s mod goes further than that. The most challenging part, she said, was finding every reference to the Exile’s gender throughout the game spoken by gender-specific party members, then “add[ing] extra dialogue that replaces the pronouns and splic[ing] voiceover files myself.”</p>
|
||||||
|
|
||||||
|
<p>To recruit both The Handmaiden and The Disciple at the same time, players can install the <a href="https://deadlystream.com/files/file/544-partyswap/" target="_blank">PartySwap mod by DarthTyren</a>. That mod was initially lacking the same-gender romance dialogue from Leiluken’s mod. But Leiluken has since added a compatibility installation option, letting the two mods now work together and fully opening up the same-gender romance options of your dreams.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>Read the full article on Ars Technica here:</p>
|
||||||
|
|
||||||
|
<p id="source"><a href="https://arstechnica.com/gaming/2019/12/the-modders-that-spent-15-years-fixing-knights-of-the-old-republic-2/" target="_blank">The modders who spent 15 years fixing <em>Knights of the Old Republic 2</em></a></p>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/featured/lgbtq-booklet-interview-misi-bawang.html">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Floating in a Sky Full of Pride: LGBTQ+ Booklet Artist Interview from MISI:Bawang">
|
||||||
|
<meta property="og:description" content="My submission for MISI:Bawang's booklet about LGBTQ+ Malaysians was accepted and published. Here is MISI:Bawang's interview with me regarding my work and my queer identity.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./featured.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>LGBTQ+ Booklet Artist Interview from MISI:Bawang | Featured | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Floating in a Sky Full of Pride: LGBTQ+ Booklet Artist Interview from MISI:Bawang</h1>
|
||||||
|
|
||||||
|
<center><p>(This article is also available on <a href="https://leilukinart.tumblr.com/post/676165415142031360/misibawang-a-malaysian-digital-booklet-project" target="_blank">my art blog on Tumblr</a>)</p></center>
|
||||||
|
|
||||||
|
<p><a href="https://bawangqueerbooklet.msolidariti.org/" target="_blank">Floating in a Sky Full of Pride</a>, the LGBTQ+ booklet of <a href="https://misibawang.msolidariti.org/" target="_blank">MISI:Bawang</a>, a Malaysian digital booklet project, has been released on Valentine’s Day 2022. Since my submitted art piece, Life of a Bee with Pride, has been selected to be included in the booklet, I had received the honour of being interviewed by MISI:Bawang to share my personal experience with my LGBTQ+ identity, favourite queer art/media, and a ✨ special message to the Malaysian LGBTQ+ community. 🏳🌈</p>
|
||||||
|
|
||||||
|
<img src="/featured/images/Bawang-Booklet-Interview-Leilukin-1.jpg" width="100%" height="auto" alt="First slide of MISI:Bawang's interview with me for their LGBTQ+ booklet"><br>
|
||||||
|
<img src="/featured/images/Bawang-Booklet-Interview-Leilukin-2.jpg" width="100%" height="auto" alt="Second slide of MISI:Bawang's interview with me for their LGBTQ+ booklet"><br>
|
||||||
|
<img src="/featured/images/Bawang-Booklet-Interview-Leilukin-3.jpg" width="100%" height="auto" alt="Third slide of MISI:Bawang's interview with me for their LGBTQ+ booklet"><br>
|
||||||
|
|
||||||
|
<p>MISI:Bawang has shared their interview with me and other Malaysian LGBTQ+ artists and authors who submitted their work to the booklet on Twitter and Instagram. Here are the <a href="https://twitter.com/misi_bawang/status/1470247663471763464" target="_blank">Twitter thread</a> and <a href="https://www.instagram.com/p/CXSlIbsJXsM/" target="_blank">Instagram post</a> that include my interview.</p>
|
||||||
|
|
||||||
|
<p>Text version of my interview below:</p>
|
||||||
|
|
||||||
|
<h4><strong>“What was your experience discovering your LGBTQ+ identity?”</strong></h4>
|
||||||
|
<blockquote>
|
||||||
|
<p>The first clear signs of my attraction to women I was aware of started from my secondary school days. However, due to lack of knowledge and awareness of same-gender attraction and identities, I brushed it off as a teenage phase.</p>
|
||||||
|
|
||||||
|
<p>However, that changed as I started becoming active on Tumblr since I was 19. At first, I joined Tumblr to connect with people who share my interest in Star Wars and BioWare games. This led me to get to know LGBTQ+ from different parts of the world, which is especially helped by the fact that BioWare games are known for LGBTQ+ representation, therefore LGBTQ+ people are visible in BioWare player communities. This started my journey of questioning my sexuality and gender.</p>
|
||||||
|
|
||||||
|
<p>As I continue to stay on Tumblr, my engagement with LGBTQ+ people on Tumblr had gone beyond shared interest in entertainment media. Through Tumblr, I discovered many LGBTQ+ resources that helped me figure out my identity. As a result, at the age of 22, I eventually realised that I am a non-binary lesbian.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<h4><strong>“Are there any LGBTQ+ related art (books, films, etc) that gives you comfort, inspiration, and strength? If so, tell us about them!”</strong></h4>
|
||||||
|
<blockquote>
|
||||||
|
<p><em>A Summer’s End - Hong Kong 1986</em> is the LGBTQ+ art that gives me comfort, inspiration and strength the most. It is an indie visual novel developed by the Asian Canadian studio Oracle and Bone. The story is about a lesbian romance that takes place in Hong Kong in the year of 1986.</p>
|
||||||
|
|
||||||
|
<p><em>A Summer’s End</em> is the LGBTQ+ art I relate to most because it strongly resonates with my identity as a Cantonese-speaking Chinese lesbian who has grown up with Hong Kong media. I relate to both the protagonists, Michelle and Sam, as their characters represent different parts of my life as a Chinese lesbian. I also relate to the story’s theme of hoping for the future of our homeland despite the political uncertainties.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<h4><strong>“Do you have a message to LGBTQ+ community living in Malaysia?”</strong></h4>
|
||||||
|
<blockquote>
|
||||||
|
<p>First and foremost, you are not alone. LGBTQ+ Malaysians have a community that continues to survive despite the hardship we have to face due to society’s bigotry and misunderstanding of LGBTQ+ people and identities.</p>
|
||||||
|
|
||||||
|
<p>I hope the LGBTQ+ community in Malaysia will continue to grow and thrive, and more LGBTQ+ Malaysians who are still questioning and feeling lonely could be reached out. Let us work towards a future where we could live freely.</p>
|
||||||
|
</blockquote>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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.html">
|
||||||
|
<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="./home.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Home | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Welcome!</h1>
|
||||||
|
<p>Hello! You can call me Leilukin. Welcome to my website!</p>
|
||||||
|
|
||||||
|
<p>This hub is my own personal corner on the internet. Enjoy your stay!</p>
|
||||||
|
|
||||||
|
<h1>Updates</h1>
|
||||||
|
<div class="box">
|
||||||
|
<strong>June 11, 2023:</strong>
|
||||||
|
<ul>
|
||||||
|
<li>Widened the website content layout.</li>
|
||||||
|
<li>Changed the header image of my <a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em> shrine</a>.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1>Always Proud</h1>
|
||||||
|
<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">
|
||||||
|
<p>Credit to <a href="https://rainy.gay/pride/pridebuttons" target="_blank">Dime</a> for these pride buttons!</p>
|
||||||
|
|
||||||
|
<h1>Webrings</h1>
|
||||||
|
<div style="border: none; padding: 5px; display: inline-block"><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>
|
||||||
|
|
||||||
|
<h1>Support Me</h1>
|
||||||
|
<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>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,55 @@
|
||||||
|
body {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: 'Source Sans Pro', Arial, sans-serif;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background: #000000;
|
||||||
|
text-align: center;
|
||||||
|
align-items: center;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #6EAEFA;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited { color: #6EAEFA; }
|
||||||
|
|
||||||
|
main {
|
||||||
|
background: #000000;
|
||||||
|
max-width: 900px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 4rem;
|
||||||
|
color: #BA6FE8;
|
||||||
|
font-weight: normal;
|
||||||
|
letter-spacing:5px;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indexBtn {
|
||||||
|
font: 2rem 'Source Sans Pro', Arial, sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px 20px;
|
||||||
|
margin: 0.25em 0.15em;
|
||||||
|
background-color: #7A37A3;
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indexBtn:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
color: white;
|
||||||
|
background-color: #BA6FE8;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|
||||||
|
<meta property="og:url" content="https://leilukin.neocities.org/">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="Welcome to Leilukin's personal website">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/index.css" type="text/css" media="all">
|
||||||
|
<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">
|
||||||
|
|
||||||
|
<title>Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<img src="/assets/Leilukins-Hub-website-banner.png" width="100%" height="auto" alt="Leilukin's Hub website banner">
|
||||||
|
<h1>Leilukin's Hub</h1>
|
||||||
|
|
||||||
|
<p>Hello! Welcome to my website!</p>
|
||||||
|
|
||||||
|
<a href="/home.html"><button class="indexBtn">Home Page</button></a>
|
||||||
|
<a href="/sitemap.html"><button class="indexBtn">Site Map</button></a>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -0,0 +1,56 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/links">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="Links">
|
||||||
|
<meta property="og:description" content="A collection of links.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./links.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>Links | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent"></div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>Links</h1>
|
||||||
|
|
||||||
|
<h2>Webrings I Have Joined</h2>
|
||||||
|
<div style="border: none; padding: 5px; display: inline-block"><a href="https://isaacfish.neocities.org/webring/25.html" target="_blank"><img src="./webrings/queercoded-left.png" alt="left arrow"></a> <a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./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="./webrings/queercoded-right.png" alt="right arrow"></a></div>
|
||||||
|
|
||||||
|
<h2>Fanlistings I Have Joined</h2>
|
||||||
|
<a href="https://glitterskies.org/kotor/" target="_blank"><img src="./fanlistings/kotor-100x50.png" alt="A website button of a Star Wars: Knights of the Old Republic fanlisting" title="Erased Identity - Star Wars: Knights of the Old Republic fanlisting"></a>
|
||||||
|
<a href="https://glitterskies.org/kotor2/" target="_blank"><img src="./fanlistings/kotor2-100x50.jpg" alt="A website button of a Star Wars: Knights of the Old Republic 2 fanlisting" title="Mysteries of Malachor - Star Wars: Knights of the Old Republic 2: The Sith Lords fanlisting"></a>
|
||||||
|
<a href="https://inspirationally.net/jedi/" target="_blank"><img src="./fanlistings/jedi-100x50.png" alt="A website button of a Jedi fanlisting" title="Keepers of the Peace // the Star Wars: [+] Jedi fanlisting"></a>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@import url("/main.css");
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 360 B |
Binary file not shown.
|
After Width: | Height: | Size: 360 B |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
|
|
@ -0,0 +1,301 @@
|
||||||
|
:root {
|
||||||
|
--header-image: url('/assets/Leilukins-Hub-website-banner.png');
|
||||||
|
--body-bg-image: url('/assets/starsforever.gif');
|
||||||
|
--content: #43256E;
|
||||||
|
--title-border: #d3aad5;
|
||||||
|
--code-bg: #241445;
|
||||||
|
--code-border: #82668f;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Nunito';
|
||||||
|
src: url('/assets/fonts/Nunito-VariableFont_wght.ttf') format("truetype");
|
||||||
|
font-weight: 125 950;
|
||||||
|
font-stretch: 75% 125%;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Nunito';
|
||||||
|
src: url('/assets/fonts/Nunito-Italic-VariableFont_wght.ttf') format("truetype");
|
||||||
|
font-weight: 125 950;
|
||||||
|
font-stretch: 75% 125%;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Nunito', Arial, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0;
|
||||||
|
background-color: #08031A;
|
||||||
|
background-size: 65px;
|
||||||
|
color: #fceaff;
|
||||||
|
background-image: var(--body-bg-image);
|
||||||
|
background-attachment: fixed;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #ED64F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, h3 {
|
||||||
|
color: #e8b86f;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.2rem;
|
||||||
|
border-bottom: 3px solid var(--title-border);
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1:not(:first-child) {
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
color: #ff9933;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.monospace {
|
||||||
|
font-family: monospace;
|
||||||
|
border: 1px solid var(--code-border);
|
||||||
|
padding: 2px 5px;
|
||||||
|
margin-left: 2px;
|
||||||
|
margin-right: 2px;
|
||||||
|
background-color: var(--code-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-snippet {
|
||||||
|
background-color: var(--code-bg);
|
||||||
|
border: 1px solid var(--code-border);
|
||||||
|
display: block;
|
||||||
|
padding: 0.5em;
|
||||||
|
overflow-x: auto;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
background-color: #13092D;
|
||||||
|
border: 1px solid #ED64F5;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width-youtube-video {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width-youtube-video iframe {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* CONTAINER for wrapping the entire website */
|
||||||
|
#container {
|
||||||
|
max-width: 1100px;
|
||||||
|
/* the width of the layout */
|
||||||
|
/* if you change the above value, scroll to the bottom
|
||||||
|
and change the media query according to the comment! */
|
||||||
|
margin: 0 auto;
|
||||||
|
/* this centers the entire page */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For all links on your page EXCEPT for the navigation */
|
||||||
|
#container a {
|
||||||
|
color: #ED64F5;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #13092D;
|
||||||
|
height: 350px;
|
||||||
|
background-image: var(--header-image);
|
||||||
|
background-size: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* NAVIGATION SECTION */
|
||||||
|
#navbar {
|
||||||
|
height: 40px;
|
||||||
|
background-color: #13092D;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar ul {
|
||||||
|
display: flex;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar li {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar li a {
|
||||||
|
color: #ED64F5;
|
||||||
|
/* navbar text color */
|
||||||
|
font-weight: 800;
|
||||||
|
text-decoration: none;
|
||||||
|
/* this removes the underline */
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar li a:hover {
|
||||||
|
color: #a49cba;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#flex {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* EXTRAS */
|
||||||
|
#topBar {
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
padding: 10px;
|
||||||
|
font-size: smaller;
|
||||||
|
background-color: #13092D;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* MAIN CONTENT AREA, between the sidebars */
|
||||||
|
main {
|
||||||
|
background-color: #3d2163;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
flex: 1;
|
||||||
|
padding: 20px;
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* This colors BOTH sidebars
|
||||||
|
If you want to style them separately,
|
||||||
|
create styles for #leftSidebar and #rightSidebar */
|
||||||
|
aside {
|
||||||
|
background-color: #241445;
|
||||||
|
width: 200px;
|
||||||
|
padding: 20px;
|
||||||
|
font-size: smaller;
|
||||||
|
/* this makes the sidebar text slightly smaller */
|
||||||
|
}
|
||||||
|
|
||||||
|
aside h1, aside h2, aside h3 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside ul {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .box ul {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#leftSidebar {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rightSidebar {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-content {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TABLE OF CONTENTS */
|
||||||
|
|
||||||
|
.toc-title {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toc-list {
|
||||||
|
list-style: none;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toc-list li {
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* SIDEBAR NAVIGATION LINKS */
|
||||||
|
|
||||||
|
.nav-links {
|
||||||
|
padding-left: 20px;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-top: 0;
|
||||||
|
list-style-image: url(./assets/arrow-list.png);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #13092D;
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
padding: 10px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* MEDIA QUERY STARTS HERE */
|
||||||
|
|
||||||
|
/* To keep things responsive,
|
||||||
|
if you want to change the width of your page,
|
||||||
|
take your new width of the #container, and then subtrack it by 100.
|
||||||
|
Use this new number as the "max-width" value below */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1000px) {
|
||||||
|
#flex {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* the order of the items is adjusted here for responsiveness.
|
||||||
|
since the sidebars would be too small on a mobile device. */
|
||||||
|
main {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#leftSidebar {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
#rightSidebar {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar ul {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
var currentPath = window.location.pathname;
|
||||||
|
|
||||||
|
|
||||||
|
/* --- SCRIPT FOR THE RIGHT SIDEBAR --- */
|
||||||
|
|
||||||
|
// HTML template for the right sidebar
|
||||||
|
var leftSidebarHTML = `
|
||||||
|
<h2>Navigation</h2>
|
||||||
|
<ul class="nav-links"></ul>
|
||||||
|
`;
|
||||||
|
document.querySelector("#leftSidebarContent").innerHTML = leftSidebarHTML;
|
||||||
|
|
||||||
|
// Variables for the list of navigation links
|
||||||
|
var navList = "";
|
||||||
|
var navLinks = [
|
||||||
|
`<li><a href="/home.html">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="/mymods">My Mods</a></li>`,
|
||||||
|
`<li><a href="/playlists">Playlists</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="/changelog">Changelog</a></li>`,
|
||||||
|
`<li><a href="/sitemap.html">Site Map</a></li>`
|
||||||
|
];
|
||||||
|
|
||||||
|
// To show subpage links when visiting certain pages
|
||||||
|
if (currentPath.includes("mymods/")) {
|
||||||
|
navLinks.splice(6, 0, `
|
||||||
|
<ul>
|
||||||
|
<li><a href="/mymods/kotor1mods">KotOR 1</a></li>
|
||||||
|
<li><a href="/mymods/kotor2mods">KotOR 2</a></li>
|
||||||
|
</ul>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (currentPath.includes("changelog/")) {
|
||||||
|
navLinks.splice(12, 0, `
|
||||||
|
<ul>
|
||||||
|
<li><a href="/changelog/2022.html">2022</a></li>
|
||||||
|
<li><a href="/changelog/layouts.html">Layout Archive</a></li>
|
||||||
|
</ul>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Go through the list of navigation link and display them
|
||||||
|
for (let i = 0; i < navLinks.length; i++) {
|
||||||
|
navList += navLinks[i];
|
||||||
|
}
|
||||||
|
document.querySelector(".nav-links").innerHTML = navList;
|
||||||
|
|
||||||
|
|
||||||
|
/* --- SCRIPT FOR THE FOOTER --- */
|
||||||
|
|
||||||
|
// Generate footer content
|
||||||
|
var footerHTML = `
|
||||||
|
Site Launched: September 11, 2022 by Leilukin
|
||||||
|
`;
|
||||||
|
document.querySelector("#footer").innerHTML = footerHTML;
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/mycreations">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="My Creations | Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="Links to my works not are not featured on this website.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./mycreations.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>My Creations | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>My Creations</h1>
|
||||||
|
|
||||||
|
<h2>Drawings</h2>
|
||||||
|
<p>My drawings can be found on my art blog on Tumblr:</p>
|
||||||
|
<a href="https://leilukinart.tumblr.com/" target="_blank"><button class="linkBtn">🎨 Leilukin's Art Blog</button></a>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
@import url("/main.css");
|
||||||
|
|
||||||
|
.linkBtn {
|
||||||
|
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
|
||||||
|
border: 2px solid #BA6FE8;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 12px 16px;
|
||||||
|
margin: 0.25em 0.15em;
|
||||||
|
background-color: #241445;
|
||||||
|
color: #BA6FE8;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkBtn:hover {
|
||||||
|
cursor:pointer;
|
||||||
|
color: white;
|
||||||
|
background-color: #BA6FE8;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/mymods">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="My Video Game Mods | Leilukin's Hub">
|
||||||
|
<meta property="og:description" content="Video game modifications I have made.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="./mymods.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
|
||||||
|
<title>My Video Game Mods | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>My Video Game Mods</h1>
|
||||||
|
|
||||||
|
<center>
|
||||||
|
<a href="./kotor1mods"><img src="./my-kotor1-mods-header.png" width="100%" height="auto" alt="Banner of Leilukin's mods for Star Wars: Knights of the Old Republic"></a>
|
||||||
|
<a href="./kotor1mods" class="indexLink">Star Wars: Knights of the Old Republic</a><br><br>
|
||||||
|
|
||||||
|
<a href="./kotor2mods"><img src="./my-kotor2-mods-header.png" width="100%" height="auto" alt="Banner of Leilukin's mods for Star Wars: Knights of the Old Republic II: The Sith Lords"></a>
|
||||||
|
<a href="./kotor2mods" class="indexLink">Star Wars: Knights of the Old Republic II: The Sith Lords</a>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 257 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 257 KiB |
|
|
@ -0,0 +1,208 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<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/mymods/kotor1mods">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:site_name" content="Leilukin's Hub">
|
||||||
|
<meta property="og:title" content="My Mods for Star Wars: Knights of the Old Republic">
|
||||||
|
<meta property="og:description" content="List of video game mods I have made for Star Wars: Knights of the Old Republic.">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../mymods.css" type="text/css" media="all">
|
||||||
|
<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="/main.js" defer></script>
|
||||||
|
<script src="../mod-filter.js" defer></script>
|
||||||
|
|
||||||
|
<title>My KotOR 1 Mods | Leilukin's Hub</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="container">
|
||||||
|
<div id="headerArea">
|
||||||
|
<div id="header"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="flex">
|
||||||
|
|
||||||
|
<aside id="leftSidebar">
|
||||||
|
<div class="sidebar-content">
|
||||||
|
<div id="leftSidebarContent">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<h1>My Mods for <em>Star Wars: Knights of the Old Republic</em></h1>
|
||||||
|
|
||||||
|
<p>Categories:</p>
|
||||||
|
<div id="myBtnContainer">
|
||||||
|
<button class="filterBtn active" onclick="filterSelection('all')">All</button>
|
||||||
|
<button class="filterBtn" onclick="filterSelection('pc-party-members')">Player & Party Members</button>
|
||||||
|
<button class="filterBtn" onclick="filterSelection('npcs')">NPCs</button>
|
||||||
|
<button class="filterBtn" onclick="filterSelection('gameplay')">Gameplay</button>
|
||||||
|
<button class="filterBtn" onclick="filterSelection('music')">Music</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-list">
|
||||||
|
|
||||||
|
<div class="filterDiv pc-party-members">
|
||||||
|
<h2>Player & Party Members</h2>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Juhani Dialogue Restoration</h3>
|
||||||
|
<img src="./img/Juhani-Dialogue-Restoration.png" width="100%" height="auto" alt="Banner of Juhani Dialogue Restoration mod"><br>
|
||||||
|
<p>Restores Juhani's conversations with the player that are unused or easy to miss in vanilla KotOR.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2173-juhani-dialogue-restoration/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1501" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Carth Onasi and Male PC Romance</h3>
|
||||||
|
<img src="./img/Carth-Onasi-and-Male-PC-Romance.png" width="100%" height="auto" alt="Banner of Carth Onasi and Male PC Romance mod"><br>
|
||||||
|
<p>Makes Carth Onasi's romance subplot available for male player characters.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2140-carth-onasi-and-male-pc-romance/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1493" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Bastila and Carth Romance Removal</h3>
|
||||||
|
<img src="./img/Bastila-and-Carth-Romance-Removal.png" width="100%" height="auto" alt="Banner of Bastila and Carth Romance Removal mod"><br>
|
||||||
|
<p>Removes Bastila and Carth's romance by removing all romance-related dialogue from their conversations.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2209-bastila-and-carth-romance-removal/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1519" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Leilukin's Juhani's Outfit Reskin Pack</h3>
|
||||||
|
<img src="./img/Leilukins-Juhanis-Outfit-Reskin-Pack.png" width="100%" height="auto" alt="Banner of Leilukin's Juhani's Outfit Reskin Pack mod"><br>
|
||||||
|
<p>Reskins Juhani's outfit by changing the outfit's color scheme, with multiple versions of reskin provided.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2275-leilukins-juhanis-outfit-reskin-pack/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1543" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Jolee in Unique Outfit Introduction</h3>
|
||||||
|
<img src="./img/Jolee-in-Unique-Outfit-Introduction.png" width="100%" height="auto" alt="Banner of Jolee in Unique Outfit Introduction mod"><br>
|
||||||
|
<p>Makes Jolee Bindo wear his signature robe when you meet him on Kashyyyk, before he joins your party.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/1298-jolee-in-unique-outfit-introduction/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1221" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>KotOR 1 Improved Party Outfits</h3>
|
||||||
|
<img src="./img/KotOR-1-Improved-Party-Outfits.png" width="100%" height="auto" alt="Banner of KotOR 1 Improved Party Outfits mod"><br>
|
||||||
|
<p>Adds new items to improve the properties of the default outfits of the human and humanoid party members of TSL, namely Bastila, Canderous, Carth, Jolee, Juhani and Mission.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2134-kotor-1-improved-party-outfits/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1491" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Darth Revan Texture for Star Forge Robes</h3>
|
||||||
|
<img src="./img/Darth-Revan-Texture-for-Star-Forge-Robes.png" width="100%" height="auto" alt="Banner of Darth Revan Texture for Star Forge Robes mod"><br>
|
||||||
|
<p>Makes the Star Forge Robes to have the same texture and inventory icon as Darth Revan's Robes.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/1076-darth-revan-texture-for-star-forge-robes/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1143" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filterDiv npcs">
|
||||||
|
<h2>Non-Playable Characters</h2>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>KotOR 1 Twi'lek Male NPC Diversity</h3>
|
||||||
|
<img src="./img/K1-Twilek-Male-NPC-Diversity.png" width="100%" height="auto" alt="Banner of KotOR 1 Twi'lek Male NPC Diversity mod"><br>
|
||||||
|
<p>Diversifies the appearances of Twi'lek male NPCs in KotOR 1 by giving the named Twi'lek male NPCs different looks instead of the generic NPC looks. </p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2228-kotor-1-twilek-male-npc-diversity/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1530" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>KotOR 1 Twi'lek Female NPC Diversity</h3>
|
||||||
|
<img src="./img/K1-Twilek-Female-NPC-Diversity.png" width="100%" height="auto" alt="Banner of KotOR 1 Twi'lek Female NPC Diversity mod"><br>
|
||||||
|
<p>Diversifies the appearances of Twi'lek female NPCs by giving the named Twi'lek female NPCs different looks instead of the generic NPC looks. </p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2179-kotor-1-twilek-female-npc-diversity/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1504" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Belaya's Unique Look</h3>
|
||||||
|
<img src="./img/Belaya-Unique-Look.png" width="100%" height="auto" alt="Banner of Belaya's Unique Look mod"><br>
|
||||||
|
<p>Gives the NPC Belaya a unique look instead of a generic NPC look.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2146-belayas-unique-look/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1494" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Human Xor Restoration</h3>
|
||||||
|
<img src="./img/Human-Xor-Restoration.png" width="100%" height="auto" alt="Banner of Human Xor Restoration mod"><br>
|
||||||
|
<p>Restores the original appearance of the NPC Xor in the Xbox version of KotOR, by changing his species from a Twi'lek to a human.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/1091-human-xor-restoration/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1155" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Human Xor Unique Look</h3>
|
||||||
|
<img src="./img/Human-Xor-Unique-Look.png" width="100%" height="auto" alt="Banner of Human Xor Unique Look mod"><br>
|
||||||
|
<p>Changes the NPC Xor's appearance by making him a human with a unique look to make him different from other human NPCs.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2147-human-xor-unique-look/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1495" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>KotOR 1 No Gendered Dialogue from Male NPCs</h3>
|
||||||
|
<img src="./img/K1-No-Gendered-Dialogue-Male-NPCs.png" width="100%" height="auto" alt="Banner of KotOR 1 No Gendered Dialogue from Male NPCs mod"><br>
|
||||||
|
<p>Removes male NPC dialogues that involve them flirting with female player characters or remarking on the female PC's gender or appearance.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2176-kotor-1-no-gendered-dialogue-from-male-npcs/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1502" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>PC Dialogue with Davik's Slaves Change</h3>
|
||||||
|
<img src="./img/PC-Dialogue-with-Daviks-Slaves-Change.png" width="100%" height="auto" alt="Banner of No Flirting with Davik's Slaves mod"><br>
|
||||||
|
<p>Removes the option for the player character to flirt with Davik Kang's slaves, or give the player Dark Side options for requesting a massage from the slaves. Threatening the slaves also gives the player Dark Side points.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2214-pc-dialogue-with-daviks-slaves-change/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1523" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filterDiv gameplay">
|
||||||
|
<h2>Gameplay</h2>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Trask Ulgo Without Tutorials</h3>
|
||||||
|
<img src="./img/Trask-Ulgo-Without-Tutorials.png" width="100%" height="auto" alt="Banner of Trask Ulgo Without Tutorials mod"><br>
|
||||||
|
<p>Removes the tutorial elements from the game, while keeps Trask Ulgo as a party member in the first area of the Endar Spire.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/2184-trask-ulgo-without-tutorials/" target="_blank" ><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1508" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="filterDiv music">
|
||||||
|
<h2>Music</h2>
|
||||||
|
|
||||||
|
<div class="mod-entry">
|
||||||
|
<h3>Mysterious Box Music for Unknown World</h3>
|
||||||
|
<img src="./img/Mysterious-Box-Music-for-Unknown-World.png" width="100%" height="auto" alt="Banner of Mysterious Box Music for Unknown World mod"><br>
|
||||||
|
<p>This mod will make the Mysterious Box's ambient music played in some areas of the Unknown World.</p>
|
||||||
|
<a href="https://deadlystream.com/files/file/1322-mysterious-box-music-for-unknown-world/" target="_blank" ><button class="linkBtn">Deadly Stream</button></a>
|
||||||
|
<a href="https://www.nexusmods.com/kotor/mods/1226" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 335 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 270 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue