Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Rewrote the layout of the entire website

This commit is contained in:
Helen Chong 2023-06-23 02:05:23 +08:00
parent 89e2dc866c
commit 2be77d6f2d
62 changed files with 4385 additions and 3707 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
about/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,33 +12,28 @@
<meta property="og:description" content="About this website and its owner.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>About | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<article>
<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 &quot;hosted by neocities&quot;" title="Hosted by Neocities">
@ -49,7 +44,7 @@
<h2>The Site Owner</h2>
<center>
<img src="../assets/leilukin-bee.png" width="230px" height="230px" style="border-radius: 50%">
<img src="../assets/leilukin-bee.png" width="200px" height="200px" 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>
@ -83,11 +78,12 @@
<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>
</article>
</main>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

42
articles/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,37 +12,37 @@
<meta property="og:description" content="List of articles published on my website.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Articles | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<h1>Articles</h1>
</main>
<p>Work in progress</p>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

286
changelog/2022.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,188 +12,184 @@
<meta property="og:description" content="Changelog of my website during the year of 2022.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="changelog.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Website Changelog Archive: 2022 | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="container">
<div id="headerArea">
<div id="header"></div>
</div>
<article>
<h1>Website Changelog</h1>
<div id="flex">
<center><p>Archive: <a href="../changelog/">Latest</a> | <strong>2022</strong> | <a href="./layouts.html">Website Layouts</a></p></center>
<aside id="leftSidebar">
<div class="sidebar-content">
<div id="leftSidebarContent"></div>
</div>
</aside>
<main>
<h1>Website Changelog</h1>
<strong>December 29, 2022:</strong>
<ul>
<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>
<center><p>Archive: <a href="../changelog/">Latest</a> | <strong>2022</strong> | <a href="./layouts.html">Website Layouts</a></p></center>
<strong>December 19, 2022:</strong>
<ul>
<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 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 16, 2022:</strong>
<ul>
<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 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 11, 2022:</strong>
<ul>
<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 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 8, 2022:</strong>
<ul>
<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>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>November 27, 2022:</strong>
<ul>
<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>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 24, 2022:</strong>
<ul>
<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 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 22, 2022:</strong>
<ul>
<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 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 16, 2022:</strong>
<ul>
<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 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 12, 2022:</strong>
<ul>
<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 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 9, 2022:</strong>
<ul>
<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>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 23, 2022:</strong>
<ul>
<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 22, 2022:</strong>
<ul>
<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 17, 2022:</strong>
<ul>
<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 16, 2022:</strong>
<ul>
<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 11, 2022:</strong>
<ul>
<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 6, 2022:</strong>
<ul>
<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 5, 2022:</strong>
<ul>
<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 4, 2022:</strong>
<ul>
<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 3, 2022:</strong>
<ul>
<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>October 1, 2022:</strong>
<ul>
<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 30, 2022:</strong>
<ul>
<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 25, 2022:</strong>
<ul>
<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 20, 2022:</strong>
<ul>
<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 16, 2022:</strong>
<ul>
<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 12, 2022:</strong>
<ul>
<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>
<strong>September 11, 2022:</strong>
<ul>
<li>Website launch.</li>
</ul>
</article>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

73
changelog/2023-redesign.html
View File

@ -1,73 +0,0 @@
<!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="/main.css" type="text/css" media="all">
<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>

10
changelog/changelog.css
View File

@ -1,10 +0,0 @@
@import url("/main.css");
.changelist {
line-height: 1.5em;
}
.changelist li {
margin-top: 0;
padding-bottom: 0.5em;
}

303
changelog/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,173 +12,168 @@
<meta property="og:description" content="Changelog of my website.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="changelog.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Website Changelog | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="container">
<div id="headerArea">
<div id="header"></div>
</div>
<article>
<h1>Website Changelog</h1>
<div id="flex">
<center>
<p>Archive: <strong>Latest</strong> | <a href="./2022.html">2022</a> | <a href="./layouts.html">Website Layouts</a></p>
</center>
<aside id="leftSidebar">
<div class="sidebar-content">
<div id="leftSidebarContent"></div>
</div>
</aside>
<strong>June 15, 2023:</strong>
<ul>
<li>Removed unnecessary CSS files.</li>
<li>Refactored the index page's HTML and CSS.</li>
</ul>
<main>
<h1>Website Changelog</h1>
<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>
<center>
<p>Archive: <strong>Latest</strong> | <a href="./2022.html">2022</a> | <a href="./layouts.html">Website Layouts</a></p>
</center>
<strong>June 15, 2023:</strong>
<ul class="changelist">
<li>Removed unnecessary CSS files.</li>
<li>Refactored the index page's HTML and CSS.</li>
</ul>
<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>
<strong>May 9, 2023:</strong>
<ul>
<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>
</div>
<footer id="footer"></footer>
</div>
<strong>May 5, 2023:</strong>
<ul>
<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>
<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>
<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>
<li>Added the dates of publication of articles.</li>
</ul>
<strong>March 20, 2023:</strong>
<ul>
<li>Tweaked the format of the dates of publication and update of articles.</li>
</ul>
<strong>March 19, 2023:</strong>
<ul>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<li>The entire website has been redesigned! See the <a href="./updates/2023-redesign.html">2023 New Year Redesign of Leilukin's Hub</a> for more information!</li>
</ul>
<strong>January 25, 2023:</strong>
<ul>
<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>
</article>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

59
changelog/layouts.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,50 +12,45 @@
<meta property="og:description" content="An archive for the page layout designs mt website has used.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="changelog.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Website Layout Archive | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="container">
<div id="headerArea">
<div id="header"></div>
</div>
<article>
<h1>Website Layout Archive</h1>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<div id="leftSidebarContent"></div>
</div>
</aside>
<center>
<p>Archive: <a href="../changelog/">Latest</a> | <a href="./2022.html">2022</a> | <strong>Website Layouts</strong></p>
</center>
<main>
<h1>Website Layout Archive</h1>
<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%">
<center>
<p>Archive: <a href="../changelog/">Latest</a> | <a href="./2022.html">2022</a> | <strong>Website Layouts</strong></p>
</center>
<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%">
</article>
<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>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

71
changelog/updates/2023-redesign.html Normal file
View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/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="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Website Layout Archive | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<article>
<h1>2023 New Year Redesign of Leilukin's Hub</h1>
<center><p>Published on January 26, 2023</p></center>
<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>
</article>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

15
components/footer.js Normal file
View File

@ -0,0 +1,15 @@
class Footer extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<footer>
Site Launched: September 11, 2022 by Leilukin | <a href="/changelog">Site Changelog</a> | <a href="#page-top">Back to top</a>
</footer>
`;
}
}
customElements.define('footer-component', Footer);

47
components/header.js Normal file
View File

@ -0,0 +1,47 @@
class Header extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<header>
<img src="/assets/Leilukins-Hub-website-banner.png" alt="">
</header>
<nav>
<ul class="nav__menu">
<li class="nav__title"><a href="/">Leilukin's Hub</a></li>
<li class="nav__item"><a href="/home.html">Home</a></li>
<li class="nav__item"><a href="/about">About</a></li>
<li class="nav__item"><a href="/blog">Blog</a></li>
<li class="nav__item"><a href="/articles">Articles</a></li>
<li class="nav__item"><a href="/mycreations">My Creations</a></li>
<li class="nav__item nav__has-submenu">
<a tabindex="0">My Mods</a>
<ul class="nav__submenu">
<li class="nav__subitem"><a href="/mymods">Index</a></li>
<li class="nav__subitem"><a href="/mymods/kotor1mods">KotOR 1</a></li>
<li class="nav__subitem"><a href="/mymods/kotor2mods">KotOR 2</a></li>
</ul>
</li>
<li class="nav__item"><a href="/playlists">Playlists</a></li>
<li class="nav__item"><a href="/featured">Featured</a></li>
<li class="nav__item"><a href="/mycreations">Resources</a></li>
<li class="nav__item nav__has-submenu">
<a tabindex="1">Shrines</a>
<ul class="nav__submenu">
<li class="nav__subitem"><a href="/shrines">Index</a></li>
<li class="nav__subitem"><a href="#">A Summer's End</a></li>
<li class="nav__subitem"><a href="#">Star Wars: KotOR</a></li>
</ul>
</li>
<li class="nav__item"><a href="/links">Links</a></li>
<li class="nav__item"><a href="/sitemap.html">Site Map</a></li>
<li class="nav__toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
`;
}
}
customElements.define('header-component', Header);

66
components/navbar.js Normal file
View File

@ -0,0 +1,66 @@
/* FOR TOGGLING MENUS ON THE NAVBAR */
const navToggle = document.querySelector(".nav__toggle");
const navMenu = document.querySelector(".nav__menu");
const navItems = document.querySelectorAll(".nav__item");
/* Toggle mobile navMenu */
function toggleMenu() {
if (navMenu.classList.contains("nav__active")) {
navMenu.classList.remove("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-bars'></i>";
} else {
navMenu.classList.add("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-times'></i>";
}
}
/* Activate Submenu */
function toggleItem() {
if (this.classList.contains("nav__submenu-active")) {
this.classList.remove("nav__submenu-active");
} else if (navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
this.classList.add("nav__submenu-active");
} else {
this.classList.add("nav__submenu-active");
}
}
/* Close Submenu From Anywhere */
function closeSubmenu(e) {
if (navMenu.querySelector(".nav__submenu-active")) {
let isClickInside = navMenu
.querySelector(".nav__submenu-active")
.contains(e.target);
if (!isClickInside && navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
}
}
}
/* Event Listeners */
navToggle.addEventListener("click", toggleMenu, false);
for (let item of navItems) {
if (item.querySelector(".nav__submenu")) {
item.addEventListener("click", toggleItem, false);
}
item.addEventListener("keypress", toggleItem, false);
}
document.addEventListener("click", closeSubmenu, false);
/* FOR MAKING THE NAVBAR STICKY */
const header = document.querySelector("header");
const navbar = document.querySelector("nav");
window.addEventListener("scroll", e => {
const scrollPos = window.scrollY || document.documentElement.scrollTop;
const stickyLine = header.scrollHeight - navbar.scrollHeight;
if (scrollPos > stickyLine) {
navbar.classList.add("sticky-nav");
} else {
navbar.classList.remove("sticky-nav");
}
});

12
featured/featured.css
View File

@ -1,12 +0,0 @@
@import url("/main.css");
blockquote {
margin: 1.25rem 0;
padding: 0 1.25rem;
border-inline-start: 0.1875rem solid #999999;
}
#source {
font-size: 1.6rem;
font-weight: bold;
}

44
featured/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,34 +12,28 @@
<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="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="featured.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Featured | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<h1>Featured</h1>
<h2>Interviews with Me</h2>
@ -47,11 +41,13 @@
<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>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

79
featured/kotor2-modder-interview-ars-technica.html
View File

@ -1,71 +1,64 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/featured/kotor2-modder-interview-ars-technica.html">
<meta property="og:url" content="https://leilukin.neocities.org/featured/kotor2-modder-interview-ars-technica">
<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="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="featured.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>KotOR 2 Modders Interview on Ars Technica | Featured | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<article>
<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>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>Read the full article on Ars Technica here:</p>
<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 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>
<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:<br>
<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>
</article>
</main>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

104
featured/lgbtq-booklet-interview-misi-bawang.html
View File

@ -1,85 +1,81 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/featured/lgbtq-booklet-interview-misi-bawang.html">
<meta property="og:url" content="https://leilukin.neocities.org/featured/lgbtq-booklet-interview-misi-bawang">
<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="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="featured.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>LGBTQ+ Booklet Artist Interview from MISI:Bawang | Featured | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="container">
<div id="headerArea">
<div id="header"></div>
</div>
<article>
<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>
<div id="flex">
<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>
<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>
<img src="./img/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="./img/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="./img/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><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>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>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><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>
</article>
<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>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

80
home.html
View File

@ -1,80 +1,88 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/home.html">
<meta property="og:url" content="https://leilukin.neocities.org/home">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Home | Leilukin's Hub">
<meta property="og:description" content="Home page of Leilukin's Hub">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Home | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<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>
</section>
<h1>Updates</h1>
<div class="box">
<section class="content-section">
<h2>Updates</h2>
<div class="text-box">
<strong>June 15, 2023:</strong>
<ul>
<li>Removed unnecessary CSS files.</li>
<li>Refactored the index page's HTML and CSS.</li>
</ul>
</div>
<a href="/changelog">View all site changelog</a>
</section>
<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">
<section class="content-section">
<h2>Always Proud</h2>
<div style="display: inline-flex; flex-wrap: wrap;">
<img src="./buttons/progress.png" alt="A website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)">
<img src="./buttons/9_stripe.png" alt="A website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)">
<img src="./buttons/lesbian.png" alt="A website button of the lesbian pride flag" title="I am a lesbian">
<img src="./buttons/nonbinary.png" alt="A website button of the non-binary pride flag" title="I am non-binary">
<img src="./buttons/demigirl.png" alt="A website button of the demigirl pride flag" title="I am a demiwoman">
<img src="./buttons/agender.png" alt="A website button of the agender pride flag" title="I am agender">
<img src="./buttons/bigender.png" alt="A website button of the bigender pride flag" title="I am bigender">
</div>
<p>Credit to <a href="https://rainy.gay/pride/pridebuttons" target="_blank">Dime</a> for these pride buttons!</p>
</section>
<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>&nbsp;<a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./links/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="./links/webrings/queercoded-right.png" alt="right arrow"></a></div>
<h1>Support Me</h1>
<section class="content-section">
<h2>Webrings</h2>
<div style="border: none; padding: 5px; display: inline-flex"><a href="https://isaacfish.neocities.org/webring/25.html" target="_blank"><img src="./links/webrings/queercoded-left.png" alt="left arrow"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./links/webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="./links/webrings/queercoded-right.png" alt="right arrow"></a></div>
</section>
<section class="content-section">
<h2>Support Me</h2>
<p>If you enjoy my work, you can support me on Ko-Fi or Buy Me a Coffee:
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#7A37A3', 'A1042UH4');kofiwidget2.draw();</script><br><br>
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="leilukin" data-color="#7a37a3" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#ffffff" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>
</p>
</main>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

58
links/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,46 +12,50 @@
<meta property="og:description" content="A collection of links.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Links | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<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>&nbsp;<a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="./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 style="border: none; padding: 5px; display: inline-flex"><a href="https://isaacfish.neocities.org/webring/25.html" target="_blank"><img src="./webrings/queercoded-left.png" alt="left arrow"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/" target="_blank"><img src="./webrings/queercoded.png" alt="queer coded webring" title="The Queer Coded Webring"></a>&nbsp;<a href="https://isaacfish.neocities.org/webring/27.html" target="_blank"><img src="./webrings/queercoded-right.png" alt="right arrow"></a></div>
</section>
<section class="content-section">
<h2>Fanlistings I Have Joined</h2>
<div style="display: flex;flex-wrap: wrap;">
<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>
</div>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

686
main.css
View File

@ -1,10 +1,36 @@
:root {
--header-image: url('/assets/Leilukins-Hub-website-banner.png');
--body-bg-color: #08031A;
--body-bg-image: url('/assets/starsforever.gif');
--content: #43256E;
--title-border: #d3aad5;
--code-bg: #241445;
--code-border: #82668f;
--body-font-color: #fceaff;
--content-bg-color: #3d2163;
--main-heading-color: #ED64F5;
--sub-heading-color: #e8b86f;
--title-border-color: #d3aad5;
--bold-font-color: #ff9933;
--link-color: #ED64F5;
--link-hover-color: #c355c9;
--quote-bg: #13092D;
--quote-border-color: #999999;
--code-bg-color: #241445;
--code-border-color: #82668f;
--link-btn-bg: #873eb5;
--link-btn-text: white;
--link-btn-hover: #241445;
--header-bg-color: black;
--nav-bg: #222;
--nav-link: white;
--nav-submenu-active: #111;
--nav-item-hover: #ccc;
--top-btn-bg: #251347;
--top-btn-icon: #d3aad5;
--footer-bg: #13092D;
}
@font-face {
@ -13,7 +39,7 @@
font-weight: 125 950;
font-stretch: 75% 125%;
font-style: normal;
}
}
@font-face {
font-family: 'Nunito';
@ -23,75 +49,459 @@
font-style: italic;
}
html,
body {
scroll-behavior: smooth;
}
body {
font-family: 'Nunito', Arial, sans-serif;
font-size: 1rem; /* 16px */
margin: 0;
background-color: #08031A;
background-size: 4rem;
color: #fceaff;
background-image: var(--body-bg-image);
background-attachment: fixed;
line-height: 1.6;
}
* {
/* CSS RESET */
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* STYLING BEGINS */
body {
display: flex;
align-items: center;
flex-direction: column;
font-family: 'Nunito';
color: var(--body-font-color);
background-color: var(--body-bg-color);
background-image: var(--body-bg-image);
background-attachment: fixed;
}
h1 {
color: #ED64F5;
color: var(--main-heading-color);
}
h1 {
margin-bottom: 1.2rem;
}
h2, h3 {
color: #e8b86f;
color: var(--sub-heading-color);
}
h1 {
font-size: 2.2rem;
border-bottom: 0.18rem solid var(--title-border);
padding-bottom: 0.5rem;
}
h1:not(:first-child) {
padding-top: 2rem;
border-bottom: 0.18rem solid var(--title-border-color);
}
h2 {
font-size: 1.7rem;
}
strong {
color: #ff9933;
article h2,
article h3 {
margin-top: 1.5rem;
}
span.monospace {
p {
padding: 0.5rem 0;;
}
strong {
color: var(--bold-font-color);
}
a {
font-weight: 700;
color: var(--link-color);
}
a:hover {
color: var(--link-hover-color);
}
blockquote {
margin: 1.5rem 0;
padding: 0.5rem 1rem;
border-inline-start: 0.1rem solid var(--main-heading-color);
background-color: var(--quote-bg);
}
pre {
white-space: pre-wrap;
overflow-x: auto;
}
/* HEADER */
header {
width: 100vw;
max-height: 20rem;
background-color: var(--header-bg-color);
/* background: var(--header-img); */
background-repeat: no-repeat;
background-size: auto;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
}
header img {
object-fit: contain;
height: 100%;
}
/* NAVIGATION BAR */
nav {
background: var(--nav-bg);
padding: 0 0.9rem;
width: 100%;
z-index: 999;
}
nav a {
color: var(--nav-link);
text-decoration: none;
cursor: pointer;
}
.nav__menu,
.nav__submenu {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.nav__title {
font-size: 20px;
padding: 0.2rem 0;
}
.nav__item {
padding: 0.6rem;
}
.nav__item a:hover,
.nav__item a:hover::after {
color: var(--nav-item-hover);
}
/* Mobile nav__menu */
.nav__menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.nav__menu li a {
display: block;
padding: 0.9rem 0.8rem;
}
.nav__menu li.nav__subitem a {
padding: 0.9rem;
}
.nav__toggle {
order: 1;
font-size: 1.25rem;
}
.nav__item {
order: 3;
width: 100%;
text-align: center;
display: none;
}
.nav__active .nav__item {
display: block;
}
/* nav__submenu up from mobile screens */
.nav__submenu {
display: none;
}
.nav__submenu-active .nav__submenu {
display: block;
}
.nav__has-submenu i {
font-size: 0.75rem;
}
.nav__has-submenu > a::after {
font-family: "Font Awesome 5 Free";
font-size: 0.75rem;
line-height: 1.6;
font-weight: 900;
content: "\f078";
color: white;
padding-left: 0.3125rem;
}
.nav__subitem a {
padding: 0.625rem 0.9rem;
}
.nav__submenu-active {
background-color: var(--nav-submenu-active);
border-radius: 0.1875rem;
}
/* Added to the navbar with JS when it reaches its scroll position */
.sticky-nav {
position: fixed;
width: 100vw;
top: 0;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky-nav + main {
padding-top: 3.75rem;
}
/* Tablet nav__menu */
@media all and (min-width: 43.75rem) {
.nav__menu {
justify-content: center;
}
.nav__title {
flex: 1;
}
.nav__toggle {
flex: 1;
text-align: right;
order: 2;
}
}
/* Desktop nav__menu */
@media all and (min-width: 60rem) {
.nav__menu {
align-items: flex-start;
flex-wrap: nowrap;
background: none;
}
.nav__title {
order: 0;
}
.nav__item {
order: 1;
position: relative;
display: block;
width: auto;
}
.nav__submenu-active .nav__submenu {
display: block;
position: absolute;
left: 0;
top: 68px;
background: var(--nav-submenu-active);
}
.nav__toggle {
display: none;
}
.nav__submenu-active {
border-radius: 0;
}
}
/* MAIN CONTENT */
main, .content-container {
gap: 0.8rem;
display: flex;
flex-direction: column;
width: 100%;
}
main {
font-size: 1.2rem;
}
article, .content-section {
background-color: var(--content-bg-color);
padding: 1.35rem;
}
.article-section {
padding: 1.25rem 0;
}
aside {
padding: 1rem;
font-size: 0.9rem;
background-color: var(--content-bg-color);
}
article, .content-container {
order: 1;
}
.left-sidebar {
order: 2;
}
.right-sidebar {
order: 3;
}
/* Tablet main content layout */
@media only screen and (min-width: 43.75rem) {
main {
flex-direction: row;
}
aside {
width: 10rem;
}
article, .content-container {
flex: 1;
order: 2;
}
.left-sidebar {
order: 1;
}
.right-sidebar {
order: 3;
}
}
/* Desktop main content layout */
@media only screen and (min-width: 60rem) {
main {
width: 60rem;
display: flex;
flex-direction: row;
justify-content: center;
}
aside {
width: 13rem;
}
}
/* CONTENT ELEMENTS WITH CUSTOM CLASSES */
.inline-code {
font-family: monospace;
border: 0.06rem solid var(--code-border);
border: 0.06rem solid var(--code-border-color);
padding: 0.125rem 0.3rem;
margin-left: 0.125rem;
margin-right: 0.125rem;
background-color: var(--code-bg);
background-color: var(--code-bg-color);
}
.code-snippet {
background-color: var(--code-bg);
border: 0.06rem solid var(--code-border);
display: block;
padding: 0.5em;
overflow-x: auto;
word-break: break-all;
background-color: var(--code-bg-color);
border: 0.08rem solid var(--code-border-color);
display: block;
padding: 0.5em 0.8rem;
overflow-x: auto;
word-break: keep-all;
}
.text-box {
background-color: var(--quote-bg);
border: 0.06rem solid var(--main-heading-color);
padding: 0.625rem;
margin-bottom: 0.8rem;
}
.box {
background-color: #13092D;
border: 0.06rem solid #ED64F5;
padding: 0.625rem;
.link-btn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
display: inline-block;
border: 0.15rem solid var(--link-btn-bg);
border-radius: 0.6rem;
padding: 0.75rem 1rem;
background-color: var(--link-btn-bg);
color: var(--link-btn-text);
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
}
.link-btn,
.link-btn:hover,
.link-btn:visited {
text-decoration: none;
}
.link-btn:hover {
cursor: pointer;
background-color: var(--link-btn-hover);
transition: 0.5s;
}
.full-width-youtube-video {
@ -108,194 +518,36 @@ span.monospace {
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: 22rem;
background-image: var(--header-image);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
/* NAVIGATION SECTION */
#navbar {
height: 2.5rem;
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: 0.625rem;
}
#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: 1.875rem;
padding: 0.625rem;
font-size: smaller;
background-color: #13092D;
}
/* MAIN CONTENT AREA, between the sidebars */
main {
background-color: #3d2163;
font-size: 1.2rem;
flex: 1;
padding: 1.25rem;
order: 2;
}
/* This colors BOTH sidebars
If you want to style them separately,
create styles for #leftSidebar and #rightSidebar */
aside {
background-color: #241445;
width: 12.5rem;
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: 0.625rem;
}
#leftSidebar {
order: 1;
}
#rightSidebar {
order: 3;
}
.sidebar-content {
position: sticky;
top: 0;
font-size: 0.9rem;
}
/* TABLE OF CONTENTS */
.sidebar__toc {
position: sticky;
top: 5rem;
}
.toc-title {
.sidebar__toc-title {
font-size: 1.3rem;
font-weight: bold;
}
.toc-list {
.sidebar__toc-list {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
}
.toc-list li {
.sidebar__toc-list li {
margin-bottom: 0.5em;
}
/* SIDEBAR NAVIGATION LINKS */
.nav-links {
.sidebar__toc-list ul {
padding-left: 1.25rem;
font-size: 1rem;
margin-top: 0;
list-style-image: url(./assets/arrow-list.png);
}
/* FOOTER */
footer {
background-color: #13092D;
width: 100%;
height: 2.5rem;
padding: 0.625rem;
background-color: var(--footer-bg);
width: 100vw;
padding: 0.5rem;
text-align: center;
margin-top: 0;
}
/* 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;
}
}

63
main.js
View File

@ -1,63 +0,0 @@
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;

44
mycreations/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,42 +12,40 @@
<meta property="og:description" content="Links to my works not are not featured on this website.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>My Creations | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<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>
<a class="link-btn" href="https://leilukinart.tumblr.com/" target="_blank">🎨 Leilukin's Art Blog</a>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

21
mycreations/mycreations.css
View File

@ -1,21 +0,0 @@
@import url("/main.css");
.linkBtn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
border: 0.125rem solid #BA6FE8;
border-radius: 10px;
padding: 0.75rem 1rem;
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;
}

47
mymods/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,48 +12,45 @@
<meta property="og:description" content="Video game modifications I have made.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="mymods.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>My Video Game Mods | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<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="./kotor1mods" class="index-link">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>
<a href="./kotor2mods" class="index-link">Star Wars: Knights of the Old Republic II: The Sith Lords</a>
</center>
</main>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

338
mymods/kotor1mods/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -13,198 +13,190 @@
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="../mymods.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<script src="../mod-filter.js" defer></script>
<title>My KotOR 1 Mods | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<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>
<button class="filter-btn active" onclick="filterSelection('all')">All</button>
<button class="filter-btn" onclick="filterSelection('pc-party-members')">Player & Party Members</button>
<button class="filter-btn" onclick="filterSelection('npcs')">NPCs</button>
<button class="filter-btn" onclick="filterSelection('gameplay')">Gameplay</button>
<button class="filter-btn" onclick="filterSelection('music')">Music</button>
</div>
</section>
<section class="content-section filter-div 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 class="link-btn" href="https://deadlystream.com/files/file/2173-juhani-dialogue-restoration/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1501" target="_blank">Nexus Mods</a>
</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 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 class="link-btn" href="https://deadlystream.com/files/file/2140-carth-onasi-and-male-pc-romance/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1493" target="_blank">Nexus Mods</a>
</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 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 class="link-btn" href="https://deadlystream.com/files/file/2209-bastila-and-carth-romance-removal/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1519" target="_blank">Nexus Mods</a>
</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 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 class="link-btn" href="https://deadlystream.com/files/file/2275-leilukins-juhanis-outfit-reskin-pack/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1543" target="_blank">Nexus Mods</a>
</div>
</main>
<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 class="link-btn" href="https://deadlystream.com/files/file/1298-jolee-in-unique-outfit-introduction/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1221" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2134-kotor-1-improved-party-outfits/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1491" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/1076-darth-revan-texture-for-star-forge-robes/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1143" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div 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 class="link-btn" href="https://deadlystream.com/files/file/2228-kotor-1-twilek-male-npc-diversity/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1530" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2179-kotor-1-twilek-female-npc-diversity/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1504" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2146-belayas-unique-look/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1494" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/1091-human-xor-restoration/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1155" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2147-human-xor-unique-look/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1495" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2176-kotor-1-no-gendered-dialogue-from-male-npcs/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1502" target="_blank">Nexus Mods</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 class="link-btn" href="https://deadlystream.com/files/file/2214-pc-dialogue-with-daviks-slaves-change/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1523" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div 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 class="link-btn" href="https://deadlystream.com/files/file/2184-trask-ulgo-without-tutorials/" target="_blank" >Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1508" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div 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 class="link-btn" href="https://deadlystream.com/files/file/1322-mysterious-box-music-for-unknown-world/" target="_blank" >Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor/mods/1226" target="_blank">Nexus Mods</a>
</div>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>
</h

430
mymods/kotor2mods/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -13,242 +13,234 @@
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="../mymods.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<script src="../mod-filter.js" defer></script>
<title>My KotOR 2 Mods | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<h1>My Mods for <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></h1>
<p>Categories:</p>
<div id="myBtnContainer">
<button class="filterBtn active" onclick="filterSelection('all')">All</button>
<button class="filterBtn" onclick="filterSelection('same-gender-romances')">Same-Gender Romances</button>
<button class="filterBtn" onclick="filterSelection('party-members')">Party Members</button>
<button class="filterBtn" onclick="filterSelection('npcs')">NPCs</button>
<button class="filterBtn" onclick="filterSelection('items')">Items</button>
<button class="filterBtn" onclick="filterSelection('misc')">Miscellaneous</button>
<button class="filterBtn" onclick="filterSelection('patches')">Patches</button>
<button class="filter-btn active" onclick="filterSelection('all')">All</button>
<button class="filter-btn" onclick="filterSelection('same-gender-romances')">Same-Gender Romances</button>
<button class="filter-btn" onclick="filterSelection('party-members')">Party Members</button>
<button class="filter-btn" onclick="filterSelection('npcs')">NPCs</button>
<button class="filter-btn" onclick="filterSelection('items')">Items</button>
<button class="filter-btn" onclick="filterSelection('misc')">Miscellaneous</button>
<button class="filter-btn" onclick="filterSelection('patches')">Patches</button>
</div>
</section>
<section class="content-section filter-div same-gender-romances">
<h2>Same-Gender Romances</h2>
<center>
<p class="psa">↓↓READ THIS↓↓ before asking questions about my romance mods!<br>
<a href="https://www.nexusmods.com/kotor2/articles/21" target="_blank">Frequently Asked Questions (FAQ) for My Same-Gender Romance Mods for <em>KotOR II</em></a></p>
</center>
<div class="mod-entry">
<h3>Atton Rand and Male Exile Romance</h3>
<img src="./img/Atton-Rand-and-Male-Exile-Romance.png" width="100%" height="auto" alt="Banner of Atton Rand and Male Exile Romance mod"><br>
<p>Makes Atton flirts with and expresses romantic interests for male Exiles.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/972-atton-rand-and-male-exile-romance/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/926" target="_blank">Nexus Mods</a>
</div>
<div class="mod-list">
<div class="filterDiv same-gender-romances">
<h2>Same-Gender Romances</h2>
<center>
<p class="psa">↓↓READ THIS↓↓ before asking questions about my romance mods!<br>
<a href="https://www.nexusmods.com/kotor2/articles/21" target="_blank">Frequently Asked Questions (FAQ) for My Same-Gender Romance Mods for <em>KotOR II</em></a></p>
</center>
<div class="mod-entry">
<h3>Atton Rand and Male Exile Romance</h3>
<img src="./img/Atton-Rand-and-Male-Exile-Romance.png" width="100%" height="auto" alt="Banner of Atton Rand and Male Exile Romance mod"><br>
<p>Makes Atton flirts with and expresses romantic interests for male Exiles.</p>
<a href="https://deadlystream.com/files/file/972-atton-rand-and-male-exile-romance/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/926" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Handmaiden and Female Exile - Disciple and Male Exile Romance</h3>
<img src="./img/Handmaiden-Disciple-Same-Gender-Romances.png" width="100%" height="auto" alt="Banner of Handmaiden and Female Exile - Disciple and Male Exile Romances mod"><br>
<p>Makes the Handmaiden a romance option for female Exiles and the Disciple a romance option for male Exiles.</p>
<a href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/927" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Visas Marr and Female Exile Romance</h3>
<img src="./img/Visas-Marr-and-Female-Exile-Romance.png" width="100%" height="auto" alt="Banner of Visas Marr and Female Exile Romance mod"><br>
<p>Makes the Visas Marr romance scene available for female Exiles.</p>
<a href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/925" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Alternate Revan Romances REDUX</h3>
<img src="./img/Alternate-Revan-Romances.png" width="100%" height="auto" alt="Banner of Alternate Revan Romances REDUX mod"><br>
<p>Gives players options to set Revan's love ineterest(s), or lack thereof. Updated version of felixfelicitas'
Alternate Revan Romances mod.</p>
<a href="https://deadlystream.com/files/file/1004-alternate-revan-romances-redux/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/933" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Darth Sion and Male Exile Mod</h3>
<img src="./img/Darth-Sion-and-Male-Exile-Mod.png" width="100%" height="auto" alt="Banner of Darth Sion and Male Exile Mod"><br>
<p>Makes Darth Sion develop the same affections to a male Exile like he did to a female Exile in vanilla KotOR II.</p>
<a href="https://deadlystream.com/files/file/996-darth-sion-and-male-exile-mod/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/928" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Dahnis Flirt Option for Female PC</h3>
<img src="./img/Dahnis-Flirt-Option-for-Female-PC.png" width="100%" height="auto" alt="Banner of Dahnis Flirt Option for Female PC mod"><br>
<p>Makes the NPC Dahnis flirt with the player character regardless of gender, including a female PC. A female PC also gets the option to flirt back.</p>
<a href="https://deadlystream.com/files/file/1400-dahnis-flirt-option-for-female-pc/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1036" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
</div>
<div class="filterDiv party-members">
<h2>Party Members</h2>
<div class="mod-entry">
<h3>Leilukin’s Kreia Reskin</h3>
<img src="./img/Leilukin's-Kreia-Reskin.png" width="100%" height="auto" alt="Banner of Leilukin’s Kreia Reskin mod"><br>
<p>My version of a retexture of Kreia.</p>
<a href="https://deadlystream.com/files/file/1003-leilukins-kreia-reskin/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/932" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>No Jealousy Lock in Handmaiden Dialogue</h3>
<img src="./img/No-Jealousy-Lock-Handmaiden.png" width="100%" height="auto" alt="Banner of No Jealousy Lock in Handmaiden Dialogue mod"><br>
<p>Allows you to continue to talk to Handmaiden even if you have much higher influence with Visas than with Handmaiden.</p>
<a href="https://deadlystream.com/files/file/2205-no-jealousy-lock-in-handmaiden-dialogue/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1181" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Visas Visible Jedi Robes</h3>
<img src="./img/Visas-Visible-Jedi-Robes.png" width="100%" height="auto" alt="Banner of Visas Visible Jedi Robes mod"><br>
<p>Makes Jedi robes visible on Visas Marr's body when you equip her with one.</p>
<a href="https://deadlystream.com/files/file/2218-visas-visible-jedi-robes/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1185" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version</h3>
<img src="./img/Love-Between-Brianna-and-the-Exile-TSLRCM.png" width="100%" height="auto" alt="Banner of Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version"><br>
<p>Updated version of DarthShgaad's <a href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/love-between-brianna-and-the-exile" target="_blank">Love Between Brianna and the Exile</a> mod, made to be more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
<a href="https://www.dropbox.com/s/ilntlihyaabthzg/Love%20Between%20Brianna%20And%20The%20Exile%20-%20TSLRCM%20version.zip?dl=0" target="_blank"><button class="linkBtn">Dropbox</button></a>
</div>
</div>
<div class="filterDiv npcs">
<h2>NPCs</h2>
<div class="mod-entry">
<h3>Lonna Vash Mod for TSLRCM</h3>
<img src="./img/Lonna-Vash-Mod-for-TSLRCM.png" width="100%" height="auto" alt="Banner of Lonna Vash Mod for TSLRCM"><br>
<p>Restores Jedi Master Lonna Vash's cut conversation by allowing the player to meet and talk to her in the secret tomb on Korriban. Updated version of Sikon's Lonna Vash Mod, made to be fully compatible with The Sith Lord Restored Content Mod (TSLRCM).</p>
<a href="https://deadlystream.com/files/file/2201-lonna-vash-mod-for-tslrcm/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1180" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>TSL Twi'lek Male NPC Diversity</h3>
<img src="./img/TSL-Twilek-Male-NPC-Diversity.png" width="100%" height="auto" alt="Banner of TSL Twi'lek Male NPC Diversity mod"><br>
<p>Diversifies the appearances of Twi'lek male NPCs in KotOR 2: TSL by giving the named Twi'lek male NPCs different looks.</p>
<a href="https://deadlystream.com/files/file/2242-tsl-twilek-male-npc-diversity/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1188" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Dahnis Unique Look</h3>
<img src="./img/Dahnis-Unique-Look.png" width="100%" height="auto" alt="Banner of Dahnis Unique Look mod"><br>
<p>Gives the NPC Dahnis a unique appearance to make her look different from other Twi'lek women NPCs.</p>
<a href="https://deadlystream.com/files/file/2198-dahnis-unique-look/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1178" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
</div>
<div class="filterDiv items">
<h2>Items</h2>
<div class="mod-entry">
<h3>TSL Improved Party Outfits</h3>
<img src="./img/TSL-Improved-Party-Outfits.png" width="100%" height="auto" alt="Banner of TSL 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 KotOR II, namely Atton, Bao-Dur, the Disciple, the Handmaiden, Kreia, Mandalore, Mira and Visas.</p>
<a href="https://deadlystream.com/files/file/1012-tsl-improved-party-outfits/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/934" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Juhani Item Pack for TSL</h3>
<img src="./img/Juhani-Item-Pack-for-TSL.png" width="100%" height="auto" alt="Banner of Juhani Item Pack for TSL mod"><br>
<p>Adds a new Jedi robe, a new headband and a new armband to In KotOR II: TSL, named after Juhani, with item descriptions that indicate these items once belonged to Juhani. </p>
<a href="https://deadlystream.com/files/file/2244-juhani-item-pack-for-tsl/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1190" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>Prologue Item Recovery</h3>
<img src="./img/Prologue-Item-Recovery.png" width="100%" height="auto" alt="Banner of Prologue Item Recovery mod"><br>
<p>Allows you to recover the items you obtain from the prologue, regardless if you choose to skip the prologue or not. </p>
<a href="https://deadlystream.com/files/file/2211-prologue-item-recovery/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1183" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
<div class="mod-entry">
<h3>TSL Workbench Lightsaber Creation</h3>
<img src="./img/TSL-Workbnch-Lightsaber-Creation.png" width="100%" height="auto" alt="Banner of TSL Workbench Lightsaber Creation mod"><br>
<p>Allows you to create lightsabers at a workbench, including double-bladed, one-handed or short lightsabers, with any color focusing crystals available in the game, after completing the quest to craft your first lightsaber.</p>
<a href="https://deadlystream.com/files/file/2197-tsl-workbench-lightsaber-creation/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1177" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
</div>
<div class="filterDiv misc">
<h2>Miscellaneous</h2>
<div class="mod-entry">
<h3>Exile's Trial Overlay Removal</h3>
<img src="./img/Exiles-Trial-Overlay-Removal.png" width="100%" height="auto" alt="Banner of Exile's Trial Overlay Removal mod"><br>
<p>Removes the blue overlay of the scene of the Exile's trial on Coruscant in The Sith Lords Restored Content Mod (TSLRCM).</p>
<a href="https://deadlystream.com/files/file/2217-exiles-trial-overlay-removal/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
<a href="https://www.nexusmods.com/kotor2/mods/1184" target="_blank"><button class="linkBtn">Nexus Mods</button></a>
</div>
</div>
<div class="filterDiv patches">
<h2>Patches</h2>
<div class="mod-entry">
<h3>PartySwap and Extended Enclave Compatibility Patch</h3>
<img src="./img/PartySwap-ExtEnclave-Comp-Patch.png" width="100%" height="auto" alt="Banner of PartySwap and Extended Enclave Compatibility Patch"><br>
<p>A standalone patch to make DarthTyren's <a href="https://deadlystream.com/files/file/544-partyswap/" target="_blank">PartySwap</a> mod compatible with danil-ch and Darth Hayze's <a href="https://deadlystream.com/files/file/428-extended-enclave-tslrcm-add-on/" target="_blank">Extended Enclave</a> mod.</p>
<a href="https://deadlystream.com/files/file/1304-partyswap-and-extended-enclave-compatibility-patch/" target="_blank"><button class="linkBtn">Deadly Stream</button></a>
</div>
<div class="mod-entry">
<h3>Remote Tells Influence Patch for The Sith Lords Restored Content Mod</h3>
<img src="./img/Remote-Tells-Influence-Patch.png" width="100%" height="auto" alt="Banner of LRemote Tells Influence Patch for The Sith Lords Restored Content Mod"><br>
<p>A patch to make tk102's <a href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/remote-tells-influence" target="_blank">Remote Tells Influence</a> mod more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
<a href="https://www.dropbox.com/s/af3h6y793f3zjxq/Remote%20Tells%20Influence%20Patch%20for%20TSLRCM.zip?dl=0" target="_blank"><button class="linkBtn">Dropbox</button></a>
</div>
</div>
<div class="mod-entry">
<h3>Handmaiden and Female Exile - Disciple and Male Exile Romance</h3>
<img src="./img/Handmaiden-Disciple-Same-Gender-Romances.png" width="100%" height="auto" alt="Banner of Handmaiden and Female Exile - Disciple and Male Exile Romances mod"><br>
<p>Makes the Handmaiden a romance option for female Exiles and the Disciple a romance option for male Exiles.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/927" target="_blank">Nexus Mods</a>
</div>
</main>
<div class="mod-entry">
<h3>Visas Marr and Female Exile Romance</h3>
<img src="./img/Visas-Marr-and-Female-Exile-Romance.png" width="100%" height="auto" alt="Banner of Visas Marr and Female Exile Romance mod"><br>
<p>Makes the Visas Marr romance scene available for female Exiles.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/925" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Alternate Revan Romances REDUX</h3>
<img src="./img/Alternate-Revan-Romances.png" width="100%" height="auto" alt="Banner of Alternate Revan Romances REDUX mod"><br>
<p>Gives players options to set Revan's love ineterest(s), or lack thereof. Updated version of felixfelicitas'
Alternate Revan Romances mod.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/1004-alternate-revan-romances-redux/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/933" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Darth Sion and Male Exile Mod</h3>
<img src="./img/Darth-Sion-and-Male-Exile-Mod.png" width="100%" height="auto" alt="Banner of Darth Sion and Male Exile Mod"><br>
<p>Makes Darth Sion develop the same affections to a male Exile like he did to a female Exile in vanilla KotOR II.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/996-darth-sion-and-male-exile-mod/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/928" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Dahnis Flirt Option for Female PC</h3>
<img src="./img/Dahnis-Flirt-Option-for-Female-PC.png" width="100%" height="auto" alt="Banner of Dahnis Flirt Option for Female PC mod"><br>
<p>Makes the NPC Dahnis flirt with the player character regardless of gender, including a female PC. A female PC also gets the option to flirt back.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/1400-dahnis-flirt-option-for-female-pc/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1036" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div party-members">
<h2>Party Members</h2>
<div class="mod-entry">
<h3>Leilukin’s Kreia Reskin</h3>
<img src="./img/Leilukin's-Kreia-Reskin.png" width="100%" height="auto" alt="Banner of Leilukin’s Kreia Reskin mod"><br>
<p>My version of a retexture of Kreia.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/1003-leilukins-kreia-reskin/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/932" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>No Jealousy Lock in Handmaiden Dialogue</h3>
<img src="./img/No-Jealousy-Lock-Handmaiden.png" width="100%" height="auto" alt="Banner of No Jealousy Lock in Handmaiden Dialogue mod"><br>
<p>Allows you to continue to talk to Handmaiden even if you have much higher influence with Visas than with Handmaiden.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2205-no-jealousy-lock-in-handmaiden-dialogue/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1181" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Visas Visible Jedi Robes</h3>
<img src="./img/Visas-Visible-Jedi-Robes.png" width="100%" height="auto" alt="Banner of Visas Visible Jedi Robes mod"><br>
<p>Makes Jedi robes visible on Visas Marr's body when you equip her with one.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2218-visas-visible-jedi-robes/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1185" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version</h3>
<img src="./img/Love-Between-Brianna-and-the-Exile-TSLRCM.png" width="100%" height="auto" alt="Banner of Love Between Brianna and the Exile - The Sith Lords Restored Content Mod Version"><br>
<p>Updated version of DarthShgaad's <a class="link-btn" href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/love-between-brianna-and-the-exile" target="_blank">Love Between Brianna and the Exile</a> mod, made to be more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
<a class="link-btn" href="https://www.dropbox.com/s/ilntlihyaabthzg/Love%20Between%20Brianna%20And%20The%20Exile%20-%20TSLRCM%20version.zip?dl=0" target="_blank">Dropbox</a>
</div>
</section>
<section class="content-section filter-div npcs">
<h2>NPCs</h2>
<div class="mod-entry">
<h3>Lonna Vash Mod for TSLRCM</h3>
<img src="./img/Lonna-Vash-Mod-for-TSLRCM.png" width="100%" height="auto" alt="Banner of Lonna Vash Mod for TSLRCM"><br>
<p>Restores Jedi Master Lonna Vash's cut conversation by allowing the player to meet and talk to her in the secret tomb on Korriban. Updated version of Sikon's Lonna Vash Mod, made to be fully compatible with The Sith Lord Restored Content Mod (TSLRCM).</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2201-lonna-vash-mod-for-tslrcm/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1180" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>TSL Twi'lek Male NPC Diversity</h3>
<img src="./img/TSL-Twilek-Male-NPC-Diversity.png" width="100%" height="auto" alt="Banner of TSL Twi'lek Male NPC Diversity mod"><br>
<p>Diversifies the appearances of Twi'lek male NPCs in KotOR 2: TSL by giving the named Twi'lek male NPCs different looks.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2242-tsl-twilek-male-npc-diversity/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1188" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Dahnis Unique Look</h3>
<img src="./img/Dahnis-Unique-Look.png" width="100%" height="auto" alt="Banner of Dahnis Unique Look mod"><br>
<p>Gives the NPC Dahnis a unique appearance to make her look different from other Twi'lek women NPCs.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2198-dahnis-unique-look/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1178" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div items">
<h2>Items</h2>
<div class="mod-entry">
<h3>TSL Improved Party Outfits</h3>
<img src="./img/TSL-Improved-Party-Outfits.png" width="100%" height="auto" alt="Banner of TSL 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 KotOR II, namely Atton, Bao-Dur, the Disciple, the Handmaiden, Kreia, Mandalore, Mira and Visas.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/1012-tsl-improved-party-outfits/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/934" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Juhani Item Pack for TSL</h3>
<img src="./img/Juhani-Item-Pack-for-TSL.png" width="100%" height="auto" alt="Banner of Juhani Item Pack for TSL mod"><br>
<p>Adds a new Jedi robe, a new headband and a new armband to In KotOR II: TSL, named after Juhani, with item descriptions that indicate these items once belonged to Juhani. </p>
<a class="link-btn" href="https://deadlystream.com/files/file/2244-juhani-item-pack-for-tsl/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1190" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>Prologue Item Recovery</h3>
<img src="./img/Prologue-Item-Recovery.png" width="100%" height="auto" alt="Banner of Prologue Item Recovery mod"><br>
<p>Allows you to recover the items you obtain from the prologue, regardless if you choose to skip the prologue or not. </p>
<a class="link-btn" href="https://deadlystream.com/files/file/2211-prologue-item-recovery/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1183" target="_blank">Nexus Mods</a>
</div>
<div class="mod-entry">
<h3>TSL Workbench Lightsaber Creation</h3>
<img src="./img/TSL-Workbnch-Lightsaber-Creation.png" width="100%" height="auto" alt="Banner of TSL Workbench Lightsaber Creation mod"><br>
<p>Allows you to create lightsabers at a workbench, including double-bladed, one-handed or short lightsabers, with any color focusing crystals available in the game, after completing the quest to craft your first lightsaber.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2197-tsl-workbench-lightsaber-creation/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1177" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div misc">
<h2>Miscellaneous</h2>
<div class="mod-entry">
<h3>Exile's Trial Overlay Removal</h3>
<img src="./img/Exiles-Trial-Overlay-Removal.png" width="100%" height="auto" alt="Banner of Exile's Trial Overlay Removal mod"><br>
<p>Removes the blue overlay of the scene of the Exile's trial on Coruscant in The Sith Lords Restored Content Mod (TSLRCM).</p>
<a class="link-btn" href="https://deadlystream.com/files/file/2217-exiles-trial-overlay-removal/" target="_blank">Deadly Stream</a>
<a class="link-btn" href="https://www.nexusmods.com/kotor2/mods/1184" target="_blank">Nexus Mods</a>
</div>
</section>
<section class="content-section filter-div patches">
<h2>Patches</h2>
<div class="mod-entry">
<h3>PartySwap and Extended Enclave Compatibility Patch</h3>
<img src="./img/PartySwap-ExtEnclave-Comp-Patch.png" width="100%" height="auto" alt="Banner of PartySwap and Extended Enclave Compatibility Patch"><br>
<p>A standalone patch to make DarthTyren's <a href="https://deadlystream.com/files/file/544-partyswap/" target="_blank">PartySwap</a> mod compatible with danil-ch and Darth Hayze's <a href="https://deadlystream.com/files/file/428-extended-enclave-tslrcm-add-on/" target="_blank">Extended Enclave</a> mod.</p>
<a class="link-btn" href="https://deadlystream.com/files/file/1304-partyswap-and-extended-enclave-compatibility-patch/" target="_blank">Deadly Stream</a>
</div>
<div class="mod-entry">
<h3>Remote Tells Influence Patch for The Sith Lords Restored Content Mod</h3>
<img src="./img/Remote-Tells-Influence-Patch.png" width="100%" height="auto" alt="Banner of LRemote Tells Influence Patch for The Sith Lords Restored Content Mod"><br>
<p>A patch to make tk102's <a href="https://www.gamefront.com/games/knights-of-the-old-republic-ii/file/remote-tells-influence" target="_blank">Remote Tells Influence</a> mod more compatible with The Sith Lords Restored Content Mod (TSLRCM).</p>
<a class="link-btn" href="https://www.dropbox.com/s/af3h6y793f3zjxq/Remote%20Tells%20Influence%20Patch%20for%20TSLRCM.zip?dl=0" target="_blank">Dropbox</a>
</div>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>
</h

64
mymods/mod-filter.js
View File

@ -1,47 +1,47 @@
filterSelection("all")
function filterSelection(c) {
var x, i;
x = document.getElementsByClassName("filterDiv");
if (c == "all") c = "";
// Add the "show" class (display:block) to the filtered elements, and remove the "show" class from the elements that are not selected
for (i = 0; i < x.length; i++) {
w3RemoveClass(x[i], "show");
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
}
let x, i;
x = document.getElementsByClassName("filter-div");
if (c == "all") c = "";
// Add the "show-items" class (display:block) to the filtered elements, and remove the "show-items" class from the elements that are not selected
for (i = 0; i < x.length; i++) {
w3RemoveClass(x[i], "show-items");
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show-items");
}
}
// Show filtered elements
// show-items filtered elements
function w3AddClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) {
element.className += " " + arr2[i];
let i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) {
element.className += " " + arr2[i];
}
}
}
}
// Hide elements that are not selected
function w3RemoveClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
let i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
}
}
}
element.className = arr1.join(" ");
element.className = arr1.join(" ");
}
// Add active class to the current control button (highlight it)
var btnContainer = document.getElementById("myBtnContainer");
var btns = btnContainer.getElementsByClassName("filterBtn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
let btnContainer = document.getElementById("myBtnContainer");
let btns = btnContainer.getElementsByClassName("filter-btn");
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
let current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}

42
mymods/mymods.css
View File

@ -1,6 +1,4 @@
@import url("/main.css");
.indexLink {
.index-link {
font-size: 1.6rem;
}
@ -17,20 +15,16 @@
padding: 1em 1.5em 1.5em 1.5em;
}
.mod-list {
overflow: hidden;
}
.filterDiv {
.filter-div {
display: none; /* Hidden by default */
}
/* The "show" class is added to the filtered elements */
.show {
/* The "show-items" class is added to the filtered elements */
.show-items {
display: block;
}
.filterBtn {
.filter-btn {
border: none;
outline: none;
padding: 0.75rem 1rem;
@ -38,35 +32,15 @@
background-color: #d3aad5;
color: #241445;
cursor: pointer;
font-weight: 600;
font-weight: 800;
font-size: 1.1rem;
}
.filterBtn:hover {
.filter-btn:hover {
background-color: #d5c2d6;
}
.filterBtn.active {
.filter-btn.active {
background-color: #241445;
color: #ED64F5;
}
.linkBtn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
border: 0.125rem solid #BA6FE8;
border-radius: 0.6rem;
padding: 0.75rem 1rem;
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;
}

64
playlists/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,35 +12,34 @@
<meta property="og:description" content="Music playlists that I have compiled myself.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="playlists.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Playlists | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<aside class="left-sidebar">
<div class="sidebar__toc">
<h3 class="sidebar__toc-title">Contents</h3>
<ul class="sidebar__toc-list">
<li><a href="#My-Dear-Summer-Lover">My Dear Summer Lover</a></li>
<li><a href="#Mandopop-LGBTQ-Anthem">Mandopop LGBTQ+ Anthem</a></li>
</ul>
</div>
</aside>
<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>Leilukin's Music Playlists</h1>
<article>
<h1>Leilukin's Music Playlists</h1>
<h2 id="My-Dear-Summer-Lover">My Dear Summer Lover</h2>
<img src="./img/My-Dear-Summer-Lover-cover.png" width="400px" height="400px" alt="A playlist cover image made of Sam and Michelle from A Summer's End being close to kissing, with the title 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<p>A fanmix for the visual novel <a href="https://www.asummersend.com/home" target="_blank"><i>A Summer’s End — Hong Kong 1986</i></a>, dedicated to Sam and Michelle’s love story.</p>
@ -50,7 +49,7 @@
<p>Since Oracle and Bone has cited Anita Mui as a major inspiration for them and this visual novel, I have also included multiple songs performed by Anita Mui in this mix. Because A Summer’s End is a lesbian story, when I was choosing which songs to include in this mix, I also prioritize songs that were performed by women artists.</p>
<a href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<a class="link-btn" href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3SIV7VjSKhspYwugVIQjug?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<hr>
@ -60,23 +59,14 @@
<p>Collection of Mandarin queer anthems.</p>
<p>I made this playlist after discovering Wikipedia's list of Chinese queer anthems on <a href="https://zh.wikipedia.org/wiki/%E5%90%8C%E5%BF%97%E5%9C%8B%E6%AD%8C#%E8%8F%AF%E8%AA%9E" target="_blank">its Mandarin article for Gay Anthem (同志國歌)</a>.</p>
<a href="https://open.spotify.com/playlist/5JXAUPZkmv1cFScAfhOkXh" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<a class="link-btn" href="https://open.spotify.com/playlist/5JXAUPZkmv1cFScAfhOkXh" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/5JXAUPZkmv1cFScAfhOkXh?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</article>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h3 class="toc-title">Contents</h3>
<ul class="toc-list">
<li><a href="#My-Dear-Summer-Lover">My Dear Summer Lover</a></li>
<li><a href="#Mandopop-LGBTQ-Anthem">Mandopop LGBTQ+ Anthem</a></li>
</ul>
</div>
</aside>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

21
playlists/playlists.css
View File

@ -1,21 +0,0 @@
@import url("/main.css");
.linkBtn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
border: 0.125rem solid #BA6FE8;
border-radius: 0.6rem;
padding: 0.75rem 1rem;
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;
}

114
resources/anti-harry-potter-jk-rowling-masterlist.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,76 +12,72 @@
<meta property="og:description" content="My masterlist of criticisms of the Harry Potter series and J.K. Rowling.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Anti-Harry Potter and Anti-J. K. Rowling Masterlist | Resources | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="container">
<div id="headerArea">
<div id="header"></div>
</div>
<article>
<h1>Anti-Harry Potter and Anti-J.K. Rowling Masterlist</h1>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<div id="leftSidebarContent">
</div>
</div>
</aside>
<main>
<h1>Anti-Harry Potter and Anti-J.K. Rowling Masterlist</h1>
<center><p>First published on March 19, 2023<br>Last updated on April 15, 2023</p></center>
<p>Like many millennials, I grew up with the <em>Harry Potter</em> series and was a major fan of the series. I had read the original 7 books and watched their film adaptations. The series was a special interest of mine throughout my early- to mid-teen years. While the Harry Potter novels were far from the first books I read, they were the first fantasy novels I read, and the series’ concept of a magical world set in a contemporary setting fascinated teenage me.</p>
<p>However, even during my <em>Harry Potter</em> fixation years, there were things from the series that bothered me, from the idea of house elves being a slave race that naturally love being slaves, to Snape’s unconvincing “redemption” arc. As I got older and became more aware of social issues, I started to notice more problems with the series. In addition, reading more books has also made me realise that even on a technical writing level, the Harry Potter series was mediocre at best. As a result, I had stopped becoming a Harry Potter fan even before J.K. Rowling’s transphobia got mainstream attention.</p>
<p>Unfortunately, many adults with nostalgia goggles still refuse to let go of <em>Harry Potter</em>, and they believe <em>Harry Potter</em> can be separated or “reclaimed” by J.K. Rowling, despite how much Rowling’s world-view and prejudice are inextricably linked to her writing and stories.</p>
<p>Therefore, I am compiling this masterlist by curating various resources that are critical of the <em>Harry Potter</em> series and J.K. Rowling. Items are ordered in chronological order. This is far from a comprehensive list of all the pieces that criticise <em>Harry Potter</em> and Rowling; this list is my curated list of ones that I have read, watched or listened to, and considered excellent critiques.</p>
<h2>Articles</h2>
<ul>
<li><a href="https://alinautrata.medium.com/all-the-things-that-are-fucked-up-about-harry-potter-58267e1bf3ee" target="_blank">Harry Potter and the Universal Declaration of Human Rights</a> by Alina Utrata</li>
<li><a href="https://katymontgomerie.medium.com/addressing-the-claims-in-jk-rowlings-justification-for-transphobia-7b6f761e8f8f" target="_blank">Addressing The Claims In JK Rowling’s Justification For Transphobia</a> by Katy Montgomerie</li>
<li><a href="https://www.vox.com/culture/23622610/jk-rowling-transphobic-statements-timeline-history-controversy" target="_blank">Is J.K. Rowling transphobic? Let’s let her speak for herself.</a> by Aja Romano</li>
</ul>
<center><p>First published on March 19, 2023<br>Last updated on April 15, 2023</p></center>
<h2>Videos</h2>
<ul>
<li><a href="https://youtu.be/m-rh-N4eFDU" target="_blank">Does JK Rowling's Transphobia Ruin Harry Potter?</a> by Sarah Z</li>
<li><a href="https://youtu.be/wPwWb9z3XSY" target="_blank">Harry Potter is GARBAGE, and Here's Why</a> by satenmadpun</li>
<li><a href="https://youtu.be/4AziZgoi3q0" target="_blank">We need to talk about Dudley Dursley- Harry Potter and Fatphobia</a> by Ok2BeFat</li>
<li><a href="https://youtu.be/-1iaJWSwUZs" target="_blank">Harry Potter</a> by Shaun</li>
<li><a href="https://youtu.be/Ou_xvXJJk7k" target="_blank">JK Rowling's New Friends</a> by Shaun</li>
<li><a href="https://youtu.be/N2WDCD_tRnE" target="_blank">A Brief Look at Harry Potter</a> by Lily Simpson</li>
<li><a href="https://youtu.be/UBftW7FzOVI" target="_blank">The Consumerist Dystopia of Harry Potter</a> by verilybitchie</li>
<li><a href="https://youtu.be/_GBUArD51KY" target="_blank">I'm Done With JK Rowling</a> by Jessie Gender</li>
<li><a href="https://youtu.be/K1mHwn6eUUk" target="_blank">Hogwarts Legacy and the Politics of Potter</a> by Wisecrack</li>
<li><a href="https://youtu.be/uNKyQVsgKLg" target="_blank">Hogwarts: A Legacy Of Hate</a> by James Stephanie Sterling</li>
<li><a href="https://youtu.be/9ncYTEY7aVk" target="_blank">The ALLEGED Witch Trials of J.K. Rowling (What The Megan Phelps Podcast Won't Tell You)</a> by Caelan Conrad
</li>
</ul>
<p>Like many millennials, I grew up with the <em>Harry Potter</em> series and was a major fan of the series. I had read the original 7 books and watched their film adaptations. The series was a special interest of mine throughout my early- to mid-teen years. While the Harry Potter novels were far from the first books I read, they were the first fantasy novels I read, and the series’ concept of a magical world set in a contemporary setting fascinated teenage me.</p>
<h2>Podcasts</h2>
<ul>
<li><a href="https://soundcloud.com/shriekingshack" target="_blank">The Shrieking Shack</a> — A book reading podcast hosted by Xeecee and Liz. Originally a <em>Harry Potter</em> reread podcast made by and for lapsed fans that goes through every chapter of the <em>Harry Potter</em> books and their film adaptations and analyses the writing and politics of the series and J.K. Rowling.</li>
</ul>
</main>
</div>
<footer id="footer"></footer>
</div>
<p>However, even during my <em>Harry Potter</em> fixation years, there were things from the series that bothered me, from the idea of house elves being a slave race that naturally love being slaves, to Snape’s unconvincing “redemption” arc. As I got older and became more aware of social issues, I started to notice more problems with the series. In addition, reading more books has also made me realise that even on a technical writing level, the Harry Potter series was mediocre at best. As a result, I had stopped becoming a Harry Potter fan even before J.K. Rowling’s transphobia got mainstream attention.</p>
<p>Unfortunately, many adults with nostalgia goggles still refuse to let go of <em>Harry Potter</em>, and they believe <em>Harry Potter</em> can be separated or “reclaimed” by J.K. Rowling, despite how much Rowling’s world-view and prejudice are inextricably linked to her writing and stories.</p>
<p>Therefore, I am compiling this masterlist by curating various resources that are critical of the <em>Harry Potter</em> series and J.K. Rowling. Items are ordered in chronological order. This is far from a comprehensive list of all the pieces that criticise <em>Harry Potter</em> and Rowling; this list is my curated list of ones that I have read, watched or listened to, and considered excellent critiques.</p>
<h2>Articles</h2>
<ul>
<li><a href="https://alinautrata.medium.com/all-the-things-that-are-fucked-up-about-harry-potter-58267e1bf3ee" target="_blank">Harry Potter and the Universal Declaration of Human Rights</a> by Alina Utrata</li>
<li><a href="https://katymontgomerie.medium.com/addressing-the-claims-in-jk-rowlings-justification-for-transphobia-7b6f761e8f8f" target="_blank">Addressing The Claims In JK Rowling’s Justification For Transphobia</a> by Katy Montgomerie</li>
<li><a href="https://www.vox.com/culture/23622610/jk-rowling-transphobic-statements-timeline-history-controversy" target="_blank">Is J.K. Rowling transphobic? Let’s let her speak for herself.</a> by Aja Romano</li>
</ul>
<h2>Videos</h2>
<ul>
<li><a href="https://youtu.be/m-rh-N4eFDU" target="_blank">Does JK Rowling's Transphobia Ruin Harry Potter?</a> by Sarah Z</li>
<li><a href="https://youtu.be/wPwWb9z3XSY" target="_blank">Harry Potter is GARBAGE, and Here's Why</a> by satenmadpun</li>
<li><a href="https://youtu.be/4AziZgoi3q0" target="_blank">We need to talk about Dudley Dursley- Harry Potter and Fatphobia</a> by Ok2BeFat</li>
<li><a href="https://youtu.be/-1iaJWSwUZs" target="_blank">Harry Potter</a> by Shaun</li>
<li><a href="https://youtu.be/Ou_xvXJJk7k" target="_blank">JK Rowling's New Friends</a> by Shaun</li>
<li><a href="https://youtu.be/N2WDCD_tRnE" target="_blank">A Brief Look at Harry Potter</a> by Lily Simpson</li>
<li><a href="https://youtu.be/UBftW7FzOVI" target="_blank">The Consumerist Dystopia of Harry Potter</a> by verilybitchie</li>
<li><a href="https://youtu.be/_GBUArD51KY" target="_blank">I'm Done With JK Rowling</a> by Jessie Gender</li>
<li><a href="https://youtu.be/K1mHwn6eUUk" target="_blank">Hogwarts Legacy and the Politics of Potter</a> by Wisecrack</li>
<li><a href="https://youtu.be/uNKyQVsgKLg" target="_blank">Hogwarts: A Legacy Of Hate</a> by James Stephanie Sterling</li>
<li><a href="https://youtu.be/9ncYTEY7aVk" target="_blank">The ALLEGED Witch Trials of J.K. Rowling (What The Megan Phelps Podcast Won't Tell You)</a> by Caelan Conrad
</li>
</ul>
<h2>Podcasts</h2>
<ul>
<li><a href="https://soundcloud.com/shriekingshack" target="_blank">The Shrieking Shack</a> — A book reading podcast hosted by Xeecee and Liz. Originally a <em>Harry Potter</em> reread podcast made by and for lapsed fans that goes through every chapter of the <em>Harry Potter</em> books and their film adaptations and analyses the writing and politics of the series and J.K. Rowling.</li>
</ul>
</article>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

61
resources/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,54 +12,55 @@
<meta property="og:description" content="List of resources I have compiled myself.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Resources | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<h1>Resources</h1>
<p>Here are resources I have compiled myself.</p>
</section>
<section class="content-section">
<h2>Leilukin's Masterlists</h2>
<ul>
<li><a href="./anti-harry-potter-jk-rowling-masterlist.html">Anti-Harry Potter and Anti-J.K. Rowling Masterlist</a></li>
</ul>
</section>
<section class="content-section">
<h2>Leilukin's Mod Builds</h2>
<p>Lists of video game mods I use for my own playthroughs.</p>
<ul>
<li><a href="https://docs.google.com/document/d/1Hhh_31ZlplT06UaVVwf1so7PnIBRCbT60tCBNn7zHiQ/edit" target="_blank">Mass Effect Legendary Edition</a></li>
<li><a href="https://docs.google.com/document/d/1BTMJ1c-NOjU9q7qNftZac6jkOPluyucILglovcHtiaI/edit" target="_blank">Star Wars: Knights of the Old Republic</a></li>
<li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit" target="_blank">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
<li><a href="https://docs.google.com/document/d/1LMMd3yRtLYb35A7oNEN1hRUsoe9-vo2MfMxcM2Wq0MI/edit" target="_blank">Stardew Valley</a></li>
</ul>
</main>
<ul>
<li><a href="https://docs.google.com/document/d/1Hhh_31ZlplT06UaVVwf1so7PnIBRCbT60tCBNn7zHiQ/edit" target="_blank">Mass Effect Legendary Edition</a></li>
<li><a href="https://docs.google.com/document/d/1BTMJ1c-NOjU9q7qNftZac6jkOPluyucILglovcHtiaI/edit" target="_blank">Star Wars: Knights of the Old Republic</a></li>
<li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit" target="_blank">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
<li><a href="https://docs.google.com/document/d/1LMMd3yRtLYb35A7oNEN1hRUsoe9-vo2MfMxcM2Wq0MI/edit" target="_blank">Stardew Valley</a></li>
</ul>
</section>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

794
shrines/asummersend/asummersend.css
View File

@ -1,355 +1,553 @@
:root {
--header-image: url('./img/asummersend_header.png');
--body-color: #fceaff;
--body-bg: #1f0033;
--content-bg: #000000;
--content: #43256E;
--title-color: #FF29D8;
--title-border: #d3aad5;
--code-bg: #241445;
--code-border: #82668f;
--link-color: #d270ff;
--link-hover: #7E4197;
--blockquote-bg: #222121;
--blockquote-border: #4d4385;
--box-bg: #13092D;
--body-bg-color: #1f0033;
/* --body-bg-image: url('/assets/starsforever.gif'); */
--body-font-color: #fceaff;
--content-bg-color: #000000;
--main-heading-color: #FF29D8;
--sub-heading-color: #FF29D8;
--title-border-color: #d3aad5;
--bold-font-color: #ff9933;
--link-color: #d270ff;
--link-hover-color: #7E4197;
--quote-bg: #222121;
--quote-border-color: #4d4385;
--code-bg-color: #241445;
--code-border-color: #82668f;
--link-btn-bg: #873eb5;
--link-btn-text: white;
--link-btn-hover: #241445;
--header-bg-color: black;
--nav-bg: #101010;
--nav-link: white;
--nav-submenu-active: #111;
--nav-item-hover: #ccc;
--top-btn-bg: #251347;
--top-btn-icon: #d3aad5;
--footer-bg: #101010;
}
@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-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;
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: 1rem; /* 16px */
margin: 0;
background-color: var(--body-bg);
background-size: 4rem;
color: var(--body-color);
background-image: var(--body-bg-image);
background-attachment: fixed;
line-height: 1.6;
}
* {
box-sizing: border-box;
/* CSS RESET */
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3 {
color: var(--title-color);
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* STYLING BEGINS */
body {
display: flex;
align-items: center;
flex-direction: column;
font-family: 'Nunito';
color: var(--body-font-color);
background-color: var(--body-bg-color);
background-image: var(--body-bg-image);
background-attachment: fixed;
}
h1 {
font-size: 2.2rem;
border-bottom: 0.18rem solid var(--title-border);
padding-bottom: 0.5rem;
color: var(--main-heading-color);
}
h1:not(:first-child) {
padding-top: 30px;
h1 {
margin-bottom: 1.2rem;
}
h2, h3 {
color: var(--sub-heading-color);
}
h1 {
font-size: 2.2rem;
border-bottom: 0.18rem solid var(--title-border-color);
}
h2 {
font-size: 1.7rem;
font-size: 1.7rem;
}
article h2,
article h3 {
margin-top: 1.5rem;
}
p {
padding: 0.5rem 0;;
}
strong {
color: var(--title-color);
color: var(--bold-font-color);
}
hr {
width: 75%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
a {
font-weight: 700;
color: var(--link-color);
}
a:hover {
color: var(--link-hover-color);
}
blockquote {
border-left: var(--blockquote-border) 3px solid;
background: var(--blockquote-bg);
padding: 0 0.75rem;
margin: 0 1.5rem;
margin: 1.5rem 0;
padding: 0.5rem 1rem;
border-inline-start: 0.1rem solid var(--main-heading-color);
background-color: var(--quote-bg);
}
.linkBtn {
font: 1.1rem 'Source Sans Pro', Arial, sans-serif;
border: 0.125rem solid var(--link-color);
border-radius: 10px;
padding: 0.75rem 1rem;
margin: 0.25em 0.15em;
background: none;
color: var(--link-color);
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
pre {
white-space: pre-wrap;
overflow-x: auto;
}
.linkBtn:hover {
cursor:pointer;
color: white;
background-color: var(--link-color);
transition: 0.5s;
/* HEADER */
header {
width: 100vw;
max-height: 20rem;
background-color: var(--header-bg-color);
/* background: var(--header-img); */
background-repeat: no-repeat;
background-size: auto;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
}
span.monospace {
font-family: monospace;
border: 1px solid var(--code-border);
padding: 2px;
background-color: var(--code-bg);
header img {
object-fit: contain;
height: 100%;
}
/* NAVIGATION BAR */
nav {
background: var(--nav-bg);
padding: 0 0.9rem;
width: 100%;
z-index: 999;
}
nav a {
color: var(--nav-link);
text-decoration: none;
cursor: pointer;
}
.nav__menu,
.nav__submenu {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.nav__title {
font-size: 20px;
padding: 0.2rem 0;
}
.nav__item {
padding: 0.6rem;
}
.nav__item a:hover,
.nav__item a:hover::after {
color: var(--nav-item-hover);
}
/* Mobile nav__menu */
.nav__menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.nav__menu li a {
display: block;
padding: 0.9rem 0.8rem;
}
.nav__menu li.nav__subitem a {
padding: 0.9rem;
}
.nav__toggle {
order: 1;
font-size: 1.25rem;
}
.nav__item {
order: 3;
width: 100%;
text-align: center;
display: none;
}
.nav__active .nav__item {
display: block;
}
/* nav__submenu up from mobile screens */
.nav__submenu {
display: none;
}
.nav__submenu-active .nav__submenu {
display: block;
}
.nav__has-submenu i {
font-size: 0.75rem;
}
.nav__has-submenu > a::after {
font-family: "Font Awesome 5 Free";
font-size: 0.75rem;
line-height: 1.6;
font-weight: 900;
content: "\f078";
color: white;
padding-left: 0.3125rem;
}
.nav__subitem a {
padding: 0.625rem 0.9rem;
}
.nav__submenu-active {
background-color: var(--nav-submenu-active);
border-radius: 0.1875rem;
}
/* Added to the navbar with JS when it reaches its scroll position */
.sticky-nav {
position: fixed;
width: 100vw;
top: 0;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky-nav + main {
padding-top: 3.75rem;
}
/* Tablet nav__menu */
@media all and (min-width: 43.75rem) {
.nav__menu {
justify-content: center;
}
.nav__title {
flex: 1;
}
.nav__toggle {
flex: 1;
text-align: right;
order: 2;
}
}
/* Desktop nav__menu */
@media all and (min-width: 60rem) {
.nav__menu {
align-items: flex-start;
flex-wrap: nowrap;
background: none;
}
.nav__title {
order: 0;
}
.nav__item {
order: 1;
position: relative;
display: block;
width: auto;
}
.nav__submenu-active .nav__submenu {
display: block;
position: absolute;
left: 0;
top: 68px;
background: var(--nav-submenu-active);
}
.nav__toggle {
display: none;
}
.nav__submenu-active {
border-radius: 0;
}
}
/* MAIN CONTENT */
main, .content-container {
gap: 0.8rem;
display: flex;
flex-direction: column;
width: 100%;
}
main {
font-size: 1.2rem;
}
article, .content-section {
background-color: var(--content-bg-color);
padding: 1.35rem;
}
.article-section {
padding: 1.25rem 0;
}
aside {
padding: 1rem;
font-size: 0.9rem;
background-color: var(--content-bg-color);
}
article, .content-container {
order: 1;
}
.left-sidebar {
order: 2;
}
.right-sidebar {
order: 3;
}
/* Tablet main content layout */
@media only screen and (min-width: 43.75rem) {
main {
flex-direction: row;
}
aside {
width: 10rem;
}
article, .content-container {
flex: 1;
order: 2;
}
.left-sidebar {
order: 1;
}
.right-sidebar {
order: 3;
}
}
/* Desktop main content layout */
@media only screen and (min-width: 60rem) {
main {
width: 60rem;
display: flex;
flex-direction: row;
justify-content: center;
}
aside {
width: 13rem;
}
}
/* CONTENT ELEMENTS WITH CUSTOM CLASSES */
.inline-code {
font-family: monospace;
border: 0.06rem solid var(--code-border-color);
padding: 0.125rem 0.3rem;
margin-left: 0.125rem;
margin-right: 0.125rem;
background-color: var(--code-bg-color);
}
.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;
background-color: var(--code-bg-color);
border: 0.08rem solid var(--code-border-color);
display: block;
padding: 0.5em 0.8rem;
overflow-x: auto;
word-break: keep-all;
}
.text-box {
background-color: var(--quote-bg);
border: 0.06rem solid var(--main-heading-color);
padding: 0.625rem;
margin-bottom: 0.8rem;
}
.box {
background-color: var(--box-bg);
border: 1px solid var(--title-color);
padding: 10px;
.link-btn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
display: inline-block;
border: 0.15rem solid var(--link-btn-bg);
border-radius: 0.6rem;
padding: 0.75rem 1rem;
background-color: var(--link-btn-bg);
color: var(--link-btn-text);
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
}
.link-btn,
.link-btn:hover,
.link-btn:visited {
text-decoration: none;
}
.link-btn:hover {
cursor: pointer;
background-color: var(--link-btn-hover);
transition: 0.5s;
}
.full-width-youtube-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
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: var(--link-color);
font-weight: bold;
}
#container a:hover {
color: var(--link-hover);
}
#header {
width: 100%;
background-color: var(--content-bg);
height: 480px;
background-image: var(--header-image);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
/* NAVIGATION SECTION */
.sticky-nav {
position: fixed;
top: 0;
max-width: 1100px;
}
#navbar {
height: 2.5rem;
background-color: var(--content-bg);
width: 100%;
margin-bottom: 0.625rem;
z-index: 999;
}
#navbar ul {
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
justify-content: space-evenly;
}
#navbar li {
padding-top: 0.625rem;
}
#navbar li a {
color: var(--link-color);
/* navbar text color */
font-weight: 800;
text-decoration: none;
/* this removes the underline */
}
#navbar li a:hover {
color: var(--link-hover);
text-decoration: underline;
}
#flex {
display: flex;
}
/* EXTRAS */
#topBar {
width: 100%;
height: 1.875rem;
padding: 0.625rem;
font-size: smaller;
background-color: var(--box-bg);
}
/* MAIN CONTENT AREA, between the sidebars */
main {
font-size: 1.2rem;
flex: 1;
order: 2;
}
.content-section {
background-color: var(--content-bg);
padding: 1.25rem;
}
.content-section:not(:first-child) {
margin-top: 0.625rem;
}
/* This colors BOTH sidebars
If you want to style them separately,
create styles for #leftSidebar and #rightSidebar */
aside {
background-color: var(--content-bg);
width: 12.5rem;
padding: 1.25rem;
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: 1.25rem;
}
#leftSidebar {
order: 1;
margin-right: 1.25rem;
}
#rightSidebar {
order: 3;
margin-left: 1.25rem;
}
.sidebar-content {
position: sticky;
top: 40px;
font-size: 0.9rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* TABLE OF CONTENTS */
.toc-title {
font-size: 1.3rem;
font-weight: bold;
.sidebar__toc {
position: sticky;
top: 5rem;
}
.toc-list {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
.sidebar__toc-title {
font-size: 1.3rem;
font-weight: bold;
}
.toc-list li {
margin-bottom: 0.5em;
.sidebar__toc-list {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
}
.sidebar__toc-list li {
margin-bottom: 0.5em;
}
.sidebar__toc-list ul {
padding-left: 1.25rem;
}
/* FOOTER */
footer {
background-color: var(--content-bg);
width: 100%;
height: 2.5rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.25rem;
}
/* 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: 1;
}
#leftSidebar {
order: 2;
margin-right: 1.25rem;
}
#rightSidebar {
order: 3;
margin-left: 1.25rem;
}
#navbar ul {
flex-wrap: wrap;
}
background-color: var(--footer-bg);
width: 100vw;
padding: 0.5rem;
text-align: center;
}

15
shrines/asummersend/components/footer.js Normal file
View File

@ -0,0 +1,15 @@
class Footer extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<footer>
Made with ♥ by Leilukin | <a href="#page-top">Back to top</a>
</footer>
`;
}
}
customElements.define('footer-component', Footer);

27
shrines/asummersend/components/header.js Normal file
View File

@ -0,0 +1,27 @@
class Header extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<header>
<img src="./img/asummersend_header.png" alt="">
</header>
<nav>
<ul class="nav__menu">
<li class="nav__title"><a href="/shrines/asummersend/">A Summer's End</a></li>
<li class="nav__item"><a href="/shrines/asummersend/">Shrine Home</a></li>
<li class="nav__item"><a href="./playlists.html">Playlists</a></li>
<li class="nav__item"><a href="./trivia.html">Trivia</a></li>
<li class="nav__item"><a href="/blog">Blog</a></li>
<li class="nav__item"><a href="./gallery.html">Gallery</a></li>
<li class="nav__item"><a href="/home.html">Main Site</a></li>
<li class="nav__toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
`;
}
}
customElements.define('header-component', Header);

66
shrines/asummersend/components/navbar.js Normal file
View File

@ -0,0 +1,66 @@
/* FOR TOGGLING MENUS ON THE NAVBAR */
const navToggle = document.querySelector(".nav__toggle");
const navMenu = document.querySelector(".nav__menu");
const navItems = document.querySelectorAll(".nav__item");
/* Toggle mobile navMenu */
function toggleMenu() {
if (navMenu.classList.contains("nav__active")) {
navMenu.classList.remove("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-bars'></i>";
} else {
navMenu.classList.add("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-times'></i>";
}
}
/* Activate Submenu */
function toggleItem() {
if (this.classList.contains("nav__submenu-active")) {
this.classList.remove("nav__submenu-active");
} else if (navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
this.classList.add("nav__submenu-active");
} else {
this.classList.add("nav__submenu-active");
}
}
/* Close Submenu From Anywhere */
function closeSubmenu(e) {
if (navMenu.querySelector(".nav__submenu-active")) {
let isClickInside = navMenu
.querySelector(".nav__submenu-active")
.contains(e.target);
if (!isClickInside && navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
}
}
}
/* Event Listeners */
navToggle.addEventListener("click", toggleMenu, false);
for (let item of navItems) {
if (item.querySelector(".nav__submenu")) {
item.addEventListener("click", toggleItem, false);
}
item.addEventListener("keypress", toggleItem, false);
}
document.addEventListener("click", closeSubmenu, false);
/* FOR MAKING THE NAVBAR STICKY */
const header = document.querySelector("header");
const navbar = document.querySelector("nav");
window.addEventListener("scroll", e => {
const scrollPos = window.scrollY || document.documentElement.scrollTop;
const stickyLine = header.scrollHeight - navbar.scrollHeight;
if (scrollPos > stickyLine) {
navbar.classList.add("sticky-nav");
} else {
navbar.classList.remove("sticky-nav");
}
});

21
shrines/asummersend/components/sidebar-content.js Normal file
View File

@ -0,0 +1,21 @@
class RightSidebarContent extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<h2>About</h2>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li>
<li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
`;
}
}
customElements.define('right-sidebar-component', RightSidebarContent);

98
shrines/asummersend/gallery.html
View File

@ -1,78 +1,64 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/shrines/asummersend/gallery">
<meta property="og:type" content="website">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Gallery | A Summer’s End — Hong Kong 1986 Shrine">
<meta property="og:description" content="Gallery on my A Summer’s End — Hong Kong 1986 shrine">
<link rel="stylesheet" href="asummersend.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="./img/ase-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="components/header.js" defer></script>
<script src="components/navbar.js" defer></script>
<script src="components/sidebar-content.js" defer></script>
<script src="components/footer.js" defer></script>
<title>Gallery | A Summer’s End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
<ul>
<li><a href="/shrines/asummersend/">Home</a></li>
<li><a href="./playlists.html">Playlists</a></li>
<li><a href="./trivia.html">Trivia</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="/home.html">Main Site</a></li>
</ul>
</nav>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Gallery</h1>
<p><em>A Summer’s End — Hong Kong 1986</em> was lovingly crafted by its developer Oracle and Bone with gorgeous art, so i want to make a page dedicated to my appreciation for the visual novel’s art.</p>
<p>I also highly recommend checking out the <a href="https://www.asummersend.com/" target="_blank">official site</a> of <em>A Summer's End</em> and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel!</p>
</section>
<section class="content-section">
<h2>In-Game Screenshots</h2>
<img src="./img/ASE-Screenshot-01.png" alt="In-Game Screenshot of A Summer's End 01" width="100%">
<img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
<img src="./img/ASE-Screenshot-03.png" alt="In-Game Screenshot of A Summer's End 03" width="100%">
<img src="./img/ASE-Screenshot-04.png" alt="In-Game Screenshot of A Summer's End 04" width="100%">
<img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
<img src="./img/ASE-Screenshot-06.png" alt="In-Game Screenshot of A Summer's End 06" width="100%">
<img src="./img/ASE-Screenshot-07.png" alt="In-Game Screenshot of A Summer's End 07" width="100%">
<img src="./img/ASE-Screenshot-08.png" alt="In-Game Screenshot of A Summer's End 08" width="100%">
<img src="./img/ASE-Screenshot-09.png" alt="In-Game Screenshot of A Summer's End 09" width="100%">
</section>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<h2>About</h2>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li><li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<main>
<div class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Gallery</h1>
<p><em>A Summer’s End — Hong Kong 1986</em> was lovingly crafted by its developer Oracle and Bone with gorgeous art, so i want to make a page dedicated to my appreciation for the visual novel’s art.</p>
<p>I also highly recommend checking out the <a href="https://www.asummersend.com/" target="_blank">official site</a> of <em>A Summer's End</em> and the social media accounts of Oracle and Bone's for more beauriful art about the visual novel!</p>
</div>
<div class="content-section">
<h2>In-Game Screenshots</h2>
<img src="./img/ASE-Screenshot-01.png" alt="In-Game Screenshot of A Summer's End 01" width="100%">
<img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
<img src="./img/ASE-Screenshot-03.png" alt="In-Game Screenshot of A Summer's End 03" width="100%">
<img src="./img/ASE-Screenshot-04.png" alt="In-Game Screenshot of A Summer's End 04" width="100%">
<img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
<img src="./img/ASE-Screenshot-06.png" alt="In-Game Screenshot of A Summer's End 06" width="100%">
<img src="./img/ASE-Screenshot-07.png" alt="In-Game Screenshot of A Summer's End 07" width="100%">
<img src="./img/ASE-Screenshot-08.png" alt="In-Game Screenshot of A Summer's End 08" width="100%">
<img src="./img/ASE-Screenshot-09.png" alt="In-Game Screenshot of A Summer's End 09" width="100%">
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

124
shrines/asummersend/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,80 +12,66 @@
<meta property="og:description" content="My shrine for A Summer’s End — Hong Kong 1986">
<link rel="stylesheet" href="asummersend.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="./img/ase-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="components/header.js" defer></script>
<script src="components/navbar.js" defer></script>
<script src="components/sidebar-content.js" defer></script>
<script src="components/footer.js" defer></script>
<title>A Summer’s End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
<ul>
<li><a href="/shrines/asummersend/">Home</a></li>
<li><a href="./playlists.html">Playlists</a></li>
<li><a href="./trivia.html">Trivia</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="/home.html">Main Site</a></li>
</ul>
</nav>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1>Welcome to my <em>A Summer’s End — Hong Kong 1986</em> Shrine!</h1>
<img src="./img/asummersend_header.png" alt="Promotional image of A Summer’s End — Hong Kong 1986">
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel developed by Oracle and Bone, a Canada-based independent studio consists of two Asian queer women, Charissa So and Tida Kietsungden. The visual novel tells of a lesbian romance story between Michelle Cheung, an office worker, and Sam Wong, a video store owner, that takes place in Hong Kong in the year of 1986.</p>
<p>Initially released in English on 23 Apr, 2020, <em>A Summer’s End</em> has also been translated into Simplified Chinese, Traditional Chinese and Cantonese. The Chinese translations were released on July 9, 2021.</p>
<p><em>A Summer’s End</em> is available on <a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a> and <a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a>. It also has an <a href="https://www.asummersend.com/" target="_blank">official website</a>.</p>
</section>
<section class="content-section">
<h2>How I Discovered <em>A Summer’s End — Hong Kong 1986</em></h2>
<img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
<p>I first learned about <em>A Summer’s End — Hong Kong 1986</em> through <a href="https://linuxgameconsortium.com/a-summers-end-hong-kong-1986-just-announced/" target="_blank">Linux Game Consortium</a>, a Linux gaming news website. There was a period where I set up my gaming laptop to dual boot Windows 10 and Linux, so I ended up following Linux gaming news for a while. While Windows is still my main platform for gaming, the discovery of <em>A Summer’s End</em> was the biggest unexpected benefit and surprise when I tried out Linux.</p>
<p>As a lesbian, the premise of a visual novel about a sapphic romance already caught my interest, but what urged me to play it even more was the Hong Kong setting, which made my interest in the game personal, since I am a Cantonese-speaking Chinese lesbian who grew up with Hong Kong media. Not to mention, it is rare to see a fiction that tells of a sapphic love story that takes place in Hong Kong.</p>
</section>
<section class="content-section">
<h2>Why <em>A Summer’s End — Hong Kong 1986</em> is Special to Me</h2>
<img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
<p>As a Chinese lesbian who speaks Cantonese and had engaged with a lot of Hong Kong media during my teenage years, <em>A Summer’s End - Hong Kong 1986</em> is the lesbian story that I relate to and feel represented the most.</p>
<p>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>
<p>My standards for lesbian representation in media has also become much higher because of this visual novel, since <em>A Summer’s End</em> is also a perfect example of how some of the best representations of minority groups are actually found in media made by indie creators, especially those who are part of those minority groups, so we shouldn’t rely on mainstream media for representation especially when big name media companies are going to just give us scraps.</p>
<p>If you ask me to list just one piece of queer art that means everything to me, that gives me comfort, inspiration, and strength the most, <em>A Summer’s End</em> would be it.</p>
<p>I seriously cannot recommend <em>A Summer’s End</em> enough, especially for Asian sapphic women.</p>
</section>
</div>
<div id="flex">
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
<aside id="leftSidebar">
<div class="sidebar-content">
<h2>About</h2>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li>
<li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<main>
<div class="content-section">
<h1>Welcome to my <em>A Summer’s End — Hong Kong 1986</em> Shrine!</h1>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel developed by Oracle and Bone, a Canada-based independent studio consists of two Asian queer women, Charissa So and Tida Kietsungden. The visual novel tells of a lesbian romance story between Michelle Cheung, an office worker, and Sam Wong, a video store owner, that takes place in Hong Kong in the year of 1986.</p>
<p>Initially released in English on 23 Apr, 2020, <em>A Summer’s End</em> has also been translated into Simplified Chinese, Traditional Chinese and Cantonese. The Chinese translations were released on July 9, 2021.</p>
<p><em>A Summer’s End</em> is available on <a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a> and <a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a>. It also has an <a href="https://www.asummersend.com/" target="_blank">official website</a>.</p>
</div>
<div class="content-section">
<h2>How I Discovered <em>A Summer’s End — Hong Kong 1986</em></h2>
<img src="./img/ASE-Screenshot-02.png" alt="In-Game Screenshot of A Summer's End 02" width="100%">
<p>I first learned about <em>A Summer’s End — Hong Kong 1986</em> through <a href="https://linuxgameconsortium.com/a-summers-end-hong-kong-1986-just-announced/" target="_blank">Linux Game Consortium</a>, a Linux gaming news website. There was a period where I set up my gaming laptop to dual boot Windows 10 and Linux, so I ended up following Linux gaming news for a while. While Windows is still my main platform for gaming, the discovery of <em>A Summer’s End</em> was the biggest unexpected benefit and surprise when I tried out Linux.</p>
<p>As a lesbian, the premise of a visual novel about a sapphic romance already caught my interest, but what urged me to play it even more was the Hong Kong setting, which made my interest in the game personal, since I am a Cantonese-speaking Chinese lesbian who grew up with Hong Kong media. Not to mention, it is rare to see a fiction that tells of a sapphic love story that takes place in Hong Kong.</p>
</div>
<div class="content-section">
<h2>Why <em>A Summer’s End — Hong Kong 1986</em> is Special to Me</h2>
<img src="./img/ASE-Screenshot-05.png" alt="In-Game Screenshot of A Summer's End 05" width="100%">
<p>As a Chinese lesbian who speaks Cantonese and had engaged with a lot of Hong Kong media during my teenage years, <em>A Summer’s End - Hong Kong 1986</em> is the lesbian story that I relate to and feel represented the most.</p>
<p>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>
<p>My standards for lesbian representation in media has also become much higher because of this visual novel, since <em>A Summer’s End</em> is also a perfect example of how some of the best representations of minority groups are actually found in media made by indie creators, especially those who are part of those minority groups, so we shouldn’t rely on mainstream media for representation especially when big name media companies are going to just give us scraps.</p>
<p>If you ask me to list just one piece of queer art that means everything to me, that gives me comfort, inspiration, and strength the most, <em>A Summer’s End</em> would be it.</p>
<p>I seriously cannot recommend <em>A Summer’s End</em> enough, especially for Asian sapphic women.</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
</body>
</main>
<footer-component></footer-component>
</body>
</html>

162
shrines/asummersend/playlists.html
View File

@ -1,113 +1,95 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/shrines/asummersend/playlists">
<meta property="og:type" content="website">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Playlists | A Summer’s End — Hong Kong 1986 Shrine">
<meta property="og:description" content="List of A Summer’s End — Hong Kong 1986 playlists">
<link rel="stylesheet" href="asummersend.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="./img/ase-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="components/header.js" defer></script>
<script src="components/navbar.js" defer></script>
<script src="components/sidebar-content.js" defer></script>
<script src="components/footer.js" defer></script>
<title>Playlists | A Summer’s End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
<ul>
<li><a href="/shrines/asummersend/">Home</a></li>
<li><a href="./playlists.html">Playlists</a></li>
<li><a href="./trivia.html">Trivia</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="/home.html">Main Site</a></li>
<header-component></header-component>
<main>
<aside class="left-sidebar">
<div class="sidebar__toc">
<h2>Contents</h2>
<ul class="sidebar__toc-list">
<li><a href="#Sam's-Mixtape">Sam's Mixtape</a></li>
<li><a href="#Summer-Lover">夏日戀人 (Summer Lover)</a></li>
<li><a href="#My-Dear-Summer-Lover">My Dear Summer Lover</a></li>
</ul>
</nav>
</div>
</aside>
<div class="content-container">
<section class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Playlists</h1>
<p><em>A Summer’s End — Hong Kong 1986</em> is a gold mine of music. Not only that the visual novel has a great soundtrack (its <a href="https://www.asummersend.com/original-soundtrack" target="_blank">official soundtrack</a> was released on August 21, 2020), but the developer Oracle and Bone has also compiled playlists related to the game.</p>
<p>As a tribute to <em>A Summer's End</em>, I have also created a fanmix myself.</p>
</section>
<section class="content-section">
<h2 id="Sam's-Mixtape">Sam's Mixtape</h2>
<p>Compiled by Oracle and Bone, Sam’s Mixtape A-Side and B-Side are playlists of the songs that Sam was listening to on the first day she met Michelle.</p>
<h3>Sam's Mixtape A-Side</h3>
<a class="link-btn" href="https://open.spotify.com/playlist/7vP8C9Sw1wLlsRDr7eQl46" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/7vP8C9Sw1wLlsRDr7eQl46?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<h3>Sam's Mixtape B-Side</h3>
<a class="link-btn" href="https://open.spotify.com/playlist/6n5QvHkm33nDPIy0RIJv6T" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6n5QvHkm33nDPIy0RIJv6T?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
<section class="content-section">
<h2 id="Summer-Lover">夏日戀人 (Summer Lover)</h2>
<p>Oracle and Bone compiled this playlist as a tribute to Anita Mui, who was a major inspiration for <em>A Summer’s End — Hong Kong 1986</em>.</p>
<a class="link-btn" href="https://open.spotify.com/playlist/4GJuqiYygMPC3ifNemhCCh" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4GJuqiYygMPC3ifNemhCCh?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
<section class="content-section">
<h2 id="My-Dear-Summer-Lover">My Dear Summer Lover</h2>
<img src="/playlists/img/My-Dear-Summer-Lover-cover.png" width="400px" height="400px" alt="A playlist cover image made of Sam and Michelle from A Summer's End being close to kissing, with the title 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<p>My fanmix for <em>A Summer’s End — Hong Kong 1986</em>, dedicated to Sam and Michelle’s love story.</p>
<p>This mix contains mostly Cantonese and English songs, with one Mandarin song. Majority of these songs were performed by Hong Kong artists and released in the 80s, because <em>A Summer’s End</em> took place in Hong Kong and in the 80s.</p>
<p>I have carefully selected and arranged these tracks, so the lyrics would reflect Sam and Michelle’s relationship development throughout <em>A Summer’s End</em>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>
<p>Since Oracle and Bone has cited Anita Mui as a major inspiration for them and this visual novel, I have also included multiple songs performed by Anita Mui in this mix. Because A Summer’s End is a lesbian story, when I was choosing which songs to include in this mix, I also prioritize songs that were performed by women artists.</p>
<a class="link-btn" href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank">Listen on Spotify</a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3SIV7VjSKhspYwugVIQjug?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</section>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<h2>About</h2>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li><li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<main>
<div class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Playlists</h1>
<p><em>A Summer’s End — Hong Kong 1986</em> is a gold mine of music. Not only that the visual novel has a great soundtrack (its <a href="https://www.asummersend.com/original-soundtrack" target="_blank">official soundtrack</a> was released on August 21, 2020), but the developer Oracle and Bone has also compiled playlists related to the game.</p>
<p>As a tribute to <em>A Summer's End</em>, I have also created a fanmix myself.</p>
</div>
<div class="content-section">
<h2 id="Sam's-Mixtape">Sam's Mixtape</h2>
<p>Compiled by Oracle and Bone, Sam’s Mixtape A-Side and B-Side are playlists of the songs that Sam was listening to on the first day she met Michelle.</p>
<h3>Sam's Mixtape A-Side</h3>
<a href="https://open.spotify.com/playlist/7vP8C9Sw1wLlsRDr7eQl46" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/7vP8C9Sw1wLlsRDr7eQl46?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<h3>Sam's Mixtape B-Side</h3>
<a href="https://open.spotify.com/playlist/6n5QvHkm33nDPIy0RIJv6T" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6n5QvHkm33nDPIy0RIJv6T?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<div class="content-section">
<h2 id="Summer-Lover">夏日戀人 (Summer Lover)</h2>
<p>Oracle and Bone compiled this playlist as a tribute to Anita Mui, who was a major inspiration for <em>A Summer’s End — Hong Kong 1986</em>.</p>
<a href="https://open.spotify.com/playlist/4GJuqiYygMPC3ifNemhCCh" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4GJuqiYygMPC3ifNemhCCh?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<div class="content-section">
<h2 id="My-Dear-Summer-Lover">My Dear Summer Lover</h2>
<img src="/playlists/img/My-Dear-Summer-Lover-cover.png" width="400px" height="400px" alt="A playlist cover image made of Sam and Michelle from A Summer's End being close to kissing, with the title 'My Dear Summer Lover: A Sam x Michelle Fanmix'">
<p>My fanmix for <em>A Summer’s End — Hong Kong 1986</em>, dedicated to Sam and Michelle’s love story.</p>
<p>This mix contains mostly Cantonese and English songs, with one Mandarin song. Majority of these songs were performed by Hong Kong artists and released in the 80s, because <em>A Summer’s End</em> took place in Hong Kong and in the 80s.</p>
<p>I have carefully selected and arranged these tracks, so the lyrics would reflect Sam and Michelle’s relationship development throughout <em>A Summer’s End</em>. Therefore, the content of this mix could be considered spoilers if you have not played the visual novel.</p>
<p>Since Oracle and Bone has cited Anita Mui as a major inspiration for them and this visual novel, I have also included multiple songs performed by Anita Mui in this mix. Because A Summer’s End is a lesbian story, when I was choosing which songs to include in this mix, I also prioritize songs that were performed by women artists.</p>
<a href="https://open.spotify.com/playlist/3SIV7VjSKhspYwugVIQjug" target="_blank"><button class="linkBtn">Listen on Spotify</button></a><br><br>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3SIV7VjSKhspYwugVIQjug?utm_source=generator" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h2>Contents</h2>
<ul class="toc-list">
<li><a href="#Sam's-Mixtape">Sam's Mixtape</a></li>
<li><a href="#Summer-Lover">夏日戀人 (Summer Lover)</a></li>
<li><a href="#My-Dear-Summer-Lover">My Dear Summer Lover</a></li>
</ul>
</div>
</aside>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

154
shrines/asummersend/trivia.html
View File

@ -1,108 +1,94 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/shrines/asummersend/trivia">
<meta property="og:type" content="website">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Trivia | A Summer’s End — Hong Kong 1986 Shrine">
<meta property="og:description" content="Collection of trivia about A Summer’s End — Hong Kong 1986 shrine">
<link rel="stylesheet" href="asummersend.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="./img/ase-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/ase-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/ase-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="components/header.js" defer></script>
<script src="components/navbar.js" defer></script>
<script src="components/sidebar-content.js" defer></script>
<script src="components/footer.js" defer></script>
<title>Trivia | A Summer’s End — Hong Kong 1986 Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Trivia</h1>
<p>Here is a collection of trivia about the characters from <em>A Summer’s End</em> provided by the developer Oracle and Bone on their social media pages, especially <a href="https://oracleandbone.tumblr.com/" target="_blank">Tumblr</a>.</p>
</section>
<section class="content-section">
<h2>Movies and Music References</h2>
<p><em>A Summer’s End</em> contains many references to movies and music. This community post on Steam compiles a list of the movie and music references made in the game. Please be aware it contains spoilers!</p>
<h3><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067" target="_blank">Movies and Music in A Summer's End – Hong Kong 1986</a></h3>
</section>
<section class="content-section">
<h2>Character Trivia</h2>
<h3>Chinese Names</h3>
<p>Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on <a href="https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and" target="_blank">this Tumblr post</a>:</p>
<blockquote>
A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelle’s name to have metaphoric meaning that reflected her story as well as the themes of the game.
</blockquote>
<h3>Birthdays</h3>
<ul>
<li><a href="/shrines/asummersend/">Home</a></li>
<li><a href="./playlists.html">Playlists</a></li>
<li><a href="./trivia.html">Trivia</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="/home.html">Main Site</a></li>
<li>Michelle: February 16 <sup><a href="https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday" target="_blank">[Source]</a></sup></li>
<li>Sam: December 28 <sup><a href="https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy" target="_blank">[Source]</a></sup></li>
<li>Cecelia: August 9 <sup><a href="https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday" target="_blank">[Source]</a></sup></li>
</ul>
</nav>
<h3>Zodiac Signs:</h3>
<ul>
<li>Michelle: Aquarius <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Sam: Capricorn <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Cecilia: Leo <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Joey: Cancer <sup><a href="https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac" target="_blank">[Source]</a></sup></li>
</ul>
<h3>MBTI personalities</h3>
<ul>
<li>Michelle: ISTJ <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
<li>Sam: ESFP <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
<li>Cecelia: ESTJ <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
</ul>
<h3>Inspirations</h3>
<ul>
<li>The character and fashion of Cecelia has been largely inspired by Anita Mui. <sup><a href="https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy" target="_blank">[Source]</a></sup></li>
</ul>
</section>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content">
<h2>About</h2>
<p><em>A Summer’s End — Hong Kong 1986</em> is a visual novel set in 1980s Hong Kong. It tells of a love story between two women. Lush and vibrant visuals, the game features over 400 unique hand-drawn artwork inspired by Asian cinema and 1980s anime.</p>
<h3>Links</h3>
<ul>
<li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
</li><li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
<li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
</ul>
</div>
</aside>
<main>
<div class="content-section">
<h1><em>A Summer’s End — Hong Kong 1986</em> Trivia</h1>
<p>Here is a collection of trivia about the characters from <em>A Summer’s End</em> provided by the developer Oracle and Bone on their social media pages, especially <a href="https://oracleandbone.tumblr.com/" target="_blank">Tumblr</a>.</p>
</div>
<div class="content-section">
<h2>Movies and Music References</h2>
<p><em>A Summer’s End</em> contains many references to movies and music. This community post on Steam compiles a list of the movie and music references made in the game. Please be aware it contains spoilers!</p>
<h3><a href="https://steamcommunity.com/sharedfiles/filedetails/?id=2213828067" target="_blank">Movies and Music in A Summer's End – Hong Kong 1986</a></h3>
</div>
<div class="content-section">
<h2>Character Trivia</h2>
<h3>Chinese Names</h3>
<p>Michelle Cheung's Chinese name is 張鳳霞, while Sam Wong's Chinese name is 黃嘉欣. Oracle and Bone had commented on their idea behind the characters' Chinese names on <a href="https://oracleandbone.tumblr.com/post/625313027310436352/hi-im-curious-how-you-came-up-with-sam-and" target="_blank">this Tumblr post</a>:</p>
<blockquote>
A part of how we came up with their names was by referencing names of Hong Kong film actresses from their time period as a little homage to them. We also thought of how their names might reflect their upbringing. For example, despite Michelle being younger than Sam, she has a more old fashioned sounding Chinese name. The meaning of their Chinese names was also important to us. We particularly wanted Michelle’s name to have metaphoric meaning that reflected her story as well as the themes of the game.
</blockquote>
<h3>Birthdays</h3>
<ul>
<li>Michelle: February 16 <sup><a href="https://oracleandbone.tumblr.com/post/643241885438197760/spring-day-february-16-is-michelles-birthday" target="_blank">[Source]</a></sup></li>
<li>Sam: December 28 <sup><a href="https://oracleandbone.tumblr.com/post/638707575113891840/hit-rewind-december-28-is-sams-birthday-happy" target="_blank">[Source]</a></sup></li>
<li>Cecelia: August 9 <sup><a href="https://oracleandbone.tumblr.com/post/625985188093214720/%E9%BB%91%E5%A4%9C%E7%9A%84%E8%B1%B9-night-leopard-august-9-is-cecilias-birthday" target="_blank">[Source]</a></sup></li>
</ul>
<h3>Zodiac Signs:</h3>
<ul>
<li>Michelle: Aquarius <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Sam: Capricorn <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Cecilia: Leo <sup><a href="https://oracleandbone.tumblr.com/post/616522957953679360/hey-what-zodiac-signs-are-sam-michelle" target="_blank">[Source]</a></sup></li>
<li>Joey: Cancer <sup><a href="https://oracleandbone.tumblr.com/post/616711590970081280/hey-its-the-anon-that-asked-about-the-zodiac" target="_blank">[Source]</a></sup></li>
</ul>
<h3>MBTI personalities</h3>
<ul>
<li>Michelle: ISTJ <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
<li>Sam: ESFP <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
<li>Cecelia: ESTJ <sup><a href="https://oracleandbone.tumblr.com/post/622234880967950336/hey-first-of-all-i-just-wanted-to-say-i-adore-a" target="_blank">[Source]</a></sup></li>
</ul>
<h3>Inspirations</h3>
<ul>
<li>The character and fashion of Cecelia has been largely inspired by Anita Mui. <sup><a href="https://oracleandbone.tumblr.com/post/659052064213696512/%E7%83%88%E7%84%B0%E7%B4%85%E5%94%87-august-9-is-cecilias-birthday-happy" target="_blank">[Source]</a></sup></li>
</ul>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

41
shrines/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,32 +12,28 @@
<meta property="og:description" content="Index of my personal e-shrines.">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Shrines | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>
<div class="content-container">
<section class="content-section">
<h1>Shrines</h1>
<p>Internet shrines are website pages dedicated to specific topics or interests. Here is a list of shrines I have made for my own website.</p>
@ -46,10 +42,13 @@
<h2><a href="./starwarskotor/" target="_blank"><em>Star Wars: Knights of the Old Republic</em></a></h2>
<a href="./starwarskotor/" target="_blank"><img src="./starwarskotor/img/swkotor-header.jpg" alt="Header of the Star Wars: Knights of the Old Republic series" width="100%"></a>
</main>
</section>
</div>
<footer id="footer">Site Launched: September 11, 2022 by Leilukin | <a href="../changelog">Site Changelog</a></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>

28
shrines/shrine.js
View File

@ -1,28 +0,0 @@
/* SCRIPT FOR THE NAVIGATION BAR */
// When the user scrolls the page, execute stickyFunction
window.onscroll = function() {stickyFunction()};
// Get the navbar
var navbar = document.getElementById("navbar");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function stickyFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky-nav")
} else {
navbar.classList.remove("sticky-nav");
}
}
/* SCRIPT FOR THE FOOTER */
// Generate footer content
var footerHTML = `
<p>This shrine is made with ♥ by <a href="/home.html">Leilukin</a></p>
`;
document.querySelector("#footer").innerHTML = footerHTML;

72
shrines/starwarskotor/articles/arren-kae-kreia-theory.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,52 +12,50 @@
<meta property="og:description" content="The Star Wars: Knights of the Old Republic II: The Sith Lords theory that Arren Kae and Kreia are the same person is very popular among fans of the game. However, I personally do not subscribe to it or incorporate it into my KotOR 2 headcanons. Here is why.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>My Thoughts on the “Arren Kae is Kreia” Theory | Articles | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</h1>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<center><p>Originally published on January 27, 2021 on Tumblr</p></center>
<p>If you are a fan of <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>, you might have heard of the theory that Arren Kae, mother of Brianna the Handmaiden, and Kreia are the same person. If you have not heard of the theory, a compilation of the in-game evidence used to support the theory can be found on the <a href="https://lparchive.org/Knights-of-the-Old-Republic-II/Update%2058/" target="_blank">Let’s Play Archive</a>. The theory has become so popular that many fans of the game take it for granted, which can make it easy to forget that the theory was never officially confirmed.</p>
<main>
<div class="content-section">
<h1>Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</h1>
<p>I think the “Arren Kae is Kreia” theory is well-thought-out, and I agree that there are multiple in-game evidence that can support the theory. However, personally I do not subscribe to the theory, nor incorporate it into my headcanons for <em>Knights of the Old Republic 2</em>. I have eventually decided that in my <em>KotOR 2</em> headcanons, I keep Arren and Kreia as two different people. Why?</p>
<center><p>Originally published on January 27, 2021 on Tumblr</p></center>
<p>If you are a fan of <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>, you might have heard of the theory that Arren Kae, mother of Brianna the Handmaiden, and Kreia are the same person. If you have not heard of the theory, a compilation of the in-game evidence used to support the theory can be found on the <a href="https://lparchive.org/Knights-of-the-Old-Republic-II/Update%2058/" target="_blank">Let’s Play Archive</a>. The theory has become so popular that many fans of the game take it for granted, which can make it easy to forget that the theory was never officially confirmed.</p>
<p>I think the “Arren Kae is Kreia” theory is well-thought-out, and I agree that there are multiple in-game evidence that can support the theory. However, personally I do not subscribe to the theory, nor incorporate it into my headcanons for <em>Knights of the Old Republic 2</em>. I have eventually decided that in my <em>KotOR 2</em> headcanons, I keep Arren and Kreia as two different people. Why?</p>
<p>Firstly, I want Brianna to have more positive women role models, especially given her troubled relationships with her sisters and Atris. Arren was the reason Brianna wants to be a Jedi, and the Kreia we see in the game is definitely <em>not</em> a good role model for someone who wants to be a Jedi. Kreia might have been a better person when she was a Jedi, but we never know for sure. Not to mention Kreia doesn’t treat Brianna any better than the other party members. Brianna deserves better.</p>
<p>Secondly, I like the theory suggested by an anonymous message I received on Tumblr that Arren Kae was to Kreia what the Exile was to Atris. The <em>KotOR 2</em> game itself already builds up parallels between Kreia and Atris: both were fallen Jedi who personally felt betrayed by the Jedi in some ways, and many of the things in <em>KotOR 2</em> happen because of their plans, schemes and manipulation. Therefore, I love the idea that if Arren and Kreia were two different people, they had similar dynamics to the Exile and Atris, in that Arren and Kreia were very good friends in the past, with Kreia potentionally having romantic feelings for Arren, but Arren's departure and exile from the Jedi Order became a catalyst for Kreia's disillusionment with the Jedi Order, and it only got worse from there.</p>
<p>Ultimately, since the "Arren Kae is Kreia" theory is never officially confirmed, I am free to choose to <em>not</em> subscribe to the theory, regardless of how popular the theory is in the fandom, and come up with my own theory about Arren Kae instead.</p>
<p>In conclusion, Keeping Arren Kae and Kreia as two different people in my <em>KotOR</em> headcanons allows Arren to be a positive influence in Brianna’s life that Brianna needs. Also, there are many interesting ideas and possibilities about Arren and Kreia’s dynamics that could be explored.</p>
</div>
</main>
<p>Firstly, I want Brianna to have more positive women role models, especially given her troubled relationships with her sisters and Atris. Arren was the reason Brianna wants to be a Jedi, and the Kreia we see in the game is definitely <em>not</em> a good role model for someone who wants to be a Jedi. Kreia might have been a better person when she was a Jedi, but we never know for sure. Not to mention Kreia doesn’t treat Brianna any better than the other party members. Brianna deserves better.</p>
</div>
<footer id="footer"></footer>
</div>
<p>Secondly, I like the theory suggested by an anonymous message I received on Tumblr that Arren Kae was to Kreia what the Exile was to Atris. The <em>KotOR 2</em> game itself already builds up parallels between Kreia and Atris: both were fallen Jedi who personally felt betrayed by the Jedi in some ways, and many of the things in <em>KotOR 2</em> happen because of their plans, schemes and manipulation. Therefore, I love the idea that if Arren and Kreia were two different people, they had similar dynamics to the Exile and Atris, in that Arren and Kreia were very good friends in the past, with Kreia potentionally having romantic feelings for Arren, but Arren's departure and exile from the Jedi Order became a catalyst for Kreia's disillusionment with the Jedi Order, and it only got worse from there.</p>
<p>Ultimately, since the "Arren Kae is Kreia" theory is never officially confirmed, I am free to choose to <em>not</em> subscribe to the theory, regardless of how popular the theory is in the fandom, and come up with my own theory about Arren Kae instead.</p>
<p>In conclusion, Keeping Arren Kae and Kreia as two different people in my <em>KotOR</em> headcanons allows Arren to be a positive influence in Brianna’s life that Brianna needs. Also, there are many interesting ideas and possibilities about Arren and Kreia’s dynamics that could be explored.</p>
</article>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

82
shrines/starwarskotor/articles/handmaiden-sisters-mother.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,56 +12,54 @@
<meta property="og:description" content="The mother of the Handmaiden Sister is a mystery in Star Wars: Knights of the Old Republic II: The Sith Lords that the game strangely never explores, despite how important family is to the Handmaiden's story.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Where is the Mother of Handmaiden’s Sisters? | Articles | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>Where is the Mother of the Handmaiden’s Sisters?</h1>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<main>
<div class="content-section">
<h1>Where is the Mother of the Handmaiden’s Sisters?</h1>
<center><p>Originally published on February 19, 2020 on Tumblr</p></center>
<p>In <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>, from the first conversation you could have with Brianna, also known as The Last Handmaiden, in the secret Jedi academy on Telos, to the moment where you train Brianna to become a Jedi Guardian if she joins your party, the game has consistently shown that Brianna's family plays a major part of her story and character arc due to her identity as an illegitimate child of the Echani general Yusanis and Jedi Knight Arren Kae. I have always enjoyed Brianna's arc, so even when I am playing a female Jedi Exile, I always use mods that allow Brianna to join a female Exile's party. </p>
<center><p>Originally published on February 19, 2020 on Tumblr</p></center>
<p>As I have thought more about Brianna’s family drama, one day I have come to realise that there is a mystery about Brianna’s family that I find it unfortunate that we know next to nothing about: the mother of Brianna’s sisters.</p>
<p>I find it curious that we never get to learn anything about the mother of Brianna’s sisters <em>at all</em>, aside from the fact that she was not Arren Kae. Given what we know about Brianna’s family and the drama surrounding it, the realization that the game never explores the mother of Brianna’s sisters has made me want to ask a lot of questions about her:</p>
<p>Where is she? Is she still alive? How is her relationship with Yusanis and her own biological daughters? How much did she know about Yusanis’ affair with Arren? Did she know Arren? Did she actually know Brianna? If so, how did she feel about Brianna?</p>
<p>In the conversation where Brianna confirms she had a different mother than her sisters, she says she never saw her mother’s face, so we can assume that Arren was not part of Brianna’s life when Brianna grew up. In the same conversation, the extent Brianna talks about her father, like the reason her father went to fight in the Mandalorian Wars was to join her mother and how he had changed after returning from the war, suggests that Brianna knows her father well enough, so I guess she have lived with her father, though this makes me wonder: was the mother of Brianna’s sisters part of Brianna’s life when she grew up?</p>
<p>I also wonder, when exactly did Brianna’s sisters know about their father’s affair with Arren? Did Yusanis tell them himself or did they find out in another way? Did Brianna and her sisters know each other before learning about their father’s affair?</p>
<p>I guess it makes sense that we know more about Arren Kae than we did the mother of Brianna’s sisters, since she was the mother of one of the party members, while the Handmaiden Sisters are NPCs who are not even given any names. Arren is also mentioned by Mical the Disciple as one of Revan’s masters, and Revan is an important character in both <em>Knights of the Old Republic</em> games. If you subscribe to the theory that <a href="https://lparchive.org/Knights-of-the-Old-Republic-II/Update%2058/" target="_blank">Arren Kae and Kreia are the same person</a> (<a href="./arren-kae-kreia-theory.html" target="_blank">I have my own reasons not to</a>, however), Arren’s importance increases even more.</p>
<p>However, I would still like to know at least a little more about the mother of Brianna’s sisters, since Brianna’s complicated relationship with her sisters also affects Brianna’s character and story arc.</p>
</div>
</main>
<p>In <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>, from the first conversation you could have with Brianna, also known as The Last Handmaiden, in the secret Jedi academy on Telos, to the moment where you train Brianna to become a Jedi Guardian if she joins your party, the game has consistently shown that Brianna's family plays a major part of her story and character arc due to her identity as an illegitimate child of the Echani general Yusanis and Jedi Knight Arren Kae. I have always enjoyed Brianna's arc, so even when I am playing a female Jedi Exile, I always use mods that allow Brianna to join a female Exile's party. </p>
<p>As I have thought more about Brianna’s family drama, one day I have come to realise that there is a mystery about Brianna’s family that I find it unfortunate that we know next to nothing about: the mother of Brianna’s sisters.</p>
<p>I find it curious that we never get to learn anything about the mother of Brianna’s sisters <em>at all</em>, aside from the fact that she was not Arren Kae. Given what we know about Brianna’s family and the drama surrounding it, the realization that the game never explores the mother of Brianna’s sisters has made me want to ask a lot of questions about her:</p>
<p>Where is she? Is she still alive? How is her relationship with Yusanis and her own biological daughters? How much did she know about Yusanis’ affair with Arren? Did she know Arren? Did she actually know Brianna? If so, how did she feel about Brianna?</p>
<p>In the conversation where Brianna confirms she had a different mother than her sisters, she says she never saw her mother’s face, so we can assume that Arren was not part of Brianna’s life when Brianna grew up. In the same conversation, the extent Brianna talks about her father, like the reason her father went to fight in the Mandalorian Wars was to join her mother and how he had changed after returning from the war, suggests that Brianna knows her father well enough, so I guess she have lived with her father, though this makes me wonder: was the mother of Brianna’s sisters part of Brianna’s life when she grew up?</p>
<p>I also wonder, when exactly did Brianna’s sisters know about their father’s affair with Arren? Did Yusanis tell them himself or did they find out in another way? Did Brianna and her sisters know each other before learning about their father’s affair?</p>
<p>I guess it makes sense that we know more about Arren Kae than we did the mother of Brianna’s sisters, since she was the mother of one of the party members, while the Handmaiden Sisters are NPCs who are not even given any names. Arren is also mentioned by Mical the Disciple as one of Revan’s masters, and Revan is an important character in both <em>Knights of the Old Republic</em> games. If you subscribe to the theory that <a href="https://lparchive.org/Knights-of-the-Old-Republic-II/Update%2058/" target="_blank">Arren Kae and Kreia are the same person</a> (<a href="./arren-kae-kreia-theory.html" target="_blank">I have my own reasons not to</a>, however), Arren’s importance increases even more.</p>
<p>However, I would still like to know at least a little more about the mother of Brianna’s sisters, since Brianna’s complicated relationship with her sisters also affects Brianna’s character and story arc.</p>
</article>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

79
shrines/starwarskotor/articles/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,48 +12,55 @@
<meta property="og:description" content="List of my articles for the Star Wars: Knights of the Old Republic series">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Articles | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1>My <em>Star Wars: Knights of the Old Republic</em> Articles</h1>
<p>Here is a list of articles I have written for the <em>Star Wars: Knights of the Old Republic</em> series.</p>
</section>
<section class="content-section">
<h2><em>KotOR 1</em></h2>
<ul>
<li><a href="./juhani-lesbian-evidence.html">Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic's</em> Game Files</a></li>
<li><a href="./juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
</ul>
</section>
<section class="content-section">
<h2><em>KotOR 2</em></h2>
<ul>
<li><a href="./arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
<li><a href="./handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a></li>
</ul>
</section>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<main>
<div class="content-section">
<h1>My <em>Star Wars: Knights of the Old Republic</em> Articles</h1>
<p>Here is a list of articles I have written for the <em>Star Wars: Knights of the Old Republic</em> series.</p>
</div>
<div class="content-section">
<ul>
<li><a href="./juhani-lesbian-evidence.html">Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic's</em> Game Files</a></li>
<li><a href="./juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
<li><a href="./arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
<li><a href="./handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a></li>
</ul>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

98
shrines/starwarskotor/articles/juhani-hostility-towards-canderous.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,63 +12,61 @@
<meta property="og:description" content="If you follow the modding scene of Star Wars: Knights of the Old Republic, you might be aware of a conversation with Juhani where the player asks her why she is hostile towards Canderous. It is a commonly assumed that it is cut content, but the truth is that it is possible to access the conversation without mods, though it is extremely easy to miss.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Access Juhani's Conversaion about Canderous without Restoration Mods | Articles | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>How to Access Juhani's Conversaion about Canderous without Restoration Mods</h1>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<center><p>Published on October 11, 2022</p></center>
<div class="full-width-youtube-video">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/9_SPW-x_a-I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>If you follow the modding scene of <em>Star Wars: Knights of the Old Republic</em>, you might be aware of a conversation with Juhani where the player asks her why she is hostile towards Canderous. It is a commonly assumed that it is cut content, because the condition to trigger said conversation is unknown by the KotOR community, and there are mods that aim to restore said conversation.</p>
<p>After thorough investigation into the game files, I finally discovered that it is actually possible to access Juhani's conversation about Canderous without any restoration mod. However, the issue is that in the vanilla game, the condition to make said conversation available is <em>very</em> specific, thus making it extremely easy to miss. Therefore, what restoration mods do to this specific Juhani conversation is making it easier to access.</p>
<p style="font-size:1.5rem"><strong>Here are the conditions to make Juhani's conversation about Canderous without restoration mods:</strong></p>
<p>Firstly, you need to have both Canderous and Juhani in your party when talking to certain NPCs on Dantooine. Canderous will make comments when you talk to those NPCs, then Juhani will interject and show hostility towards Canderous. Specifically, these interjections happen when you:</p>
<ul>
<li>Talk to Gar at the courtyard outside the Jedi Enclave and ask him about the problems with kath hounds and Mandalorians</li>
<li>Accuse Handon Guld of murdering Calder Nettic for cheating on his wife, during the "Murdered Settler" side quest</li>
<li>Tell Nurik Sandral you are investigating Shen Matale's disappearance, during the "Sandral-Matele Feud" side quest</li>
</ul>
<p>You need to hear Juhani's interjections to Canderous' comments on at least two of the above occasions.</p>
<p>Secondly, you need to progress Juhani's conversations to the point where she reveals that her family fled to Taris because the Mandalorians attacked the Cathar homeworld and slaughtered many Cathar people. It is after this conversation where you get the dialogue option to ask Juhani why she is hostile towards Canderous.</p>
<p>As evidence, I have recorded and compile the above video myself showing Juhani's interactions with Canderous and Juhani's conversation about Canderous.</p>
</article>
<main>
<div class="content-section">
<h1>How to Access Juhani's Conversaion about Canderous without Restoration Mods</h1>
<center><p>Published on October 11, 2022</p></center>
<div class="full-width-youtube-video">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/9_SPW-x_a-I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>If you follow the modding scene of <em>Star Wars: Knights of the Old Republic</em>, you might be aware of a conversation with Juhani where the player asks her why she is hostile towards Canderous. It is a commonly assumed that it is cut content, because the condition to trigger said conversation is unknown by the KotOR community, and there are mods that aim to restore said conversation.</p>
<p>After thorough investigation into the game files, I finally discovered that it is actually possible to access Juhani's conversation about Canderous without any restoration mod. However, the issue is that in the vanilla game, the condition to make said conversation available is <em>very</em> specific, thus making it extremely easy to miss. Therefore, what restoration mods do to this specific Juhani conversation is making it easier to access.</p>
<p style="font-size:1.5rem"><strong>Here are the conditions to make Juhani's conversation about Canderous without restoration mods:</strong></p>
<p>Firstly, you need to have both Canderous and Juhani in your party when talking to certain NPCs on Dantooine. Canderous will make comments when you talk to those NPCs, then Juhani will interject and show hostility towards Canderous. Specifically, these interjections happen when you:</p>
<ul>
<li>Talk to Gar at the courtyard outside the Jedi Enclave and ask him about the problems with kath hounds and Mandalorians</li>
<li>Accuse Handon Guld of murdering Calder Nettic for cheating on his wife, during the "Murdered Settler" side quest</li>
<li>Tell Nurik Sandral you are investigating Shen Matale's disappearance, during the "Sandral-Matele Feud" side quest</li>
</ul>
<p>You need to hear Juhani's interjections to Canderous' comments on at least two of the above occasions.</p>
<p>Secondly, you need to progress Juhani's conversations to the point where she reveals that her family fled to Taris because the Mandalorians attacked the Cathar homeworld and slaughtered many Cathar people. It is after this conversation where you get the dialogue option to ask Juhani why she is hostile towards Canderous.</p>
<p>As evidence, I have recorded and compile the above video myself showing Juhani's interactions with Canderous and Juhani's conversation about Canderous.</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

110
shrines/starwarskotor/articles/juhani-lesbian-evidence.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,82 +12,80 @@
<meta property="og:description" content="Juhani is a canon lesbian character and she has always been intended as such by the developers of Knights of the Old Republic. Here I am presenting evidence from the game files to prove it.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Evidence of Juhani being a Lesbian from Star Wars: KotOR's Game Files | Articles | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic</em>'s Game Files</h1>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<center><p>Originally published on July 15, 2017 on Tumblr</p></center>
<p>The fact that Juhani from <em>Star Wars: Knights of the Old Republic</em> is a canon lesbian character is a fairly common knowledge among LGBTQ+ fans of Star Wars. However, occasionally I still see people who do not know that the first KotOR game has the very first confirmed gay character in any Star Wars media, including the old Star Wars Expanded Universe; there are some other people who actually believe that Juhani is bisexual.</p>
<main>
<div class="content-section">
<h1>Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic</em>'s Game Files</h1>
<p>Therefore, as a lesbian and someone who has <a href="/mymods">made mods</a> for the <em>Knights of the Old Republic</em> games and written a <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">detailed Juhani romance guide</a>, I would like to present hard evidence from the game files to point out that <strong>Juhani is in fact a lesbian, a woman who is exclusively attracted to women</strong>.</p>
<center><p>Originally published on July 15, 2017 on Tumblr</p></center>
<p>The fact that Juhani from <em>Star Wars: Knights of the Old Republic</em> is a canon lesbian character is a fairly common knowledge among LGBTQ+ fans of Star Wars. However, occasionally I still see people who do not know that the first KotOR game has the very first confirmed gay character in any Star Wars media, including the old Star Wars Expanded Universe; there are some other people who actually believe that Juhani is bisexual.</p>
<p>The most crucial evidence comes from <code class="inline-code">k_hjuh_dialog.dlg</code>, Juhani’s main dialogue file which contains all the conversations covered in my Juhani Romance Guide. If you use the <a href="https://deadlystream.com/files/file/280-kotor-tool/" target="_blank">KotOR Tool</a> to browse the game files, <code class="inline-code">k_hjuh_dialog.dlg</code> is under KotOR I > BIFs > templates.bif > Dialog. I recommend using <a href="https://deadlystream.com/files/file/750-dlg-editor/" target="_blank">DLGEditor</a> to view the .dlg files from KotOR games.</p>
<p>Therefore, as a lesbian and someone who has <a href="/mymods">made mods</a> for the <em>Knights of the Old Republic</em> games and written a <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">detailed Juhani romance guide</a>, I would like to present hard evidence from the game files to point out that <strong>Juhani is in fact a lesbian, a woman who is exclusively attracted to women</strong>.</p>
<p>Here is a screenshot of my DLGEditor with the most relevant part of the <code class="inline-code">k_hjuh_dialog.dlg</code> file:<br>
<img src="./img/juhani-lesbian-in-game-evidence.png" width="100%" height="auto" alt="A screenshot of Version 2.3.2 of the DLG Editor displaying Juhani's main dialogue file, with the first conversation highlighted"></p>
<p>The most crucial evidence comes from <span class="monospace">k_hjuh_dialog.dlg</span>, Juhani’s main dialogue file which contains all the conversations covered in my Juhani Romance Guide. If you use the <a href="https://deadlystream.com/files/file/280-kotor-tool/" target="_blank">KotOR Tool</a> to browse the game files, <span class="monospace">k_hjuh_dialog.dlg</span> is under KotOR I > BIFs > templates.bif > Dialog. I recommend using <a href="https://deadlystream.com/files/file/750-dlg-editor/" target="_blank">DLGEditor</a> to view the .dlg files from KotOR games.</p>
<p>The highlighted dialogue shown in the screenshot (”I feel I must apologize for the way I acted towards you before, in the grove. It was wrong of me.”) is the beginning of your first personal conversation with Juhani after Juhani joins your party. Here is a video of the conversation in question:</p>
<p>Here is a screenshot of my DLGEditor with the most relevant part of the <span class="monospace">k_hjuh_dialog.dlg</span> file:<br>
<img src="./img/juhani-lesbian-in-game-evidence.png" width="100%" height="auto" alt="A screenshot of Version 2.3.2 of the DLG Editor displaying Juhani's main dialogue file, with the first conversation highlighted"></p>
<div class="full-width-youtube-video">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/jzqfXoOvGrw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>The highlighted dialogue shown in the screenshot (”I feel I must apologize for the way I acted towards you before, in the grove. It was wrong of me.”) is the beginning of your first personal conversation with Juhani after Juhani joins your party. Here is a video of the conversation in question:</p>
<div class="full-width-youtube-video">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/jzqfXoOvGrw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>As shown in the screenshot above, once you begin this conversation, the script <code class="inline-code">k_hjuh_p17</code> will fire, and this is the source of the script in question:</p>
<pre>
<code class="code-snippet">void main()
{
int iGender = GetGender(GetPCSpeaker());
if (iGender == GENDER_FEMALE)
{
SetGlobalBoolean("T_JUHANIROM", TRUE);
}
}
</code></pre>
<p>As shown in the screenshot above, once you begin this conversation, the script <span class="monospace">k_hjuh_p17</span> will fire, and this is the source of the script in question:</p>
<p>(In KotOR Tool, you can see the source script <code class="inline-code">k_hjuh_p17.nss</code> under KotOR I > BIFs > scripts.bif > Script, Source)</p>
<code class="code-snippet">
void main()
{
int iGender = GetGender(GetPCSpeaker());
<p>As you may have guessed from the above script, <code class="inline-code">k_hjuh_p17</code> sets the Global Boolean <code class="inline-code">T_JUHANIROM</code> to TRUE if, and ONLY IF, the player character is female. The <code class="inline-code">T_JUHANIROM</code> global is used by the game to check if Juhani’s romance is active or not. In other words, <strong>the game activates Juhani’s romance ONLY IF your player character is female</strong>, as soon as you start Juhani’s personal conversation after she joins your party. <strong>If your player character is male, Juhani’s romance will NOT be activated</strong>.</p>
if (iGender == GENDER_FEMALE)
{
SetGlobalBoolean("T_JUHANIROM", TRUE);
}
}
</code>
<p>Here is the hard evidence from KotOR's game files that Juhani is a lesbian, a woman who is exclusively attracted to women. Juhani is NOT straight. Juhani is NOT bisexual.</p>
<p>(In KotOR Tool, you can see the source script <span class="monospace">k_hjuh_p17.nss</span> under KotOR I > BIFs > scripts.bif > Script, Source)</p>
<p>The game used to have a bug that allowed male player characters to access Juhani’s romance, which is probably why some thought that Juhani is bisexual. However, the bug had been fixed in later patches. By fixing the bug, <strong>the game has made sure that ONLY a female player character can romance Juhani</strong>.</p>
<p>As you may have guessed from the above script, <span class="monospace">k_hjuh_p17</span> sets the Global Boolean <span class="monospace">T_JUHANIROM</span> to TRUE if, and ONLY IF, the player character is female. The <span class="monospace">T_JUHANIROM</span> global is used by the game to check if Juhani’s romance is active or not. In other words, <strong>the game activates Juhani’s romance ONLY IF your player character is female</strong>, as soon as you start Juhani’s personal conversation after she joins your party. <strong>If your player character is male, Juhani’s romance will NOT be activated</strong>.</p>
<p>Even though the word “lesbian” or “gay” is never used in any of the KotOR games, it does not change the fact that Juhani is a woman character who can only be romanced by a woman player character, which means Juhani is gay, a lesbian.</p>
<p>Here is the hard evidence from KotOR's game files that Juhani is a lesbian, a woman who is exclusively attracted to women. Juhani is NOT straight. Juhani is NOT bisexual.</p>
<p>In conclusion, <strong>Juhani is a canon lesbian character and has always been intended to be such</strong>.</p>
<p>The game used to have a bug that allowed male player characters to access Juhani’s romance, which is probably why some thought that Juhani is bisexual. However, the bug had been fixed in later patches. By fixing the bug, <strong>the game has made sure that ONLY a female player character can romance Juhani</strong>.</p>
<p>I would also like to emphasise that <strong>I DO NOT support any mods that make Juhani a romance option for male characters under any circumstances</strong>, because such mods would be erasing the identity of the very first confirmed lesbian character in any Star Wars media. Not to mention, Juhani is the ONLY confirmed LGBTQ+ character in the entire KotOR series (Belaya from KotOR 1 and Luxa from KotOR 2 are heavily implied to be gay or bisexual, but their sexuality is never confirmed). Please respect LGBTQ+ representation and the identities of canon LGBTQ+ characters.</p>
</article>
<p>Even though the word “lesbian” or “gay” is never used in any of the KotOR games, it does not change the fact that Juhani is a woman character who can only be romanced by a woman player character, which means Juhani is gay, a lesbian.</p>
<p>In conclusion, <strong>Juhani is a canon lesbian character and has always been intended to be such</strong>.</p>
<p>I would also like to emphasise that <strong>I DO NOT support any mods that make Juhani a romance option for male characters under any circumstances</strong>, because such mods would be erasing the identity of the very first confirmed lesbian character in any Star Wars media. Not to mention, Juhani is the ONLY confirmed LGBTQ+ character in the entire KotOR series (Belaya from KotOR 1 and Luxa from KotOR 2 are heavily implied to be gay or bisexual, but their sexuality is never confirmed). Please respect LGBTQ+ representation and the identities of canon LGBTQ+ characters.</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

15
shrines/starwarskotor/components/footer.js Normal file
View File

@ -0,0 +1,15 @@
class Footer extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<footer>
Made with ♥ and the Force by Leilukin | <a href="#page-top">Back to top</a>
</footer>
`;
}
}
customElements.define('footer-component', Footer);

26
shrines/starwarskotor/components/header.js Normal file
View File

@ -0,0 +1,26 @@
class Header extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<header>
<img src="/shrines/starwarskotor/img/swkotor-header.jpg" alt="">
</header>
<nav>
<ul class="nav__menu">
<li class="nav__title"><a href="/shrines/starwarskotor/">Star Wars: KotOR</a></li>
<li class="nav__item"><a href="/shrines/starwarskotor/">Home</a></li>
<li class="nav__item"><a href="/shrines/starwarskotor/articles/">Articles</a></li>
<li class="nav__item"><a href="/shrines/starwarskotor/guides/">Guides</a></li>
<li class="nav__item"><a href="/shrines/starwarskotor/resources/">Resources</a></li>
<li class="nav__item"><a href="/home.html">Main Site</a></li>
<li class="nav__toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
</ul>
</nav>
`;
}
}
customElements.define('header-component', Header);

66
shrines/starwarskotor/components/navbar.js Normal file
View File

@ -0,0 +1,66 @@
/* FOR TOGGLING MENUS ON THE NAVBAR */
const navToggle = document.querySelector(".nav__toggle");
const navMenu = document.querySelector(".nav__menu");
const navItems = document.querySelectorAll(".nav__item");
/* Toggle mobile navMenu */
function toggleMenu() {
if (navMenu.classList.contains("nav__active")) {
navMenu.classList.remove("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-bars'></i>";
} else {
navMenu.classList.add("nav__active");
navToggle.querySelector("a").innerHTML = "<i class='fas fa-times'></i>";
}
}
/* Activate Submenu */
function toggleItem() {
if (this.classList.contains("nav__submenu-active")) {
this.classList.remove("nav__submenu-active");
} else if (navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
this.classList.add("nav__submenu-active");
} else {
this.classList.add("nav__submenu-active");
}
}
/* Close Submenu From Anywhere */
function closeSubmenu(e) {
if (navMenu.querySelector(".nav__submenu-active")) {
let isClickInside = navMenu
.querySelector(".nav__submenu-active")
.contains(e.target);
if (!isClickInside && navMenu.querySelector(".nav__submenu-active")) {
navMenu.querySelector(".nav__submenu-active").classList.remove("nav__submenu-active");
}
}
}
/* Event Listeners */
navToggle.addEventListener("click", toggleMenu, false);
for (let item of navItems) {
if (item.querySelector(".nav__submenu")) {
item.addEventListener("click", toggleItem, false);
}
item.addEventListener("keypress", toggleItem, false);
}
document.addEventListener("click", closeSubmenu, false);
/* FOR MAKING THE NAVBAR STICKY */
const header = document.querySelector("header");
const navbar = document.querySelector("nav");
window.addEventListener("scroll", e => {
const scrollPos = window.scrollY || document.documentElement.scrollTop;
const stickyLine = header.scrollHeight - navbar.scrollHeight;
if (scrollPos > stickyLine) {
navbar.classList.add("sticky-nav");
} else {
navbar.classList.remove("sticky-nav");
}
});

14
shrines/starwarskotor/components/sidebar-content.js Normal file
View File

@ -0,0 +1,14 @@
class RightSidebarContent extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
this.innerHTML = `
<h2>About</h2>
<p><em>Star Wars: Knights of the Old Republic</em> is a space opera role-playing video game series that takes place in the <em>Star Wars</em> universe. The story takes place approximately 4,000 years before the rise of the Galactic Empire.</p>
`;
}
}
customElements.define('right-sidebar-component', RightSidebarContent);

102
shrines/starwarskotor/guides/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,68 +12,58 @@
<meta property="og:description" content="List of guides for the Star Wars: Knights of the Old Republic series I have written or found useful. This page also includes lists of cheats.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Guides | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div class="content-container">
<section class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em> Guides</h1>
<p>Here is a list of guides for the <em>Star Wars: Knights of the Old Republic</em> series I have written or found useful. This page also includes lists of cheats.</p>
</section>
<section class="content-section">
<h2><em>KotOR 1</em> Guides</h2>
<ul>
<li><a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic" target="_blank"><em>Star Wars: Knights of the Old Republic</em> section</a> on StrategyWiki</li>
<li><a href="./kotor-juhani-romance-guide.html">Juhani Romance Guide</a> by Leilukin (me)</li>
<li><a href="./kotor-redeeming-bastila-guide.html">Redeeming Bastila Guide</a> by Leilukin (me)</li>
<li><a href="./kotor-sandral-matale-feud-guide.html">Sandral-Matale Feud Ending Guide</a> by Leilukin (me)</li>
</ul>
</section>
<section class="content-section">
<h2><em>KotOR 2: TSL</em> Guides</h2>
<ul>
<li><a href="https://web.archive.org/web/20190104130924/www.starwarsknights.com/influence.php" target="_blank">Influence Walkthrough</a> by by Achilles — This guide was written for the vanilla game. The Unofficial Dialog Patch on the page is not compatible with The Sith Lords Restored Content Mod (TSLRCM).</li>
<li><a href="https://reddit.com/r/kotor/comments/ruofg1/kotor_2_tslrcm_influence_guide/" target="_blank">TSLRCM Influence Guide</a> by u/XDarkStrikerX</li>
<li><a href="https://reddit.com/r/kotor/comments/vmhn73/kotor_2_tslrcm_influence_guide_collaboration/" target="_blank">TSLRCM Influence Guide Collaboration</a>, organised by u/Egg-MacGuffin. <a href="https://docs.google.com/spreadsheets/d/1SppuhOhl3AU-EAKjSji1EIJm41OTjeRGfVHbnmRwqio/edit?usp=sharing" target="_blank">Here is the direct link to the spreadsheet</a>.</li>
</ul>
</section>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<main>
<div class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em> Guides</h1>
<p>Here is a list of guides for the <em>Star Wars: Knights of the Old Republic</em> series I have written or found useful. This page also includes lists of cheats.</p>
</div>
<div class="content-section">
<h2><em>KotOR 1</em> Guides</h2>
<ul>
<li><a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic" target="_blank"><em>Star Wars: Knights of the Old Republic</em> section</a> on StrategyWiki</li>
<li><a href="./kotor-juhani-romance-guide.html">Juhani Romance Guide</a> by Leilukin (me)</li>
<li><a href="./kotor-redeeming-bastila-guide.html">Redeeming Bastila Guide</a> by Leilukin (me)</li>
<li><a href="./kotor-sandral-matale-feud-guide.html">Sandral-Matale Feud Ending Guide</a> by Leilukin (me)</li>
</ul>
</div>
<div class="content-section">
<h2><em>KotOR 2: TSL</em> Guides</h2>
<ul>
<li><a href="https://web.archive.org/web/20190104130924/www.starwarsknights.com/influence.php" target="_blank">Influence Walkthrough</a> by by Achilles — This guide was written for the vanilla game. The Unofficial Dialog Patch on the page is not compatible with The Sith Lords Restored Content Mod (TSLRCM).</li>
<li><a href="https://reddit.com/r/kotor/comments/ruofg1/kotor_2_tslrcm_influence_guide/" target="_blank">TSLRCM Influence Guide</a> by u/XDarkStrikerX</li>
<li><a href="https://reddit.com/r/kotor/comments/vmhn73/kotor_2_tslrcm_influence_guide_collaboration/" target="_blank">TSLRCM Influence Guide Collaboration</a>, organised by u/Egg-MacGuffin. <a href="https://docs.google.com/spreadsheets/d/1SppuhOhl3AU-EAKjSji1EIJm41OTjeRGfVHbnmRwqio/edit?usp=sharing" target="_blank">Here is the direct link to the spreadsheet</a>.</li>
</ul>
</div>
<div class="content-section">
<h2>Cheats</h2>
<ul>
<li><a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic/Cheats" target="_blank">List of <em>KotOR 1</em> Cheats</a> on StrategyWiki</li>
<li><a href="https://strategywiki.org/wiki/Star_Wars_Knights_of_the_Old_Republic_II:_The_Sith_Lords/Cheats" target="_blank">List of <em>KotOR 2: TSL</em> Cheats</a> on StrategyWiki</li>
<li><a href="https://deadlystream.com/blogs/entry/414-blog-112-the-kotor1-warp-code-list/" target="_blank">The KotOR1 Warp Code List</a> by by Sith Holocron — This list also includes area codes from mods.</li>
<li><a href="https://deadlystream.com/blogs/entry/413-blog-111-the-tsl-warp-code-list/" target="_blank">The TSL Warp Code List</a> by by Sith Holocron — This list also includes area codes from mods.</li>
</ul>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

341
shrines/starwarskotor/guides/kotor-juhani-romance-guide.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,186 +12,181 @@
<meta property="og:description" content="Walkthrough of how to successfully romance Juhani in Star Wars: Knights of the Old Republic">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Juhani Romance Guide | Guides | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<main>
<div class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Juhani Romance Guide</h1>
<center><p>Written by Leilukin</p>
<p>First published on March 5, 2016<br>Last updated on October 12, 2022</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">Google Docs</a>]</p></center>
<p>The contents of this guide may not be reposted, in whole or in part, without my permission. You may quote a part of this guide to help players who have problems with progressing or completing Juhani's romance, but DO NOT claim this guide as your own.</p>
</div>
<div class="content-section">
<h2 id="Introduction">Introduction</h2>
<p>Since I could not find a solid and detailed guide for Juhani's romance anywhere, and many players (I used to be one of them as well) have troubles with triggering Juhani's final romance conversation, I have decided to write a guide myself. Even though there is very little content for Juhani's romance, if you want to experience the very first canon same-gender romance option in BioWare games first hand, this guide is for you.</p>
<p>For this guide, I have done a lot of research and investigation to find out the conditions required to trigger Juhani's conversations, including tons of web searching, using KotOR Tool to browse and examine the game files related to Juhani's conversations, as well as using KotOR SaveGame Editor (KSE) to compare my save files.</p>
<p><strong>NOTE:</strong> Even if you use KotOR 1 Restoration (K1R) mod, the conditions to progress Juhani's romance remains the same as vanilla KotOR 1. However, I recommend using <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a> (K1CP) instead of K1R due to the fact K1CP fixes more bugs than K1R does, including bugs related to Juhani.</p>
</div>
<div class="content-section">
<h2 id="Notes">Important Notes</h2>
<p>First and foremost, since Juhani was written to be a lesbian, <strong>your player character must be female if you want to romance Juhani</strong>. The game activates Juhani's romance ONLY IF your player character is female.</p>
<p>As long as your player character is female, even if you romance Carth, Bastila (if you use mods that allow the female player character to romance Bastila, such as the <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">Biromantic Bastila mod</a>) or even both, you can still romance Juhani.</p>
<p>In order to advance your progress with Juhani's conversations, it is highly recommended to <strong>talk to Juhani and go through all her available conversations every time you level up.</strong> The progression with Juhani's conversations is tied in with the ability to level up, not just being at a certain level. Some Juhani's conversations will only be triggered after you gain 1 level after a previous conversation (see the Walkthrough section below for details). Given the limited level cap in KotOR 1 (the maximum level is 20), if you do not talk to Juhani often before you reach the level cap, it is very likely you will miss out on the chance to get her later conversations, including her final romance conversation.</p>
<p><strong>You also need to complete Juhani's personal quest, "Threat From Xor", to make her final romance conversation available.</strong></p>
<p><strong>You need to be nice to Juhani during your conversations with her</strong>, because mean dialogue choices will set the global boolean <span class="monospace">T_JUHANIROM</span> to 0, ending the romance, and apparently it is impossible to restart the romance afterwards.</p>
<p>Before you start a new KotOR playthrough, I highly recommend you to download and install the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, because the mod fixes many bugs with KotOR, including bugs that may block you from progressing Juhani's quest and conversations.</p>
<p><strong>(WARNING: this guide contains spoilers for both Juhani's personal story and KotOR's main plot)</strong></p>
</div>
<div class="content-section">
<h2 id="Walkthrough">Walkthrough</h2>
<p>There are two paths in Juhani's conversations: <strong>History</strong> and <strong>Personal</strong>. The History path explores Juhani's past and will lead to Juhani's personal quest "Threat from Xor", while the Personal path explores Juhani's relationship with the player character and will lead to Juhani's love confession if her romance is active.</p>
<p>You can check your progress with Juhani's conversations by using the <a href="http://deadlystream.com/files/file/503-kotor-savegame-editor/" target="_blank">KotOR SaveGame Editor</a> (KSE). Once you launch KSE, and it successfully loads your KotOR save files, expand a save file, and look for Globals > Numerics, <span class="monospace">G_JUHANIH_STATE</span> refers to the History path, while <span class="monospace">G_JUHANIP_STATE</span> refers to the Personal path. The walkthrough below contains details on how to trigger all the conversations required to make the final romance conversation available, the global values in KSE, and links to YouTube videos for these conversations.</p>
<p>In addition, you can check if Juhani's romance is still active by using KSE: look for Globals > Booleans, and make sure <span class="monospace">T_JUHANIROM</span> is set to 1.</p>
<h3 id="History">History Conversation Path</h3>
<p><strong>History #1:</strong> This conversation is available once Juhani joins your party, which happens after you collect your first Star Map on Dantooine, and you're tasked by the Jedi Council to search for the Star Forge. You can ask Juhani how did she become a Jedi. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 1. <a href="https://youtu.be/cmY7dQJH93Y" target="_blank">[YouTube video]</a></p>
<p><strong>History #2:</strong> Available when you gain 1 level after History #1. Juhani talks about meeting the Jedi back in her homeworld. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 2. <a href="https://youtu.be/4itTaqLKQPQ" target="_blank">[YouTube video]</a></p>
<p><strong>History #3:</strong> Available when you gain 1 level after History #2. Juhani reveals that she was from Taris, and she expresses anger over the destruction of Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 3. <a href="https://youtu.be/Foj1nmouoIU" target="_blank">[YouTube video]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> There is a bug that may block you from progressing Juhani's Personal Conversation path after you complete History #3, and thus preventing you from triggering Juhani's final romance conversation. See the "Personal Conversation Path" section below for more details about this bug. This bug is fixed by the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, which is a major reason I highly recommend this mod.</li>
<li>If you are unable to install mods for some reason, I would suggest that once you complete History #3, stop leveling up your character. Once you get your second Star Map (the Dantooine Star Map counts as the first Star Map), complete Personal #3 <em>AND</em> Personal #4 at once. After all that is done, you can now level up to trigger History #4.</li>
</ul>
<p><strong>History #4:</strong> Available when you gain 1 level after History #3. Juhani apologizes for her outburst over Taris' destruction, and recalls her life on Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 4. <a href="https://youtu.be/x8Q5bXWXwKU" target="_blank">[YouTube video]</a></p>
<p><strong>History #5:</strong> Available when you gain 1 level after History #4. Juhani talks about how her parents and her ended up on Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 5. <a href="https://youtu.be/ZFzIbtScsus" target="_blank">[YouTube video]</a></p>
<p><strong>History #6:</strong> Available when you gain 1 level after History #5. Juhani talks about her being sold into slavery after her parents died. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 6. This conversation will also make Juhani's personal quest, "Threat From Xor" available. <a href="https://youtu.be/2GJW_mBVADs" target="_blank">[YouTube video]</a></p>
<p><strong>"Threat From Xor" quest:</strong> This quest will be available after you have completed History #6, where Juhani talks about her being sold into slavery. Have Juhani in your party and walk around the spaceport on Tatooine, Kashyyyk, Manaan or Korriban. A character named Xor will approach Juhani and reveal that he was the slaver who attempted to buy Juhani on Taris before the latter was freed by the Jedi. Xor leaves, but he threatens to come back later.</p>
<p>The second encounter with Xor happens when you come back just outside the Ebon Hawk by using the Rapid Transit system. Xor will ambush you and Juhani. Once you defeat Xor, you can either let him die or encourage Juhani to kill him.</p>
<p>After you have dealt with Xor, if you have completed Personal #6 (detailed below), the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 10. <a href="https://youtu.be/Px1JTr7vf9Q" target="_blank">[YouTube video for the whole quest]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> There is an infamous bug with the Xor quest that once you trigger the quest, even after completing it, you will not be able to encounter any other messengers for your other party members' personal quests, and for Mika Dorin's premium shop on Korriban. The fix for this bug is included in the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a> and the KotOR 1 Restoration (K1R) mod.</li>
</ul>
<h3 id="Personal">Personal Conversation Path</h3>
<p><strong>Personal #1:</strong> Available once Juhani joins your party. She apologizes again for attacking you back on Dantooine. Once you begin this conversation, if &mdash; and ONLY IF &mdash; your player character is female, the global boolean <span class="monospace">T_JUHANIROM</span> will be set to 1, which means Juhani's romance will become active. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 1. <a href="https://youtu.be/jzqfXoOvGrw" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #2:</strong> Available after completing Personal #1. Juhani talks about Quatra and her fall to the dark side. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 2. <a href="https://youtu.be/minhfrQhCQI" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #3:</strong> Available after completing Personal #2 and getting 2 Star Maps (including the Dantooine one). Juhani expresses gratitude to you for accepting her throughout your journey. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 3. <a href="https://youtu.be/y_rM2l83HDo" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #4:</strong> Available once you complete History #3 <em>and</em> Personal #3. Juhani describes the life of being an alien on Taris is like hell. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 4. <a href="https://youtu.be/BOq0fehoYkg" target="_blank">[YouTube video]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> Personal #4 is by far the trickiest to trigger of all Juhani's conversations. There is a bug that once you complete History #3, if you level up even just once, History #4 will override Personal #4, making Personal #4 unavailable, and you will be unable to get the later conversations in the Personal Conversation path (except Personal #7 below), including the final romance conversation. In fact, I found that missing out Personal #4 was <em>the</em> reason I was unable to get Juhani's final romance conversation in my old playthrough. This bug is fixed by the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, which is a major reason I highly recommend this mod.</li><br>
<li>If you are unable to install mods for some reason, I would suggest that once you complete History #3, stop leveling up your character. Once you get your second Star Map (the Dantooine Star Map counts as the first Star Map), complete Personal #3, then <em>immediately</em> talk to Juhani again to check if Personal #4 is available. After you successfully trigger Personal #4 and complete the conversation, you can now level up your character to proceed to History #4 and beyond.</li>
</ul>
<p><strong>Personal #5:</strong> Available when you gain 1 level after Personal #4. Juhani asks about your past. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 6. <a href="https://youtu.be/6tFlMgigkc0" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #6:</strong> Available after completing Personal #5 and getting 3 Star Maps (including the Dantooine one). Juhani comments on your alignment (light side, dark side or neutral). After this conversation, if you have completed the "Threat From Xor" quest, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 10; if you have not, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 7. <a href="https://youtu.be/O2t9qSNGzgQ" target="_blank">[YouTube video for light side version]</a></p>
<p><strong>Personal #7:</strong> Available after completing the Leviathan level. Juhani comments on the reveal that the player character is Revan. This conversation is not required to trigger Juhani's final romance conversation, but I include it here because not only it is classified as part of the Personal conversation path by the game files, but also it is a very important element in Juhani and Revan's relationship. <a href="https://youtu.be/vklWpPBF7mA" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #8:</strong> The final conversation, which is also Juhani's love confession, in order to make this final romance conversation available, you must meet ALL the following conditions:</p>
<ol>
<li>You have completed Personal #6 <em>and</em> the "Threat From Xor" quest. If you use KotOR SaveGame Editor to check your progress, <strong>the global value of <span class="monospace">G_JUHANIP_STATE</span> must be 10.</strong></li>
<li>During the confrontation with Bastila at the Rakatan temple summit on the Unknown World, <strong>you must reject Bastila's suggestion to reclaim the title of Dark Lord of the Sith and rule the galaxy</strong>, which gives you the light side ending of the game. If you choose to agree with Bastila's suggestion, you will be forced to kill Juhani (and Jolee), which ends the romance, and you will get the dark side ending of the game.</li>
</ol>
<p>Provided the above conditions have been met, the final romance conversation occurs after Bastila leaves the Rakatan temple summit. When you talk to Juhani, she will confess her feelings to you. If you have installed Kexikus' Juhani Romance Enhancement mod (see the Mod Recommendation section below for details), the conversation will be triggered automatically when you are leaving the temple summit, so you do not need to initiate the conversation yourself. <a href="https://youtu.be/WOcXeIqpBiQ" target="_blank">[YouTube video for vanilla version]</a> <a href="https://youtu.be/oFQDmmRUx4E" target="_blank">[YouTube video for Juhani Romance Enhancement mod version]</a></p>
</div>
<div class="content-section">
<h2>Mod Recommendations</h2>
<p>These mods are not required to complete Juhani's romance, but they add or enhance Juhani's content.</p>
<header-component></header-component>
<main>
<aside class="left-sidebar">
<div class="sidebar__toc">
<h3 class="sidebar__toc-title">Contents</h3>
<ul class="sidebar__toc-list">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Notes">Important Notes</a></li>
<li><a href="#Walkthrough">Walkthrough</a></li>
<ul>
<li><a href="http://deadlystream.com/files/file/772-juhani-romance-enhancement/" target="_blank">Juhani Romance Enhancement</a><strong> by Kexikus:</strong> Improves the final romance conversation with Juhani, including triggering the conversation automatically when you are about to leave the temple summit, instead of having to talk to Juhani yourself to initiate the conversation, provided you have met the conditions to make this conversation available (detailed in the Walkthrough section above), as well as adding a kiss between Juhani and the female player character.</li>
<li><a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a><strong>:</strong> Even though this bug fix mod is not specifically about Juhani, it fixes many bugs and issues related to Juhani's content, including but not limited to:</li>
<ul>
<li>Juhani wouldn't spawn in the post-Leviathan scene on the Ebon Hawk</li>
<li>If doing certain Juhani's conversations in the wrong order, it was possible to block any further progress in Juhani's Personal Conversation path, and prevent you from accessing Juhani's final romance conversation</li>
<li>No other messengers could appear once the "Threat From Xor" quest is started</li>
<li>The second Xor encounter was impossible to start if you first meet him and his goons without Juhani in your party</li>
<li>The second Xor encounter is unavailable on Tatooine</li>
<li>Xor is a Twi'lek, despite him being a human in the Xbox version of KotOR, and him openly making anti-alien comments (NOTE: This fix was originally done by my <a href="http://deadlystream.com/files/file/1091-human-xor-restoration/" target="_blank">Human Xor Restoration</a> mod. I have given permission to include my mod in this Community Patch)</li>
</ul>
<li><a href="https://deadlystream.com/files/file/2173-juhani-dialogue-restoration/" target="_blank">Juhani Dialogue Restoration</a><strong> by Leilukin:</strong> My mod. Restores Juhani's conversations with the player that are unused or easy to miss in vanilla KotOR, including:</li>
<ul>
<li>Asking Juhani about the planet you are on</li>
<li>Asking Juhani about why she is hostile towards Canderous</li>
<li>Juhani talking about the evils on Korriban</li>
</ul>
<li><a href="https://deadlystream.com/files/file/2147-human-xor-unique-look/" target="_blank">Human Xor Unique Look</a><strong> by Leilukin:</strong> My mod. Changes Xor's species from a Twi'lek to a human to fit his anti-alien nature and dialogue, with a unique appearance different from other human NPCs. This mod is listed on this guide because Xor is tied to Juhani's personal quest.</li>
<li><a href="https://deadlystream.com/files/file/567-party-on-the-leviathan/" target="_blank">Party on the Leviathan!</a><strong> by Fair Strides:</strong> Restores Juhani's conversation, including romance conversation with a female player character, on the Leviathan, by spawning the rest of the Ebon Hawk crew on the Leviathan after you are rescued.</li>
</ul>
<p><strong>NOTE: I DO NOT support any mods that make Juhani a romance option for male characters under any circumstances. In addition, I DO NOT support any mods that make Juhani look like a human.</strong></p>
</div>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h3 class="toc-title">Contents</h3>
<ul class="toc-list">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Notes">Important Notes</a></li>
<li><a href="#Walkthrough">Walkthrough</a></li>
<ul>
<li><a href="#History">History Conversation Path</a></li>
<li><a href="#Personal">Personal Conversation Path</a></li>
</ul>
<li><a href="#Mods">Mod Recommendations</a></li>
<li><a href="#History">History Conversation Path</a></li>
<li><a href="#Personal">Personal Conversation Path</a></li>
</ul>
</div>
</aside>
<li><a href="#Mods">Mod Recommendations</a></li>
</ul>
</div>
</aside>
</div>
<footer id="footer"></footer>
</div>
<article>
<section class="article-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Juhani Romance Guide</h1>
<center><p>Written by Leilukin</p>
<p>First published on March 5, 2016<br>Last updated on October 12, 2022</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">Google Docs</a>]</p></center>
<p>The contents of this guide may not be reposted, in whole or in part, without my permission. You may quote a part of this guide to help players who have problems with progressing or completing Juhani's romance, but DO NOT claim this guide as your own.</p>
</section>
<section class="article-section">
<h2 id="Introduction">Introduction</h2>
<p>Since I could not find a solid and detailed guide for Juhani's romance anywhere, and many players (I used to be one of them as well) have troubles with triggering Juhani's final romance conversation, I have decided to write a guide myself. Even though there is very little content for Juhani's romance, if you want to experience the very first canon same-gender romance option in BioWare games first hand, this guide is for you.</p>
<p>For this guide, I have done a lot of research and investigation to find out the conditions required to trigger Juhani's conversations, including tons of web searching, using KotOR Tool to browse and examine the game files related to Juhani's conversations, as well as using KotOR SaveGame Editor (KSE) to compare my save files.</p>
<p><strong>NOTE:</strong> Even if you use KotOR 1 Restoration (K1R) mod, the conditions to progress Juhani's romance remains the same as vanilla KotOR 1. However, I recommend using <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a> (K1CP) instead of K1R due to the fact K1CP fixes more bugs than K1R does, including bugs related to Juhani.</p>
</section>
<section class="article-section">
<h2 id="Notes">Important Notes</h2>
<p>First and foremost, since Juhani was written to be a lesbian, <strong>your player character must be female if you want to romance Juhani</strong>. The game activates Juhani's romance ONLY IF your player character is female.</p>
<p>As long as your player character is female, even if you romance Carth, Bastila (if you use mods that allow the female player character to romance Bastila, such as the <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">Biromantic Bastila mod</a>) or even both, you can still romance Juhani.</p>
<p>In order to advance your progress with Juhani's conversations, it is highly recommended to <strong>talk to Juhani and go through all her available conversations every time you level up.</strong> The progression with Juhani's conversations is tied in with the ability to level up, not just being at a certain level. Some Juhani's conversations will only be triggered after you gain 1 level after a previous conversation (see the Walkthrough section below for details). Given the limited level cap in KotOR 1 (the maximum level is 20), if you do not talk to Juhani often before you reach the level cap, it is very likely you will miss out on the chance to get her later conversations, including her final romance conversation.</p>
<p><strong>You also need to complete Juhani's personal quest, "Threat From Xor", to make her final romance conversation available.</strong></p>
<p><strong>You need to be nice to Juhani during your conversations with her</strong>, because mean dialogue choices will set the global boolean <span class="monospace">T_JUHANIROM</span> to 0, ending the romance, and apparently it is impossible to restart the romance afterwards.</p>
<p>Before you start a new KotOR playthrough, I highly recommend you to download and install the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, because the mod fixes many bugs with KotOR, including bugs that may block you from progressing Juhani's quest and conversations.</p>
<p><strong>(WARNING: this guide contains spoilers for both Juhani's personal story and KotOR's main plot)</strong></p>
</section>
<section class="article-section">
<h2 id="Walkthrough">Walkthrough</h2>
<p>There are two paths in Juhani's conversations: <strong>History</strong> and <strong>Personal</strong>. The History path explores Juhani's past and will lead to Juhani's personal quest "Threat from Xor", while the Personal path explores Juhani's relationship with the player character and will lead to Juhani's love confession if her romance is active.</p>
<p>You can check your progress with Juhani's conversations by using the <a href="http://deadlystream.com/files/file/503-kotor-savegame-editor/" target="_blank">KotOR SaveGame Editor</a> (KSE). Once you launch KSE, and it successfully loads your KotOR save files, expand a save file, and look for Globals > Numerics, <span class="monospace">G_JUHANIH_STATE</span> refers to the History path, while <span class="monospace">G_JUHANIP_STATE</span> refers to the Personal path. The walkthrough below contains details on how to trigger all the conversations required to make the final romance conversation available, the global values in KSE, and links to YouTube videos for these conversations.</p>
<p>In addition, you can check if Juhani's romance is still active by using KSE: look for Globals > Booleans, and make sure <span class="monospace">T_JUHANIROM</span> is set to 1.</p>
<h3 id="History">History Conversation Path</h3>
<p><strong>History #1:</strong> This conversation is available once Juhani joins your party, which happens after you collect your first Star Map on Dantooine, and you're tasked by the Jedi Council to search for the Star Forge. You can ask Juhani how did she become a Jedi. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 1. <a href="https://youtu.be/cmY7dQJH93Y" target="_blank">[YouTube video]</a></p>
<p><strong>History #2:</strong> Available when you gain 1 level after History #1. Juhani talks about meeting the Jedi back in her homeworld. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 2. <a href="https://youtu.be/4itTaqLKQPQ" target="_blank">[YouTube video]</a></p>
<p><strong>History #3:</strong> Available when you gain 1 level after History #2. Juhani reveals that she was from Taris, and she expresses anger over the destruction of Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 3. <a href="https://youtu.be/Foj1nmouoIU" target="_blank">[YouTube video]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> There is a bug that may block you from progressing Juhani's Personal Conversation path after you complete History #3, and thus preventing you from triggering Juhani's final romance conversation. See the "Personal Conversation Path" section below for more details about this bug. This bug is fixed by the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, which is a major reason I highly recommend this mod.</li>
<li>If you are unable to install mods for some reason, I would suggest that once you complete History #3, stop leveling up your character. Once you get your second Star Map (the Dantooine Star Map counts as the first Star Map), complete Personal #3 <em>AND</em> Personal #4 at once. After all that is done, you can now level up to trigger History #4.</li>
</ul>
<p><strong>History #4:</strong> Available when you gain 1 level after History #3. Juhani apologizes for her outburst over Taris' destruction, and recalls her life on Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 4. <a href="https://youtu.be/x8Q5bXWXwKU" target="_blank">[YouTube video]</a></p>
<p><strong>History #5:</strong> Available when you gain 1 level after History #4. Juhani talks about how her parents and her ended up on Taris. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 5. <a href="https://youtu.be/ZFzIbtScsus" target="_blank">[YouTube video]</a></p>
<p><strong>History #6:</strong> Available when you gain 1 level after History #5. Juhani talks about her being sold into slavery after her parents died. After this conversation, the global value of <span class="monospace">G_JUHANIH_STATE</span> will be set to 6. This conversation will also make Juhani's personal quest, "Threat From Xor" available. <a href="https://youtu.be/2GJW_mBVADs" target="_blank">[YouTube video]</a></p>
<p><strong>"Threat From Xor" quest:</strong> This quest will be available after you have completed History #6, where Juhani talks about her being sold into slavery. Have Juhani in your party and walk around the spaceport on Tatooine, Kashyyyk, Manaan or Korriban. A character named Xor will approach Juhani and reveal that he was the slaver who attempted to buy Juhani on Taris before the latter was freed by the Jedi. Xor leaves, but he threatens to come back later.</p>
<p>The second encounter with Xor happens when you come back just outside the Ebon Hawk by using the Rapid Transit system. Xor will ambush you and Juhani. Once you defeat Xor, you can either let him die or encourage Juhani to kill him.</p>
<p>After you have dealt with Xor, if you have completed Personal #6 (detailed below), the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 10. <a href="https://youtu.be/Px1JTr7vf9Q" target="_blank">[YouTube video for the whole quest]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> There is an infamous bug with the Xor quest that once you trigger the quest, even after completing it, you will not be able to encounter any other messengers for your other party members' personal quests, and for Mika Dorin's premium shop on Korriban. The fix for this bug is included in the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a> and the KotOR 1 Restoration (K1R) mod.</li>
</ul>
<h3 id="Personal">Personal Conversation Path</h3>
<p><strong>Personal #1:</strong> Available once Juhani joins your party. She apologizes again for attacking you back on Dantooine. Once you begin this conversation, if &mdash; and ONLY IF &mdash; your player character is female, the global boolean <span class="monospace">T_JUHANIROM</span> will be set to 1, which means Juhani's romance will become active. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 1. <a href="https://youtu.be/jzqfXoOvGrw" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #2:</strong> Available after completing Personal #1. Juhani talks about Quatra and her fall to the dark side. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 2. <a href="https://youtu.be/minhfrQhCQI" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #3:</strong> Available after completing Personal #2 and getting 2 Star Maps (including the Dantooine one). Juhani expresses gratitude to you for accepting her throughout your journey. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 3. <a href="https://youtu.be/y_rM2l83HDo" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #4:</strong> Available once you complete History #3 <em>and</em> Personal #3. Juhani describes the life of being an alien on Taris is like hell. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 4. <a href="https://youtu.be/BOq0fehoYkg" target="_blank">[YouTube video]</a></p>
<ul style="list-style: none;">
<li><strong>BUG WARNING:</strong> Personal #4 is by far the trickiest to trigger of all Juhani's conversations. There is a bug that once you complete History #3, if you level up even just once, History #4 will override Personal #4, making Personal #4 unavailable, and you will be unable to get the later conversations in the Personal Conversation path (except Personal #7 below), including the final romance conversation. In fact, I found that missing out Personal #4 was <em>the</em> reason I was unable to get Juhani's final romance conversation in my old playthrough. This bug is fixed by the <a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a>, which is a major reason I highly recommend this mod.</li><br>
<li>If you are unable to install mods for some reason, I would suggest that once you complete History #3, stop leveling up your character. Once you get your second Star Map (the Dantooine Star Map counts as the first Star Map), complete Personal #3, then <em>immediately</em> talk to Juhani again to check if Personal #4 is available. After you successfully trigger Personal #4 and complete the conversation, you can now level up your character to proceed to History #4 and beyond.</li>
</ul>
<p><strong>Personal #5:</strong> Available when you gain 1 level after Personal #4. Juhani asks about your past. After this conversation, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 6. <a href="https://youtu.be/6tFlMgigkc0" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #6:</strong> Available after completing Personal #5 and getting 3 Star Maps (including the Dantooine one). Juhani comments on your alignment (light side, dark side or neutral). After this conversation, if you have completed the "Threat From Xor" quest, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 10; if you have not, the global value of <span class="monospace">G_JUHANIP_STATE</span> will be set to 7. <a href="https://youtu.be/O2t9qSNGzgQ" target="_blank">[YouTube video for light side version]</a></p>
<p><strong>Personal #7:</strong> Available after completing the Leviathan level. Juhani comments on the reveal that the player character is Revan. This conversation is not required to trigger Juhani's final romance conversation, but I include it here because not only it is classified as part of the Personal conversation path by the game files, but also it is a very important element in Juhani and Revan's relationship. <a href="https://youtu.be/vklWpPBF7mA" target="_blank">[YouTube video]</a></p>
<p><strong>Personal #8:</strong> The final conversation, which is also Juhani's love confession, in order to make this final romance conversation available, you must meet ALL the following conditions:</p>
<ol>
<li>You have completed Personal #6 <em>and</em> the "Threat From Xor" quest. If you use KotOR SaveGame Editor to check your progress, <strong>the global value of <span class="monospace">G_JUHANIP_STATE</span> must be 10.</strong></li>
<li>During the confrontation with Bastila at the Rakatan temple summit on the Unknown World, <strong>you must reject Bastila's suggestion to reclaim the title of Dark Lord of the Sith and rule the galaxy</strong>, which gives you the light side ending of the game. If you choose to agree with Bastila's suggestion, you will be forced to kill Juhani (and Jolee), which ends the romance, and you will get the dark side ending of the game.</li>
</ol>
<p>Provided the above conditions have been met, the final romance conversation occurs after Bastila leaves the Rakatan temple summit. When you talk to Juhani, she will confess her feelings to you. If you have installed Kexikus' Juhani Romance Enhancement mod (see the Mod Recommendation section below for details), the conversation will be triggered automatically when you are leaving the temple summit, so you do not need to initiate the conversation yourself. <a href="https://youtu.be/WOcXeIqpBiQ" target="_blank">[YouTube video for vanilla version]</a> <a href="https://youtu.be/oFQDmmRUx4E" target="_blank">[YouTube video for Juhani Romance Enhancement mod version]</a></p>
</section>
<section class="article-section">
<h2>Mod Recommendations</h2>
<p>These mods are not required to complete Juhani's romance, but they add or enhance Juhani's content.</p>
<ul>
<li><a href="http://deadlystream.com/files/file/772-juhani-romance-enhancement/" target="_blank">Juhani Romance Enhancement</a><strong> by Kexikus:</strong> Improves the final romance conversation with Juhani, including triggering the conversation automatically when you are about to leave the temple summit, instead of having to talk to Juhani yourself to initiate the conversation, provided you have met the conditions to make this conversation available (detailed in the Walkthrough section above), as well as adding a kiss between Juhani and the female player character.</li>
<li><a href="https://deadlystream.com/files/file/1258-kotor-1-community-patch/" target="_blank">KOTOR 1 Community Patch</a><strong>:</strong> Even though this bug fix mod is not specifically about Juhani, it fixes many bugs and issues related to Juhani's content, including but not limited to:</li>
<ul>
<li>Juhani wouldn't spawn in the post-Leviathan scene on the Ebon Hawk</li>
<li>If doing certain Juhani's conversations in the wrong order, it was possible to block any further progress in Juhani's Personal Conversation path, and prevent you from accessing Juhani's final romance conversation</li>
<li>No other messengers could appear once the "Threat From Xor" quest is started</li>
<li>The second Xor encounter was impossible to start if you first meet him and his goons without Juhani in your party</li>
<li>The second Xor encounter is unavailable on Tatooine</li>
<li>Xor is a Twi'lek, despite him being a human in the Xbox version of KotOR, and him openly making anti-alien comments (NOTE: This fix was originally done by my <a href="http://deadlystream.com/files/file/1091-human-xor-restoration/" target="_blank">Human Xor Restoration</a> mod. I have given permission to include my mod in this Community Patch)</li>
</ul>
<li><a href="https://deadlystream.com/files/file/2173-juhani-dialogue-restoration/" target="_blank">Juhani Dialogue Restoration</a><strong> by Leilukin:</strong> My mod. Restores Juhani's conversations with the player that are unused or easy to miss in vanilla KotOR, including:</li>
<ul>
<li>Asking Juhani about the planet you are on</li>
<li>Asking Juhani about why she is hostile towards Canderous</li>
<li>Juhani talking about the evils on Korriban</li>
</ul>
<li><a href="https://deadlystream.com/files/file/2147-human-xor-unique-look/" target="_blank">Human Xor Unique Look</a><strong> by Leilukin:</strong> My mod. Changes Xor's species from a Twi'lek to a human to fit his anti-alien nature and dialogue, with a unique appearance different from other human NPCs. This mod is listed on this guide because Xor is tied to Juhani's personal quest.</li>
<li><a href="https://deadlystream.com/files/file/567-party-on-the-leviathan/" target="_blank">Party on the Leviathan!</a><strong> by Fair Strides:</strong> Restores Juhani's conversation, including romance conversation with a female player character, on the Leviathan, by spawning the rest of the Ebon Hawk crew on the Leviathan after you are rescued.</li>
</ul>
<p><strong>NOTE: I DO NOT support any mods that make Juhani a romance option for male characters under any circumstances. In addition, I DO NOT support any mods that make Juhani look like a human.</strong></p>
</section>
</article>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

251
shrines/starwarskotor/guides/kotor-redeeming-bastila-guide.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,153 +12,146 @@
<meta property="og:description" content="Walkthrough of how to redeem Bastila in the light side ending of Star Wars: Knights of the Old Republic">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Redeeming Bastila Guide | Guides | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<aside class="left-sidebar">
<h3 class="sidebar__toc-title">Contents</h3>
<ul class="sidebar__toc-list">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Mechanics">The Mechanics of Redeeming Bastila</a></li>
<li><a href="#Walkthrough">Dialogue Walkthrough</a></li>
</ul>
</aside>
<div id="flex">
<article>
<section class="article-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Redeeming Bastila Guide</h1>
<center><p>written by Leilukin</p>
<p>First published on September 16, 2018</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1HrrzojpHv9oekvDPjTmBAwdXTf6QhY8tC8RuioKFXmE/edit" target="_blank">Google Docs</a>]</p></center>
</section>
<section class="article-section">
<h2 id="Introduction">Introduction</h2>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<p>In <em>Star Wars: Knights of the Old Republic</em>, towards the end of the game you will be provided the opportunity to determine which ending you will get, and there will be consequences of your choice there.</p>
<main>
<div class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Redeeming Bastila Guide</h1>
<center><p>written by Leilukin</p>
<p>First published on September 16, 2018</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1HrrzojpHv9oekvDPjTmBAwdXTf6QhY8tC8RuioKFXmE/edit" target="_blank">Google Docs</a>]</p></center>
</div>
<p>Specifically, on the Rakatan temple summit at the Unknown World, you will meet Basila, who at that point has fallen to the dark side. After some dialogue and you fought Bastila, Bastila will suggest you to reclaim the title of the Dark Lord of the Sith and rule the galaxy. If you choose to agree with Bastila's suggestion, you will get the dark side ending, with a lot of dark side points. However, if you choose to reject Bastila's suggestion, you will get the light side ending, with a lot of light side points.</p>
<p>If you choose the light side ending, you will face the fallen Bastila again in the Star Forge. Depending on your dialogue choices, you will either successfully convince Bastila to return to the light side, or you kill her if you fail to do so.</p>
<p>This guide will provide in-depth details on how the mechanics of redeeming Bastila on the Star Forge works, and which dialogue options will give you a better chance in successfully redeeming Bastila.</p>
<p>For this guide, I have used KotOR Tool, DLGEditor and DeNCS to investigate the relevant dialogue file and scripts.</p>
</section>
<section class="article-section">
<h2 id="Mechanics">The Mechanics of Redeeming Bastila</h2>
<p>The game uses a point system to determine if you will succeed in redeeming Bastila based on the amount of points you earn throughout the conversations when you face Bastila on the Star Forge. Some dialogue options will earn you points to increase your chance in redeeming Bastila.</p>
<p>In general, to successfully convince Bastila to return to the light side, you need to choose dialogue options that say you believe that Bastila still has the light side in her, that she can be saved, tell her about the dangers of the dark side or remind her about the Jedi's teaching, and choose these options as much as possible.</p>
<p>In the final part of Bastila's dialogue, when Bastila says she is beyond saving, do not agree with her because it will make you kill her.</p>
<p>There will be [Persuade] options in the final part of Bastila's dialogue. While it is possible to save Bastila without choosing the [Persuade] options as long as you choose the right dialogue options, if you invest skill points in Persuade and pass the Persuade check, it would also be easier to save Bastila. If you want to learn more about the Persuade mechanic in KotOR, you can check out <a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic/Skills#Persuade" target="_blank">this page</a>.</p>
<p>An active romance with Bastila will make it easier to save Bastila. Although in vanilla KotOR, only a male player character can romance Bastila, this mechanic also works for a female PC who romances Bastila with mods like <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">JC's Romance Enhancement: Biromantic Bastila</a>. That said, it is possible to redeem Bastila even if you do not romance her.</p>
</section>
<section class="article-section">
<h2 id="Walkthrough">Dialogue Walkthrough</h2>
<p>There are 4 phases in your conversation with Bastila in the Star Forge, as each phase will end with you and Bastila fight, and Bastila will initiate new dialogue each time you defeat her. There are dialogue options in each phase that will increase your points in your chance to save Bastila.</p>
<p>Below is a full walkthrough of the dialogue options that will maximize your points to successfully redeem Bastila.</p>
<h3>Phase 1</h3>
<p>Once you find Bastila in the Star Forge, Bastila will start the conversation by saying, "Revan - I knew you'd come for me." When you are provided with dialogue options:</p>
<ul>
<li>Choose the <strong>"I'll never give up on you, Bastila. I know you can still be saved."</strong> option to gain 2 points.</li>
</ul>
<p>Regardless of your dialogue choice here, you and Bastila will fight.</p>
<h3>Phase 2</h3>
<p>After you defeat Bastila for the first time, Bastila will initiate conversation again by saying, "I see now why Malak followed you...". After Bastila says, "You were a fool to give it all up and follow the light side.":</p>
<ul>
<li>Choose either <strong>"I am as strong in the light as I ever was following the dark side."</strong> or <strong>"You've been consumed by the dark side, Bastila. Can't you see it's destroying you?"</strong> to gain 1 point.</li>
</ul>
<p>If you choose either of the above options, Bastila will argue. When she says "Eventually there will be no limit to what I can accomplish with the Force!":</p>
<ul>
<li>Choose <strong>"You will accomplish death and destruction with the dark side, nothing else."</strong> to gain 1 point. If you choose this option or <em>"Malak will never let you become that powerful. He will kill you first."</em> (Note: this option does not give you any points), Bastila will argue again, choose <strong>"You're dooming yourself to an endless cycle of death and betrayal."</strong> to gain 1 point.</li>
</ul>
<p>You and Bastila will fight again.</p>
<h3>Phase 3</h3>
<p>After you defeat Bastila for the second time, Bastila will say, "You are growing weary, I can sense it!" After she says "... Soon this will all be over!":</p>
<ul>
<li>Choose <strong>"Your emotions get the better of you, Bastila. Remember the Jedi code."</strong> to gain 1 point.</li>
<li>Alternately, choose<strong> "Then strike me down, Bastila. I won't defend myself."</strong> to gain 2 points. Any of the dialogue options following this will gain another 2 points. Specifically:</li>
<ul>
<li><strong>"Remember what you once were, Bastila. A Jedi would never strike down a defenseless opponent."</strong></li>
<li><strong>"You are not evil, Bastila. You will not strike down a defenseless opponent."</strong></li>
<li>If you romance Bastila, you have an additional option: <strong>"We meant something to each other, once. I don't believe you will strike me down."</strong></li>
</ul>
</ul>
<p>You and Bastila will fight again.</p>
<div class="content-section">
<h2 id="Introduction">Introduction</h2>
<h3>Phase 4</h3>
<p>In <em>Star Wars: Knights of the Old Republic</em>, towards the end of the game you will be provided the opportunity to determine which ending you will get, and there will be consequences of your choice there.</p>
<p>After you defeat Bastila for the last time, and Bastila questions, "Why can't I defeat you?":</p>
<ul>
<li>Choose <strong>"Now you see the dark side is not stronger than the light."</strong> to gain 1 point.</li>
</ul>
<p>Specifically, on the Rakatan temple summit at the Unknown World, you will meet Basila, who at that point has fallen to the dark side. After some dialogue and you fought Bastila, Bastila will suggest you to reclaim the title of the Dark Lord of the Sith and rule the galaxy. If you choose to agree with Bastila's suggestion, you will get the dark side ending, with a lot of dark side points. However, if you choose to reject Bastila's suggestion, you will get the light side ending, with a lot of light side points.</p>
<p>Later when Bastila says "End my life quickly. There is no other way.", choose <strong>"I could never kill you, Bastila."</strong> if you romance her, or <strong>"There's no need for me to kill you, Bastila."</strong> if you do not.</p>
<p>If you choose the light side ending, you will face the fallen Bastila again in the Star Forge. Depending on your dialogue choices, you will either successfully convince Bastila to return to the light side, or you kill her if you fail to do so.</p>
<p>After Bastila says "You cannot let me live", choose <strong>"You can reject the dark side, Bastila. Return to the light."</strong> to gain 2 points.</p>
<p>This guide will provide in-depth details on how the mechanics of redeeming Bastila on the Star Forge works, and which dialogue options will give you a better chance in successfully redeeming Bastila.</p>
<p>For this guide, I have used KotOR Tool, DLGEditor and DeNCS to investigate the relevant dialogue file and scripts.</p>
</div>
<div class="content-section">
<h2 id="Mechanics">The Mechanics of Redeeming Bastila</h2>
<p>The game uses a point system to determine if you will succeed in redeeming Bastila based on the amount of points you earn throughout the conversations when you face Bastila on the Star Forge. Some dialogue options will earn you points to increase your chance in redeeming Bastila.</p>
<p>In general, to successfully convince Bastila to return to the light side, you need to choose dialogue options that say you believe that Bastila still has the light side in her, that she can be saved, tell her about the dangers of the dark side or remind her about the Jedi's teaching, and choose these options as much as possible.</p>
<p>In the final part of Bastila's dialogue, when Bastila says she is beyond saving, do not agree with her because it will make you kill her.</p>
<p>There will be [Persuade] options in the final part of Bastila's dialogue. While it is possible to save Bastila without choosing the [Persuade] options as long as you choose the right dialogue options, if you invest skill points in Persuade and pass the Persuade check, it would also be easier to save Bastila. If you want to learn more about the Persuade mechanic in KotOR, you can check out <a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic/Skills#Persuade" target="_blank">this page</a>.</p>
<p>An active romance with Bastila will make it easier to save Bastila. Although in vanilla KotOR, only a male player character can romance Bastila, this mechanic also works for a female PC who romances Bastila with mods like <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">JC's Romance Enhancement: Biromantic Bastila</a>. That said, it is possible to redeem Bastila even if you do not romance her.</p>
</div>
<div class="content-section">
<h2 id="Walkthrough">Dialogue Walkthrough</h2>
<p>There are 4 phases in your conversation with Bastila in the Star Forge, as each phase will end with you and Bastila fight, and Bastila will initiate new dialogue each time you defeat her. There are dialogue options in each phase that will increase your points in your chance to save Bastila.</p>
<p>Below is a full walkthrough of the dialogue options that will maximize your points to successfully redeem Bastila.</p>
<h3>Phase 1</h3>
<p>Once you find Bastila in the Star Forge, Bastila will start the conversation by saying, "Revan - I knew you'd come for me." When you are provided with dialogue options:</p>
<p>When Bastila says, "I can no longer find peace in the Force":</p>
<ul>
<li>Choose the [Persuade] option. The [Persuade] options are different depending on if you romance Bastila or not.</li>
<ul>
<li>Choose the <strong>"I'll never give up on you, Bastila. I know you can still be saved."</strong> option to gain 2 points.</li>
<li>If romanced, choose <strong>"[Persuade] Use our bond, then. Take your strength from me."</strong> Succeeding in this persuasion option requires an Easy Persuade check. If you pass the check, you will gain 2 points. Later, choose <strong>"[Persuade] I love you, Bastila. I can't abandon you, ever."</strong> Again, succeeding in this persuasion option requires an Easy Persuade check. If you pass the check, you will gain 5 points.</li>
<li>If not romanced, choose <strong>"[Persuade] Turn to the Jedi code, Bastila. It can help you."</strong> This requires a Medium Persuade check. If you pass the check, you will gain 2 points. Later, choose <strong>"[Persuade] Look into your heart, Bastila, and you will find the light."</strong> Again, succeeding in this persuasion option requires a Medium Persuade check. If you pass the check, you will gain 3 points.</li>
</ul>
<li aria-level="1">Alternately, if you are worried that you may fail the [Persuade] check, you can choose<strong> "I was redeemed, Bastila. You can be, too."</strong> to add 1 point. When Bastila responses with "I was supposed to protect you from the dark side", choose <strong>"You can't protect someone from the dark side. Each individual must choose their own path."</strong> to add 1 point, or if you romance her, choose <strong>"You did more than protect me, Bastila."</strong> to gain 1 point. Note that these dialogue options were also available after you choose the [Persuade] options, so if you want to gain the maximum amount of points, you may choose all these options.</li>
</ul>
<p>Regardless of your dialogue choice here, you and Bastila will fight.</p>
<p>If you want to redeem Bastila, eventually you need to choose <strong>"Help us defeat the Sith, Bastila. This will atone for what you have done."</strong> and then <strong>"I trust you enough to leave myself open to your attack, Bastila."</strong>.</p>
<h3>Phase 2</h3>
<p>If you have gained <strong>at least 10 points in total</strong>, Bastila will respond with <strong>"You are brave... and some would say foolish. But you are also right. The dark side has not wholly consumed me. I cannot raise my blade against you."</strong> If Bastila says this to you, congratulations! You have saved her!</p>
<p>After you defeat Bastila for the first time, Bastila will initiate conversation again by saying, "I see now why Malak followed you...". After Bastila says, "You were a fool to give it all up and follow the light side.":</p>
<ul>
<li>Choose either <strong>"I am as strong in the light as I ever was following the dark side."</strong> or <strong>"You've been consumed by the dark side, Bastila. Can't you see it's destroying you?"</strong> to gain 1 point.</li>
</ul>
<p>From this point, regardless of your dialogue option, Bastila will stay behind and use her Battle Meditation to help the Republic, while you go to face Darth Malak alone.</p>
</section>
</article>
<p>If you choose either of the above options, Bastila will argue. When she says "Eventually there will be no limit to what I can accomplish with the Force!":</p>
<ul>
<li>Choose <strong>"You will accomplish death and destruction with the dark side, nothing else."</strong> to gain 1 point. If you choose this option or <em>"Malak will never let you become that powerful. He will kill you first."</em> (Note: this option does not give you any points), Bastila will argue again, choose <strong>"You're dooming yourself to an endless cycle of death and betrayal."</strong> to gain 1 point.</li>
</ul>
<p>You and Bastila will fight again.</p>
<h3>Phase 3</h3>
<p>After you defeat Bastila for the second time, Bastila will say, "You are growing weary, I can sense it!" After she says "... Soon this will all be over!":</p>
<ul>
<li>Choose <strong>"Your emotions get the better of you, Bastila. Remember the Jedi code."</strong> to gain 1 point.</li>
<li>Alternately, choose<strong> "Then strike me down, Bastila. I won't defend myself."</strong> to gain 2 points. Any of the dialogue options following this will gain another 2 points. Specifically:</li>
<ul>
<li><strong>"Remember what you once were, Bastila. A Jedi would never strike down a defenseless opponent."</strong></li>
<li><strong>"You are not evil, Bastila. You will not strike down a defenseless opponent."</strong></li>
<li>If you romance Bastila, you have an additional option: <strong>"We meant something to each other, once. I don't believe you will strike me down."</strong></li>
</ul>
</ul>
<p>You and Bastila will fight again.</p>
<h3>Phase 4</h3>
<p>After you defeat Bastila for the last time, and Bastila questions, "Why can't I defeat you?":</p>
<ul>
<li>Choose <strong>"Now you see the dark side is not stronger than the light."</strong> to gain 1 point.</li>
</ul>
<p>Later when Bastila says "End my life quickly. There is no other way.", choose <strong>"I could never kill you, Bastila."</strong> if you romance her, or <strong>"There's no need for me to kill you, Bastila."</strong> if you do not.</p>
<p>After Bastila says "You cannot let me live", choose <strong>"You can reject the dark side, Bastila. Return to the light."</strong> to gain 2 points.</p>
<p>When Bastila says, "I can no longer find peace in the Force":</p>
<ul>
<li>Choose the [Persuade] option. The [Persuade] options are different depending on if you romance Bastila or not.</li>
<ul>
<li>If romanced, choose <strong>"[Persuade] Use our bond, then. Take your strength from me."</strong> Succeeding in this persuasion option requires an Easy Persuade check. If you pass the check, you will gain 2 points. Later, choose <strong>"[Persuade] I love you, Bastila. I can't abandon you, ever."</strong> Again, succeeding in this persuasion option requires an Easy Persuade check. If you pass the check, you will gain 5 points.</li>
<li>If not romanced, choose <strong>"[Persuade] Turn to the Jedi code, Bastila. It can help you."</strong> This requires a Medium Persuade check. If you pass the check, you will gain 2 points. Later, choose <strong>"[Persuade] Look into your heart, Bastila, and you will find the light."</strong> Again, succeeding in this persuasion option requires a Medium Persuade check. If you pass the check, you will gain 3 points.</li>
</ul>
<li aria-level="1">Alternately, if you are worried that you may fail the [Persuade] check, you can choose<strong> "I was redeemed, Bastila. You can be, too."</strong> to add 1 point. When Bastila responses with "I was supposed to protect you from the dark side", choose <strong>"You can't protect someone from the dark side. Each individual must choose their own path."</strong> to add 1 point, or if you romance her, choose <strong>"You did more than protect me, Bastila."</strong> to gain 1 point. Note that these dialogue options were also available after you choose the [Persuade] options, so if you want to gain the maximum amount of points, you may choose all these options.</li>
</ul>
<p>If you want to redeem Bastila, eventually you need to choose <strong>"Help us defeat the Sith, Bastila. This will atone for what you have done."</strong> and then <strong>"I trust you enough to leave myself open to your attack, Bastila."</strong>.</p>
<p>If you have gained <strong>at least 10 points in total</strong>, Bastila will respond with <strong>"You are brave... and some would say foolish. But you are also right. The dark side has not wholly consumed me. I cannot raise my blade against you."</strong> If Bastila says this to you, congratulations! You have saved her!</p>
<p>From this point, regardless of your dialogue option, Bastila will stay behind and use her Battle Meditation to help the Republic, while you go to face Darth Malak alone.</p>
</div>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h3 class="toc-title">Contents</h3>
<ul class="toc-list">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Mechanics">The Mechanics of Redeeming Bastila</a></li>
<li><a href="#Walkthrough">Dialogue Walkthrough</a></li>
</ul>
</div>
</aside>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

181
shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,103 +12,108 @@
<meta property="og:description" content="Walkthrogh of the different ways to resolve the Sandral-Matale Feud quest in Star Wars: Knights of the Old Republic">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Sandral-Matale Feud Ending Guide | Guides | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<section class="article-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Sandral-Matale Feud Ending Guide</h1>
<center><p>written by Leilukin</p>
<p>First published on September 22, 2018</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1cHed1SQZym-F3_4rynL0BbxfGjUNmIPWANWgL0L9SR8/edit" target="_blank">Google Docs</a>]</p></center>
</section>
<section class="article-section">
<h2>Introduction</h2>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<p>This guide is requested by Deadly Stream user Sith Holocron.</p>
<main>
<div class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em>: Sandral-Matale Feud Ending Guide</h1>
<center><p>written by Leilukin</p>
<p>First published on September 22, 2018</p>
<p>[This guide is also available on <a href="https://docs.google.com/document/d/1cHed1SQZym-F3_4rynL0BbxfGjUNmIPWANWgL0L9SR8/edit" target="_blank">Google Docs</a>]</p></center>
</div>
<p>In <em>Star Wars: Knights of the Old Republic</em>, there is a side quest on Dantooine named "Sandral-Matale Feud", which you receive after you have dealt with Juhani at the grove and met the Jedi Council.</p>
<p>This quest line revolves around a family feud between the Sandrals and the Matales, mainly between their patriarchs, Nurik Sandral and Ahlan Matale. As you progress the quest line, you will discover that Nurik's daughter, Rahasia and Ahlan's son, Shen are romantically involved. The quest line will lead to a heated confrontation between Nurik and Ahlan, and there are multiple ways to resolve the quest line.</p>
<p>This guide will provide details on the different ways to resolve the Sandral-Matele feud, and how to achieve those endings.</p>
</section>
<section class="article-section">
<h2>Sandral-Matale Feud Resolution Walkthrough</h2>
<p>After you rescue Shen and meet Rahasia outside the Sandral estate, you will be confronted by Ahlan Matale and Nurik Sandral, Shen and Rahasia's fathers respectively.</p>
<p>After Ahlan yells at Nurik, <em>"I don't want to hear any of your excuses! Now I will get revenge for your transgressions!"</em> Your following dialogue choices will determine the outcome of the "Sandral-Matale Feud" quest. I recommend <strong>saving the game before rescuing Shen and meeting Rahasia outside</strong> the Sandral estate, so you can reload the save if you do not get the ending you want.</p>
<p>The "Sandral-Matale Feud" quest could be resolved in four different ways:</p>
/section
<section class="article-section">
<h3>1. Convincing Ahlan and Nurik to sort out their differences and allow their children to stay together as a couple.</h3>
<p>If you want to do a Light Side playthrough, this would be the best outcome. However, you need to pass a Hard difficulty Persuasion check to get this ending. If you want to learn more about the Persuade mechanic in KotOR, you can check out <a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic/Skills#Persuade" target="_blank">this page</a>. Since you will likely be at level 10 when you do this quest, you need at least 10 points in your Persuade skill to have a decent chance to pass the check.</p>
<p>As for the dialogue choices, after Ahlan rants about him getting revenge, you need to choose <strong>"You two just need to calm down."</strong></p>
<p>When Nurik calls Ahlan "Matale dog";, choose either <strong>"Both of you need to calm down."</strong> or <strong>"You should try to sort this out together."</strong></p>
<p>Now you will be given [Persuade] options. When presented the option, choose <strong>"[Persuade] Shen is capable of making decisions on his own."</strong> After you pass a Hard difficulty Persuasion check, choose another Persuade option <strong>"[Persuade] Children grow up and leave eventually."</strong> when you are given the opportunity. If you have successfully passed the previous Persuade check, you should have no problem passing this check.</p>
<p>Once you have succeeded in these [Persuade] options, congratulations! You manage to set the feud between the Sandrals and the Matales peacefully. Your dialogue choices immediately following this do not matter. You will be rewarded with Light Side points.</p>
</section>
<section class="article-section">
<h3>2. Shen and Rahasia run off together, while the feud between their fathers remains.</h3>
<p>To get this second Light Side ending, after Ahlan rants about him getting revenge:</p>
<ul>
<li>Choose <strong>"You two just need to calm down."</strong> When Nurik calls Ahlan "Matale dog", choose <strong>"Why don't you try listening to your children?"</strong></li>
<li>Alternately, choose <strong>"Don't make me intervene in this."</strong>. When Ahlan says, "This will be resolved very shortly", your dialogue choice here does not matter. Later, when Rahasia tells her father she wants to with Shen forever, choose <strong>"You two should stay together no matter what."</strong></li>
</ul>
<p>Shen and Rahasia will run off together, and you will find them in the Jedi Enclave, while Ahlan and Nurik will remain angry at each other. You will be rewarded with Light Side points.</p>
<p>You would also get this outcome if you fail the Persuade check when you choose the [Persuade] option.</p>
</section>
<section class="article-section">
<h3>3. Breaking up Shen and Rahasia.</h3>
<p>To get this ending, after Ahlan rants about him getting revenge:</p>
<ul>
<li>Choose <strong>"Don't make me intervene in this."</strong> When Ahlan says, "This will be resolved very shortly." your dialogue choice here does not matter. Later, when Rahasia tells her father she wants to with Shen forever, choose either <strong>"I don't know if you can trust Rahasia, Shen."</strong> or <strong>"You may want to reconsider this."</strong> When Nurik yells "Get away from my daughter Matale!", choose <strong>"Turn away, Shen."</strong> Your dialogue choices following this do not matter.</li>
<li >Alternately, if you want to get Dark Side points from this outcome, choose <strong>"Why don't you just shoot each other and get it over with."</strong> When Ahlan says he wants Nurik "dead and rotting in the ground", choose <strong>"If you fight, you'll all be killed."</strong> and then choose <strong>"[Lie] Rahasia doesn't love you anyway."</strong> You need to pass a Medium difficulty Persuasion check for this [Lie] option to succeed.</li>
</ul>
<p>Shen breaks up with Rahasia, and the two return to their own fathers.</p>
</section>
<section class="article-section">
<h3>4. Making the Sandrals and the Matales kill each other, result in the death of the fathers and the children.</h3>
<p>To get this Dark Side ending, after Ahlan rants about him getting revenge, choose <strong>"Why don't you just shoot each other and get it over with."</strong> When Ahlan says he wants Nurik "dead and rotting in the ground", choose <strong>"The only way either of you will end this is with blood."</strong> When Ahlan yells about how can Shen disrespects his (Ahlan's) wishes, choose <strong>"[Lie] You know, Nurik, Ahlan actually did kill Casus."</strong> Interestingly, you do not need any Persuade skills to make this [Lie] option succeed.</p>
<div class="content-section">
<h2>Introduction</h2>
<p>After Nurik kills Shen, choose either <strong>"Are you going to let that one pass?"</strong> or <strong>"Wipe them all out."</strong> for more Dark Side points. After the fathers and their children are dead, you will fight the fathers' droids.</p>
</section>
</article>
<p>This guide is requested by Deadly Stream user Sith Holocron.</p>
<p>In <em>Star Wars: Knights of the Old Republic</em>, there is a side quest on Dantooine named "Sandral-Matale Feud", which you receive after you have dealt with Juhani at the grove and met the Jedi Council.</p>
<p>This quest line revolves around a family feud between the Sandrals and the Matales, mainly between their patriarchs, Nurik Sandral and Ahlan Matale. As you progress the quest line, you will discover that Nurik's daughter, Rahasia and Ahlan's son, Shen are romantically involved. The quest line will lead to a heated confrontation between Nurik and Ahlan, and there are multiple ways to resolve the quest line.</p>
<p>This guide will provide details on the different ways to resolve the Sandral-Matele feud, and how to achieve those endings.</p>
</div>
<div class="content-section">
<h2>Sandral-Matale Feud Resolution Walkthrough</h2>
<p>After you rescue Shen and meet Rahasia outside the Sandral estate, you will be confronted by Ahlan Matale and Nurik Sandral, Shen and Rahasia's fathers respectively.</p>
<p>After Ahlan yells at Nurik, <em>"I don't want to hear any of your excuses! Now I will get revenge for your transgressions!"</em> Your following dialogue choices will determine the outcome of the "Sandral-Matale Feud" quest. I recommend <strong>saving the game before rescuing Shen and meeting Rahasia outside</strong> the Sandral estate, so you can reload the save if you do not get the ending you want.</p>
<p>The "Sandral-Matale Feud" quest could be resolved in four different ways:</p>
<h3>1. Convincing Ahlan and Nurik to sort out their differences and allow their children to stay together as a couple.</h3>
<p>If you want to do a Light Side playthrough, this would be the best outcome. However, you need to pass a Hard difficulty Persuasion check to get this ending. If you want to learn more about the Persuade mechanic in KotOR, you can check out <a href="https://strategywiki.org/wiki/Star_Wars:_Knights_of_the_Old_Republic/Skills#Persuade" target="_blank">this page</a>. Since you will likely be at level 10 when you do this quest, you need at least 10 points in your Persuade skill to have a decent chance to pass the check.</p>
<p>As for the dialogue choices, after Ahlan rants about him getting revenge, you need to choose <strong>"You two just need to calm down."</strong></p>
<p>When Nurik calls Ahlan "Matale dog";, choose either <strong>"Both of you need to calm down."</strong> or <strong>"You should try to sort this out together."</strong></p>
<p>Now you will be given [Persuade] options. When presented the option, choose <strong>"[Persuade] Shen is capable of making decisions on his own."</strong> After you pass a Hard difficulty Persuasion check, choose another Persuade option <strong>"[Persuade] Children grow up and leave eventually."</strong> when you are given the opportunity. If you have successfully passed the previous Persuade check, you should have no problem passing this check.</p>
<p>Once you have succeeded in these [Persuade] options, congratulations! You manage to set the feud between the Sandrals and the Matales peacefully. Your dialogue choices immediately following this do not matter. You will be rewarded with Light Side points.</p>
<h3>2. Shen and Rahasia run off together, while the feud between their fathers remains.</h3>
<p>To get this second Light Side ending, after Ahlan rants about him getting revenge:</p>
<ul>
<li>Choose <strong>"You two just need to calm down."</strong> When Nurik calls Ahlan "Matale dog", choose <strong>"Why don't you try listening to your children?"</strong></li>
<li>Alternately, choose <strong>"Don't make me intervene in this."</strong>. When Ahlan says, "This will be resolved very shortly", your dialogue choice here does not matter. Later, when Rahasia tells her father she wants to with Shen forever, choose <strong>"You two should stay together no matter what."</strong></li>
</ul>
<p>Shen and Rahasia will run off together, and you will find them in the Jedi Enclave, while Ahlan and Nurik will remain angry at each other. You will be rewarded with Light Side points.</p>
<p>You would also get this outcome if you fail the Persuade check when you choose the [Persuade] option.</p>
<h3>3. Breaking up Shen and Rahasia.</h3>
<p>To get this ending, after Ahlan rants about him getting revenge:</p>
<ul>
<li>Choose <strong>"Don't make me intervene in this."</strong> When Ahlan says, "This will be resolved very shortly." your dialogue choice here does not matter. Later, when Rahasia tells her father she wants to with Shen forever, choose either <strong>"I don't know if you can trust Rahasia, Shen."</strong> or <strong>"You may want to reconsider this."</strong> When Nurik yells "Get away from my daughter Matale!", choose <strong>"Turn away, Shen."</strong> Your dialogue choices following this do not matter.</li>
<li >Alternately, if you want to get Dark Side points from this outcome, choose <strong>"Why don't you just shoot each other and get it over with."</strong> When Ahlan says he wants Nurik "dead and rotting in the ground", choose <strong>"If you fight, you'll all be killed."</strong> and then choose <strong>"[Lie] Rahasia doesn't love you anyway."</strong> You need to pass a Medium difficulty Persuasion check for this [Lie] option to succeed.</li>
</ul>
<p>Shen breaks up with Rahasia, and the two return to their own fathers.</p>
<h3>4. Making the Sandrals and the Matales kill each other, result in the death of the fathers and the children.</h3>
<p>To get this Dark Side ending, after Ahlan rants about him getting revenge, choose <strong>"Why don't you just shoot each other and get it over with."</strong> When Ahlan says he wants Nurik "dead and rotting in the ground", choose <strong>"The only way either of you will end this is with blood."</strong> When Ahlan yells about how can Shen disrespects his (Ahlan's) wishes, choose <strong>"[Lie] You know, Nurik, Ahlan actually did kill Casus."</strong> Interestingly, you do not need any Persuade skills to make this [Lie] option succeed.</p>
<p>After Nurik kills Shen, choose either <strong>"Are you going to let that one pass?"</strong> or <strong>"Wipe them all out."</strong> for more Dark Side points. After the fathers and their children are dead, you will fight the fathers' droids.</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

72
shrines/starwarskotor/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,52 +12,58 @@
<meta property="og:description" content="My shrine for Star Wars: Knights of the Old Republic">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<div class="content-container">
<section class="content-section">
<h1>Welcome to my <em>Star Wars: Knights of the Old Republic</em> Shrine!</h1>
<img src="./img/swkotor-header.jpg" alt="Cover arts of Star Wars: Knights of the Old Republic series">
<p><em>Star Wars: Knights of the Old Republic</em> (<em>KotOR</em>) is a space opera role-playing video game series. The series takes place in the fictional universe of Star Wars, with the story taking place approximately 4,000 years before the rise of the Galactic Empire. </p>
<p>The first title was developed by BioWare while the second (<em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>) was done by Obsidian Entertainmenr. Both games were published by LucasArts. The <em>KOTOR</em> series also includes a subsequent new comic book series. Both comic series were published by Dark Horse Comics and act as prequels to the video games.</p>
</section>
<main>
<div class="content-section">
<h1>Welcome to my <em>Star Wars: Knights of the Old Republic</em> Shrine!</h1>
<p><em>Star Wars: Knights of the Old Republic</em> (<em>KotOR</em>) is a space opera role-playing video game series. The series takes place in the fictional universe of Star Wars, with the story taking place approximately 4,000 years before the rise of the Galactic Empire. </p>
<p>The first title was developed by BioWare while the second (<em>Star Wars: Knights of the Old Republic II: The Sith Lords</em>) was done by Obsidian Entertainmenr. Both games were published by LucasArts. The <em>KOTOR</em> series also includes a subsequent new comic book series. Both comic series were published by Dark Horse Comics and act as prequels to the video games.</p>
</div>
<section class="content-section">
<h2>My Connection to the <em>KotOR</em> Series</h2>
<p>Even though I had been a <em>Star Wars</em> fan since I was 13 in 2005, I was not aware of the existence of the <em>Knights of the Old Republic</em> series until around 2010. I started playing the first <em>KotOR</em> game in early 2011, immediately followed by <em>KotOR 2</em>, and the series has been one of my special interests ever since.</p>
<div class="content-section">
<h2>My Connection to the <em>KotOR</em> Series</h2>
<p>Even though I had been a <em>Star Wars</em> fan since I was 13 in 2005, I was not aware of the existence of the <em>Knights of the Old Republic</em> series until around 2010. I started playing the first <em>KotOR</em> game in early 2011, immediately followed by <em>KotOR 2</em>, and the series has been one of my special interests ever since.</p>
<p>My investment in the <em>KotOR</em> series has evolved over time, leading to me starting to get into modding the games in the mid-2010s. The very first <em>KotOR</em> mod I created was <a href="https://deadlystream.com/files/file/1012-tsl-improved-party-outfits/" target="_blank">TSL Improved Party Outfits</a> in 2015, while the first KotOR mod I released to the public was <a href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Visas Marr and Female Exile Romance</a> on December 15, 2016.</p>
</section>
<p>My investment in the <em>KotOR</em> series has evolved over time, leading to me starting to get into modding the games in the mid-2010s. The very first <em>KotOR</em> mod I created was <a href="https://deadlystream.com/files/file/1012-tsl-improved-party-outfits/" target="_blank">TSL Improved Party Outfits</a> in 2015, while the first KotOR mod I released to the public was <a href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Visas Marr and Female Exile Romance</a> on December 15, 2016.</p>
<p>I have also joined <a href="https://glitterskies.org/kotor/" target="_blank">Erased Identity</a> and <a href="https://glitterskies.org/kotor2/" target="_blank">Mysteries of Malachor</a>, the fan listings for the two <em>KotOR</em> games.</p>
<section class="content-section">
<h2><em>KotOR</em> Fan Listings</h2>
<p>I have joined <a href="https://glitterskies.org/kotor/" target="_blank">Erased Identity</a> and <a href="https://glitterskies.org/kotor2/" target="_blank">Mysteries of Malachor</a>, the fan listings for the two <em>KotOR</em> games.</p>
<div style="display: flex;">
<a href="https://glitterskies.org/kotor/" target="_blank"><img src="/links/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="/links/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>
</div>
</main>
</section>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

139
shrines/starwarskotor/resources/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,88 +12,87 @@
<meta property="og:description" content="List of Star Wars: Knights of the Old Republic resources I have compiled myself.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<div class="content-container">
<section class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em> Resources</h1>
<p>Here are resources for the <em>Star Wars: Knights of the Old Republic</em> series I have compiled myself.</p>
</section>
<main>
<div class="content-section">
<h1><em>Star Wars: Knights of the Old Republic</em> Resources</h1>
<p>Here are resources for the <em>Star Wars: Knights of the Old Republic</em> series I have compiled myself.</p>
</div>
<section class="content-section">
<h2>My Mods</h2>
<p>Here are the modifications for the <em>KotOR</em> series I have created.</p>
<ul>
<li><a href="/mymods/kotor1mods/" target="_blank"><em>Star Wars: Knights of the Old Republic</em></a></li>
<li><a href="/mymods/kotor2mods/" target="_blank"><em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
</section>
<div class="content-section">
<h2>My Mods</h2>
<p>Here are the modifications for the <em>KotOR</em> series I have created.</p>
<ul>
<li><a href="/mymods/kotor1mods/" target="_blank"><em>Star Wars: Knights of the Old Republic</em></a></li>
<li><a href="/mymods/kotor2mods/" target="_blank"><em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
</div>
<section class="content-section">
<h2>My Modder's Resource</h2>
<ul>
<li><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></li>
</ul>
</section>
<div class="content-section">
<h2>My Modder's Resource</h2>
<ul>
<li><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></li>
</ul>
</div>
<section class="content-section">
<h2>My Save Files</h2>
<ul>
<li><a href="https://deadlystream.com/files/file/2180-light-side-female-saves-with-kotor-1-community-patch-and-all-romances/" target="_blank">Light Side Female Saves with KOTOR 1 Community Patch and All Romances</a></li>
<li><a href="https://deadlystream.com/files/file/2213-kotor-2-light-side-female-saves-with-tslrcm-and-partyswap/" target="_blank">KotOR 2 Light Side Female Saves with The Sith Lords Restored Content Mod and PartySwap</a></li>
</ul>
</section>
<div class="content-section">
<h2>My Save Files</h2>
<ul>
<li><a href="https://deadlystream.com/files/file/2180-light-side-female-saves-with-kotor-1-community-patch-and-all-romances/" target="_blank">Light Side Female Saves with KOTOR 1 Community Patch and All Romances</a></li>
<li><a href="https://deadlystream.com/files/file/2213-kotor-2-light-side-female-saves-with-tslrcm-and-partyswap/" target="_blank">KotOR 2 Light Side Female Saves with The Sith Lords Restored Content Mod and PartySwap</a></li>
</ul>
</div>
<section class="content-section">
<h2>My Mod Lists</h2>
<ul>
<li><a href="./kotor-same-gender-romance-mods.html">List of Same-Gender Romance Mods for the <em>KotOR</em> Series</a></li>
<li><a href="./kotor2-female-exile-recruit-handmaiden-mods.html">List of <em>KotOR 2</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
</ul>
</section>
<div class="content-section">
<h2>My Mod Lists</h2>
<ul>
<li><a href="./kotor-same-gender-romance-mods.html">List of Same-Gender Romance Mods for the <em>KotOR</em> Series</a></li>
<li><a href="./kotor2-female-exile-recruit-handmaiden-mods.html">List of <em>KotOR 2</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
</ul>
</div>
<section class="content-section">
<h2>References</h2>
<ul>
<li><a href="./tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
</ul>
</section>
<div class="content-section">
<h2>References</h2>
<ul>
<li><a href="./tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
</ul>
</div>
<div class="content-section">
<h2>My Mod Builds</h2>
<p>Lists of modifications for the <em>KotOR</em> games I use for my own playthroughs.</p>
<ul>
<li><a href="https://docs.google.com/document/d/1BTMJ1c-NOjU9q7qNftZac6jkOPluyucILglovcHtiaI/edit" target="_blank">Star Wars: Knights of the Old Republic</a></li>
<li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit" target="_blank">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
</ul>
</div>
</main>
</div>
<footer id="footer"></footer>
<section class="content-section">
<h2>My Mod Builds</h2>
<p>Lists of modifications for the <em>KotOR</em> games I use for my own playthroughs.</p>
<ul>
<li><a href="https://docs.google.com/document/d/1BTMJ1c-NOjU9q7qNftZac6jkOPluyucILglovcHtiaI/edit" target="_blank">Star Wars: Knights of the Old Republic</a></li>
<li><a href="https://docs.google.com/document/d/15HbD-k-D8WHrp10IjIryAguhq7k2W94pkuGys7Z7xNM/edit" target="_blank">Star Wars: Knights of the Old Republic II: The Sith Lords</a></li>
</ul>
</section>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

378
shrines/starwarskotor/resources/kotor-same-gender-romance-mods.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,204 +12,198 @@
<meta property="og:description" content="Throughout the years, modders have created same-gender romance mods for the Knights of the Old Republic series. Want to make your KotOR games more gay? This list is for you!">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>Same-Gender Romance Mods for KotOR Series | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<aside class="left-sidebar">
<h3 class="sidebar__toc-title">Contents</h3>
<ul class="sidebar__toc-list">
<li><a href="#KotOR1">For <em>Knights of the Old Republic I</em></a></li>
<li><a href="#KotOR2">For <em>Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
</aside>
<div id="flex">
<article>
<section class="article-section">
<h1>List of Same-Gender Romance Mods for <em>Star Wars: Knights of the Old Republic</em> Series</h1>
<center><p>[This list is also available on <a href="https://docs.google.com/document/d/1l5cThs2A8PaUR4BlSEnlb2ZS5zrcnS3CeL58psjPfKI/edit" target="_blank">Google Docs</a>]</p></center>
<p>The first <em>Star Wars: Knights of the Old Republic</em> video game introduced Juhani, the very first confirmed gay character in any <em>Star Wars</em> media, including Legends, the old <em>Star Wars</em> Expanded Universe, and the very first canon same-gender romance option in any BioWare game. However, the <em>KotOR</em> series at large has little LGBTQ+ content, and except for Juhani, none of the romance options in both <em>KotOR</em> games are available for same-gender romances.</p>
<p>Therefore, throughout the years, modders of the <em>KotOR</em> games have created various mods adding more same-gender romance options and content to the games to fill the void.</p>
<p>Below is a list of all the same-gender romance mods that had been created for the <em>KotOR</em> game series throughout <em>KotOR</em>’s modding history, sorted by their original release dates in chronological order.</p>
<p>Wanting to make your <em>KotOR</em> games more gay? Then this list is for you! This list also serves as an archive to document the history of same-gender romance mods for the <em>KotOR</em> series. Happy gayming!</p>
<p><strong>NOTE:</strong> Some listed mods below have overlapping concepts and thus are not compatible with each other. Mods that are hosted exclusively on Gamefront are very old mods that were made in the 2000s, and thus may have compatibility issues with newer mods (not just ones that listed here).</p>
<p><strong>Warning: this list contains spoilers for both KotOR games.</strong></p>
</section>
<section class="article-section">
<h2 id="KotOR1">For <em>Knights of the Old Republic I</em></h2>
<h3>Bastila & Female Revan (Untold Love Story)</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Master Kavar</li>
<li><strong>Original Release Date:</strong> November 25, 2006</li>
<li><strong>Download:</strong> <a href="https://www.gamefront.com/games/knights-of-the-old-republic/file/bastila-female-revan-untold-love-story" target="_blank">Gamefront</a></li>
<li><strong>Mod Description:</strong> Allows female Revan to romance Bastila. In addition, this mod also allows female Revan to flirt with certain female NPCs, most notably Yuthura Ban.</li>
</ul>
<h3>The Romancing of Bastila</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Darth Shan & Swfan28</li>
<li><strong>Original Release Date:</strong> March 10, 2009</li>
<li><strong>Download:</strong> <a href="https://www.gamefront.com/games/knights-of-the-old-republic/file/the-romancing-of-bastila" target="_blank">Gamefront</a></li>
<li><strong>Mod Description:</strong> Compiles several Bastila content mods into one mod. Regarding Bastila’s romance, in addition to allowing female Revan to romance Bastila, this mod also includes bug fixes and a kissing scene between Bastila and female Revan.</li>
<li><strong>Installation Note:</strong> If you want to use this mod with <strong>Bastila & Female Revan (Untold Love Story)</strong>, you must install this mod AFTER Untold Love Story, and override the <em>k_hbas_dialog.dlg</em> file when prompted.</li>
</ul>
<h3>Party on the Leviathan!</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Fair Strides</li>
<li><strong>Original Release Date:</strong> July 2, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/567-party-on-the-leviathan/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Restores Juhani’s conversation, including romance conversation with a female player character, on the Leviathan, by spawning the rest of the Ebon Hawk crew on the Leviathan after you are rescued.</li>
</ul>
<h3>Bi Carth</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> forgetcanon</li>
<li><strong>Original Release Date:</strong> July 20, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/577-bi-carth/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor/mods/60" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Allows Male Revan to romance Carth and flirt with certain male NPCs.</li>
</ul>
<h3>Juhani Romance Enhancement</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Kexikus</li>
<li><strong>Original Release Date:</strong> January 4, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/772-juhani-romance-enhancement/" target="_blank">Deadly Stream</a> | <a href="http://www.nexusmods.com/kotor/mods/73" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Improves the final romance conversation with Juhani, including triggering the conversation automatically, provided the conditions for this conversation are met, as well as adding a kiss between Juhani and female Revan.</li>
<li><strong>Note:</strong> For details on how to successfully complete Juhani’s romance, please check out my <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">Juhani Romance Guide</a>.</li>
</ul>
<h3>JC’s Romance Enhancement: Biromantic Bastila for K1</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> JCarter426</li>
<li><strong>Original Release Date:</strong> January 19, 2020</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Another mod that allows female Revan to romance Bastila, but what makes this mod different is that it also further edits Bastila’s dialogue so Bastila would not refer to female Revan as a man. This mod also fixes the bugs with Bastila’s romance during the endgame.</li>
</ul>
<h3>JC's Romance Enhancement: Pan-Galactic Flirting for K1</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> JCarter426</li>
<li><strong>Original Release Date:</strong> July 6, 2022</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/2115-jcs-romance-enhancement-pan-galactic-flirting-for-k1/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Allows the player to flirt with several NPCs regardless of gender.</li>
<li><strong>Note:</strong> This mod is essentially a modern and improved version of <strong>Bastila & Female Revan (Untold Love Story)</strong>. What makes JCarter426’s mod better is the fact that this mod uses an installer tool (TSLPatcher) to patch relevant dialogue files to improve compatibility with other mods, compared to Untold Love Story's installation method of putting dialogue files into the Override folder, which increases the chance of causing conflict with other mods.</li>
</ul>
<h3>Carth Onasi and Male PC Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> August 6, 2022</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/2140-carth-onasi-and-male-pc-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor/mods/1493" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Inspired by the aforementioned Bi Carth mod, this is my version of a male Revan and Carth romance mod. The biggest differences between my version and forgetcanon’s are that my mod is installed by patching relevant dialogue files, instead of putting modified dialogue files in the Override folder, and I have also edited Carth’s dialogue and spliced audio files to prevent Carth from referring to male Revan as a woman.</li>
</ul>
</section>
<section class="article-section">
<h2 id="KotOR2">For <em>Knights of the Old Republic II: The Sith Lords</em></h2>
<h3>Worthy of Note:</h3>
<p>Stoffe’s <a href="https://www.gamefront.com/files/handmaiden-choice-for-females/" target="_blank">Handmaiden Choice for Females</a> mod (originally released on April 23, 2005), which was the first mod ever made that allowed female Exiles to recruit Handmaiden as a party member, could technically be considered a same-gender romance mod, due to the fact that with this mod, female Exiles would also be able to romance Handmaiden by having her as a party member.</p>
<p>In addition, since Handmaiden replaces Disciple’s place on the Ebon Hawk crew in this mod, this mod also allows female Exiles to get the Visas romance scene after the Rebuilt Jedi Enclave sequence.</p>
<p>That being said, these are all side effects of Handmaiden being exclusive to male Exiles in the vanilla game. Handmaiden Choice for Females was not intentionally made with same-gender romances in mind.</p>
<p>Hassat Hunter had remade the mod into <a href="https://www.moddb.com/mods/the-sith-lords-restored-content-mod-tslrcm/addons/handmaiden-4-females-disciple-4-males-183" target="_blank">Handmaiden 4 Females - Disciple for Males</a> (originally released on March 14, 2014) to be compatible with The Sith Lords Restored Content Mod (TSLRCM). However, the mod is outdated and no longer supported.</p>
<h3>Alternate Revan Romances</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> felixfelicitas</li>
<li><strong>Original Release Date:</strong> March 9, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/529-alternate-revan-romances/" target="_blank">Deadly Stream</a> | <a href="http://www.nexusmods.com/kotor2/mods/43" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Allows players to set Revan’s love interest(s), instead of letting the game assume male Revan is romantically involved with Bastila, while female Revan is romantically involved with Carth. Most notably, with this mod, Bastila can be chosen as female Revan’s love interest, and Carth can be chosen as male Revan’s love interest.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
<li><strong>WARNING:</strong> This mod is outdated, and it has game-breaking bugs. Use my REDUX version of the mod below instead. I am listing the original mod here for historical record purpose.</li>
</ul>
<h3>Visas Marr and Female Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> December 15, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/925" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes the Visas romance scene, which occurs near the endgame, available for the Exile regardless of gender.</li>
</ul>
<h3>Atton Rand and Male Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> December 27, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/972-atton-rand-and-male-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/926" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Atton flirt with and express romantic interest in a male Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Handmaiden & Female Exile - Disciple & Male Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> January 2, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/927" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> In addition to allowing Handmaiden to join a female Exile’s party and allowing Disciple to join a male Exile’s party, this mod also makes Handmaiden a romance option for a female Exile, and Disciple for a male Exile. It is worth noting that by allowing Handmaiden to join a female Exile, this mod also enables romantic subtext between Atris and the female Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Darth Sion and Male Exile Mod</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> January 12, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/996-darth-sion-and-male-exile-mod/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/928" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Darth Sion displays romantic attachment (in his own way) to a male Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Alternate Revan Romances REDUX</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me), original mod made by felixfelicitas</li>
<li><strong>Original Release Date:</strong> January 26, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1004-alternate-revan-romances-redux/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/933" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> My updated version of the Alternate Revan Romances mod, released with felixfelicitas’ permission. My mod fixes many bugs with the original version.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Dahnis Flirt Option for Female PC</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> November 10, 2018</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1400-dahnis-flirt-option-for-female-pc/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/1036" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Dahnis, a minor NPC and one of the Pazaak players on Nar Shaddaa, flirt with the player character regardless of gender.</li>
</ul>
</section>
</article>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<main>
<div class="content-section">
<h1>List of Same-Gender Romance Mods for <em>Star Wars: Knights of the Old Republic</em> Series</h1>
<center><p>[This list is also available on <a href="https://docs.google.com/document/d/1l5cThs2A8PaUR4BlSEnlb2ZS5zrcnS3CeL58psjPfKI/edit" target="_blank">Google Docs</a>]</p></center>
<p>The first <em>Star Wars: Knights of the Old Republic</em> video game introduced Juhani, the very first confirmed gay character in any <em>Star Wars</em> media, including Legends, the old <em>Star Wars</em> Expanded Universe, and the very first canon same-gender romance option in any BioWare game. However, the <em>KotOR</em> series at large has little LGBTQ+ content, and except for Juhani, none of the romance options in both <em>KotOR</em> games are available for same-gender romances.</p>
<p>Therefore, throughout the years, modders of the <em>KotOR</em> games have created various mods adding more same-gender romance options and content to the games to fill the void.</p>
<p>Below is a list of all the same-gender romance mods that had been created for the <em>KotOR</em> game series throughout <em>KotOR</em>’s modding history, sorted by their original release dates in chronological order.</p>
<p>Wanting to make your <em>KotOR</em> games more gay? Then this list is for you! This list also serves as an archive to document the history of same-gender romance mods for the <em>KotOR</em> series. Happy gayming!</p>
<p><strong>NOTE:</strong> Some listed mods below have overlapping concepts and thus are not compatible with each other. Mods that are hosted exclusively on Gamefront are very old mods that were made in the 2000s, and thus may have compatibility issues with newer mods (not just ones that listed here).</p>
<p><strong>Warning: this list contains spoilers for both KotOR games.</strong></p>
</div>
<div class="content-section">
<h2 id="KotOR1">For <em>Knights of the Old Republic I</em></h2>
<h3>Bastila & Female Revan (Untold Love Story)</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Master Kavar</li>
<li><strong>Original Release Date:</strong> November 25, 2006</li>
<li><strong>Download:</strong> <a href="https://www.gamefront.com/games/knights-of-the-old-republic/file/bastila-female-revan-untold-love-story" target="_blank">Gamefront</a></li>
<li><strong>Mod Description:</strong> Allows female Revan to romance Bastila. In addition, this mod also allows female Revan to flirt with certain female NPCs, most notably Yuthura Ban.</li>
</ul>
<h3>The Romancing of Bastila</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Darth Shan & Swfan28</li>
<li><strong>Original Release Date:</strong> March 10, 2009</li>
<li><strong>Download:</strong> <a href="https://www.gamefront.com/games/knights-of-the-old-republic/file/the-romancing-of-bastila" target="_blank">Gamefront</a></li>
<li><strong>Mod Description:</strong> Compiles several Bastila content mods into one mod. Regarding Bastila’s romance, in addition to allowing female Revan to romance Bastila, this mod also includes bug fixes and a kissing scene between Bastila and female Revan.</li>
<li><strong>Installation Note:</strong> If you want to use this mod with <strong>Bastila & Female Revan (Untold Love Story)</strong>, you must install this mod AFTER Untold Love Story, and override the <em>k_hbas_dialog.dlg</em> file when prompted.</li>
</ul>
<h3>Party on the Leviathan!</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Fair Strides</li>
<li><strong>Original Release Date:</strong> July 2, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/567-party-on-the-leviathan/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Restores Juhani’s conversation, including romance conversation with a female player character, on the Leviathan, by spawning the rest of the Ebon Hawk crew on the Leviathan after you are rescued.</li>
</ul>
<h3>Bi Carth</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> forgetcanon</li>
<li><strong>Original Release Date:</strong> July 20, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/577-bi-carth/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor/mods/60" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Allows Male Revan to romance Carth and flirt with certain male NPCs.</li>
</ul>
<h3>Juhani Romance Enhancement</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Kexikus</li>
<li><strong>Original Release Date:</strong> January 4, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/772-juhani-romance-enhancement/" target="_blank">Deadly Stream</a> | <a href="http://www.nexusmods.com/kotor/mods/73" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Improves the final romance conversation with Juhani, including triggering the conversation automatically, provided the conditions for this conversation are met, as well as adding a kiss between Juhani and female Revan.</li>
<li><strong>Note:</strong> For details on how to successfully complete Juhani’s romance, please check out my <a href="https://docs.google.com/document/d/1X_EUsoKVpaCfbbi-t5NNqMsoPeAoFsxvIRMcv5rHFBQ/edit" target="_blank">Juhani Romance Guide</a>.</li>
</ul>
<h3>JC’s Romance Enhancement: Biromantic Bastila for K1</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> JCarter426</li>
<li><strong>Original Release Date:</strong> January 19, 2020</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1548-jcs-romance-enhancement-biromantic-bastila-for-k1/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Another mod that allows female Revan to romance Bastila, but what makes this mod different is that it also further edits Bastila’s dialogue so Bastila would not refer to female Revan as a man. This mod also fixes the bugs with Bastila’s romance during the endgame.</li>
</ul>
<h3>JC's Romance Enhancement: Pan-Galactic Flirting for K1</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> JCarter426</li>
<li><strong>Original Release Date:</strong> July 6, 2022</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/2115-jcs-romance-enhancement-pan-galactic-flirting-for-k1/" target="_blank">Deadly Stream</a></li>
<li><strong>Mod Description:</strong> Allows the player to flirt with several NPCs regardless of gender.</li>
<li><strong>Note:</strong> This mod is essentially a modern and improved version of <strong>Bastila & Female Revan (Untold Love Story)</strong>. What makes JCarter426’s mod better is the fact that this mod uses an installer tool (TSLPatcher) to patch relevant dialogue files to improve compatibility with other mods, compared to Untold Love Story's installation method of putting dialogue files into the Override folder, which increases the chance of causing conflict with other mods.</li>
</ul>
<h3>Carth Onasi and Male PC Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> August 6, 2022</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/2140-carth-onasi-and-male-pc-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor/mods/1493" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Inspired by the aforementioned Bi Carth mod, this is my version of a male Revan and Carth romance mod. The biggest differences between my version and forgetcanon’s are that my mod is installed by patching relevant dialogue files, instead of putting modified dialogue files in the Override folder, and I have also edited Carth’s dialogue and spliced audio files to prevent Carth from referring to male Revan as a woman.</li>
</ul>
</div>
<div class="content-section">
<h2 id="KotOR2">For <em>Knights of the Old Republic II: The Sith Lords</em></h2>
<h3>Worthy of Note:</h3>
<p>Stoffe’s <a href="https://www.gamefront.com/files/handmaiden-choice-for-females/" target="_blank">Handmaiden Choice for Females</a> mod (originally released on April 23, 2005), which was the first mod ever made that allowed female Exiles to recruit Handmaiden as a party member, could technically be considered a same-gender romance mod, due to the fact that with this mod, female Exiles would also be able to romance Handmaiden by having her as a party member.</p>
<p>In addition, since Handmaiden replaces Disciple’s place on the Ebon Hawk crew in this mod, this mod also allows female Exiles to get the Visas romance scene after the Rebuilt Jedi Enclave sequence.</p>
<p>That being said, these are all side effects of Handmaiden being exclusive to male Exiles in the vanilla game. Handmaiden Choice for Females was not intentionally made with same-gender romances in mind.</p>
<p>Hassat Hunter had remade the mod into <a href="https://www.moddb.com/mods/the-sith-lords-restored-content-mod-tslrcm/addons/handmaiden-4-females-disciple-4-males-183" target="_blank">Handmaiden 4 Females - Disciple for Males</a> (originally released on March 14, 2014) to be compatible with The Sith Lords Restored Content Mod (TSLRCM). However, the mod is outdated and no longer supported.</p>
<h3>Alternate Revan Romances</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> felixfelicitas</li>
<li><strong>Original Release Date:</strong> March 9, 2015</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/529-alternate-revan-romances/" target="_blank">Deadly Stream</a> | <a href="http://www.nexusmods.com/kotor2/mods/43" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Allows players to set Revan’s love interest(s), instead of letting the game assume male Revan is romantically involved with Bastila, while female Revan is romantically involved with Carth. Most notably, with this mod, Bastila can be chosen as female Revan’s love interest, and Carth can be chosen as male Revan’s love interest.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
<li><strong>WARNING:</strong> This mod is outdated, and it has game-breaking bugs. Use my REDUX version of the mod below instead. I am listing the original mod here for historical record purpose.</li>
</ul>
<h3>Visas Marr and Female Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> December 15, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/968-visas-marr-and-female-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/925" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes the Visas romance scene, which occurs near the endgame, available for the Exile regardless of gender.</li>
</ul>
<h3>Atton Rand and Male Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> December 27, 2016</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/972-atton-rand-and-male-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/926" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Atton flirt with and express romantic interest in a male Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Handmaiden & Female Exile - Disciple & Male Exile Romance</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> January 2, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/977-handmaiden-and-female-exile-disciple-and-male-exile-romance/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/927" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> In addition to allowing Handmaiden to join a female Exile’s party and allowing Disciple to join a male Exile’s party, this mod also makes Handmaiden a romance option for a female Exile, and Disciple for a male Exile. It is worth noting that by allowing Handmaiden to join a female Exile, this mod also enables romantic subtext between Atris and the female Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Darth Sion and Male Exile Mod</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> January 12, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/996-darth-sion-and-male-exile-mod/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/928" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Darth Sion displays romantic attachment (in his own way) to a male Exile.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Alternate Revan Romances REDUX</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me), original mod made by felixfelicitas</li>
<li><strong>Original Release Date:</strong> January 26, 2017</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1004-alternate-revan-romances-redux/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/933" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> My updated version of the Alternate Revan Romances mod, released with felixfelicitas’ permission. My mod fixes many bugs with the original version.</li>
<li><strong>Required Mod:</strong> <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a></li>
</ul>
<h3>Dahnis Flirt Option for Female PC</h3>
<ul class="mod-recs">
<li><strong>Mod Author:</strong> Leilukin (me)</li>
<li><strong>Original Release Date:</strong> November 10, 2018</li>
<li><strong>Download:</strong> <a href="https://deadlystream.com/files/file/1400-dahnis-flirt-option-for-female-pc/" target="_blank">Deadly Stream</a> | <a href="https://www.nexusmods.com/kotor2/mods/1036" target="_blank">Nexus Mods</a></li>
<li><strong>Mod Description:</strong> Makes Dahnis, a minor NPC and one of the Pazaak players on Nar Shaddaa, flirt with the player character regardless of gender.</li>
</ul>
</div>
</main>
<aside id="rightSidebar">
<div class="sidebar-content">
<h3 class="toc-title">Contents</h3>
<ul class="toc-list">
<li><a href="#KotOR1">For <em>Knights of the Old Republic I</em></a></li>
<li><a href="#KotOR2">For <em>Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
</div>
</aside>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

102
shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,65 +12,63 @@
<meta property="og:description" content="Disappointed that female Jedi Exiles cannot recruit the Handmaiden as a party member? Good news! That is what these mods are for!">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>List of KotOR 2 Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>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</h1>
<p>One of the flaws of <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em> (<em>KotOR 2</em>) I believe everyone, regardless of how much you like the game (or not), will agree on, is that the Handmaiden, real name Brianna, will only join your party if you play as a male Jedi Exile. The idea of a potential party member only joins you based on your player character's gender already makes little to no sense to begin with, and it does not help that <em>Star Wars Legends</em>, the old <em>Star Wars</em> Expanded Universe, established that both Brianna the Handmaiden and Mical the Disciple join the female Exile's crew.</p>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<p>However, the good news is, there are actually mods that allow female Exiles to recruit Brianna the Handmaiden as a party member. Unfortunately, despite the fact that such mods have already existed since the 2000s, there are still <em>KotOR 2</em> fans who do not know the existence of such mods, which is why I am making this list. Brianna is an amazing character with an interesting story, so I highly recommend you to have at least one playthrough with Brianna as your companion regardless of your Exile’s gender.</p>
<p>These are the mods that allow female Exiles to recruit Brianna the Handmaiden as a party member:</p>
<h2>Handmaiden Choice for Females by Stoffe</h2>
<p>Released on April 23, 2005, Stoffe's <a href="https://www.gamefront.com/files/handmaiden-choice-for-females/" target="_blank">Handmaiden Choice for Females</a> was the very first mod that gives female Exiles the option to recruit the Handmaiden. However, it is <em>not</em> compatible with <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a>, as it was created and released years before TSLRCM. In addition, even with this mod, Handmaiden still refers to a female Exile with “he/him” pronouns, which some people (myself included) would find very immersion-breaking</p>
<h2>Handmaiden 4 Females - Disciple 4 Males by Hassat Hunter</h2>
<p>Released on March 14, 2014, Hassat Hunter made <a href="https://www.moddb.com/mods/the-sith-lords-restored-content-mod-tslrcm/addons/handmaiden-4-females-disciple-4-males-183" traget="_blank">Handmaiden 4 Females - Disciple 4 Males</a> based on Stoffe's Handmaiden Choice for Females, so the mod would be compatible with The Sith Lords Restored Content Mod (TSLRCM). However, this version retains the flaw of Handmaiden still referring to a female Exile with “he/him” pronouns. Additioally, the mod is outdated and no longer supported.</p>
<h2>PartySwap by DarthTyren</h2>
<p>This mod fixes any potential gender and pronouns mix-up by adding gender checks to dialogues that references the Exile’s gender, which, however, also prevents female Exiles from getting any dialogue that references any potential romantic feelings between the female Exile and the Handmaiden or Atris (similarly, if you play as a male Exile, you will not get any dialogue that references any potential romance between you and the Disciple). Therefore, if you also want to romance the Handmaiden as a female Exile (or romance the Disciple as a male Exile), I would recommend checking out the below mod as well.</p>
<h2>Handmaiden and Female Exile - Disciple and Male Exile Romance by Leilukin</h2>
<p>My mod, released on January 2, 2017. As the mod name suggests, this mod allows you to recruit and romance the Handmaiden as a female Exile, ditto for the Disciple as a male Exile. My mod also requires <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a> to work.</p>
<p>My mod fixes any potential gender/pronouns mix-up by editing dialogue and splicing audio, so users of my mod can fully enjoy the Handmaiden and the Disciple's romance content without worrying about their Exile getting misgendered.</p>
<p>The default installation option of my mod will make the Handmaiden automatically joins a female Exile, and the Disciple automatically joins a male Exile. That said, my mod also provides an installation option to make my mod compatible with DarthTyren's PartySwap mod.</p>
<h2>Final Note</h2>
<p>It is very important to note when it comes to installing mods for <em>KotOR 2</em>, <strong>I do NOT recommend using the Steam Workshop</strong>, including the Steam Workshop version of The Sith Lords Restored Contente Mod. because frankly, the Steam Workshop is a mod compatibility nightmare for games like <em>KotOR 2</em>. I recommend reading this post: <a href="https://deadlystream.com/topic/7321-why-not-to-use-the-steam-workshop/" target="_blank">Why NOT to Use the Steam Workshop</a>.</p>
</article>
<main>
<div class="content-section">
<h1>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</h1>
<p>One of the flaws of <em>Star Wars: Knights of the Old Republic II: The Sith Lords</em> (<em>KotOR 2</em>) I believe everyone, regardless of how much you like the game (or not), will agree on, is that the Handmaiden, real name Brianna, will only join your party if you play as a male Jedi Exile. The idea of a potential party member only joins you based on your player character's gender already makes little to no sense to begin with, and it does not help that <em>Star Wars Legends</em>, the old <em>Star Wars</em> Expanded Universe, established that both Brianna the Handmaiden and Mical the Disciple join the female Exile's crew.</p>
<p>However, the good news is, there are actually mods that allow female Exiles to recruit Brianna the Handmaiden as a party member. Unfortunately, despite the fact that such mods have already existed since the 2000s, there are still <em>KotOR 2</em> fans who do not know the existence of such mods, which is why I am making this list. Brianna is an amazing character with an interesting story, so I highly recommend you to have at least one playthrough with Brianna as your companion regardless of your Exile’s gender.</p>
<p>These are the mods that allow female Exiles to recruit Brianna the Handmaiden as a party member:</p>
<h3>Handmaiden Choice for Females by Stoffe</h3>
<p>Released on April 23, 2005, Stoffe's <a href="https://www.gamefront.com/files/handmaiden-choice-for-females/" target="_blank">Handmaiden Choice for Females</a> was the very first mod that gives female Exiles the option to recruit the Handmaiden. However, it is <em>not</em> compatible with <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a>, as it was created and released years before TSLRCM. In addition, even with this mod, Handmaiden still refers to a female Exile with “he/him” pronouns, which some people (myself included) would find very immersion-breaking</p>
<h3>Handmaiden 4 Females - Disciple 4 Males by Hassat Hunter</h3>
<p>Released on March 14, 2014, Hassat Hunter made <a href="https://www.moddb.com/mods/the-sith-lords-restored-content-mod-tslrcm/addons/handmaiden-4-females-disciple-4-males-183" traget="_blank">Handmaiden 4 Females - Disciple 4 Males</a> based on Stoffe's Handmaiden Choice for Females, so the mod would be compatible with The Sith Lords Restored Content Mod (TSLRCM). However, this version retains the flaw of Handmaiden still referring to a female Exile with “he/him” pronouns. Additioally, the mod is outdated and no longer supported.</p>
<h3>PartySwap by DarthTyren</h3>
<p>This mod fixes any potential gender and pronouns mix-up by adding gender checks to dialogues that references the Exile’s gender, which, however, also prevents female Exiles from getting any dialogue that references any potential romantic feelings between the female Exile and the Handmaiden or Atris (similarly, if you play as a male Exile, you will not get any dialogue that references any potential romance between you and the Disciple). Therefore, if you also want to romance the Handmaiden as a female Exile (or romance the Disciple as a male Exile), I would recommend checking out the below mod as well.</p>
<h3>Handmaiden and Female Exile - Disciple and Male Exile Romance by Leilukin</h3>
<p>My mod, released on January 2, 2017. As the mod name suggests, this mod allows you to recruit and romance the Handmaiden as a female Exile, ditto for the Disciple as a male Exile. My mod also requires <a href="https://deadlystream.com/files/file/578-tsl-restored-content-mod/" target="_blank">The Sith Lords Restored Content Mod (TSLRCM)</a> to work.</p>
<p>My mod fixes any potential gender/pronouns mix-up by editing dialogue and splicing audio, so users of my mod can fully enjoy the Handmaiden and the Disciple's romance content without worrying about their Exile getting misgendered.</p>
<p>The default installation option of my mod will make the Handmaiden automatically joins a female Exile, and the Disciple automatically joins a male Exile. That said, my mod also provides an installation option to make my mod compatible with DarthTyren's PartySwap mod.</p>
<h3>Final Note</h3>
<p>It is very important to note when it comes to installing mods for <em>KotOR 2</em>, <strong>I do NOT recommend using the Steam Workshop</strong>, including the Steam Workshop version of The Sith Lords Restored Contente Mod. because frankly, the Steam Workshop is a mod compatibility nightmare for games like <em>KotOR 2</em>. I recommend reading this post: <a href="https://deadlystream.com/topic/7321-why-not-to-use-the-steam-workshop/" target="_blank">Why NOT to Use the Steam Workshop</a>.</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

78
shrines/starwarskotor/resources/tslrcm-m478ep-modules-music.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -12,52 +12,50 @@
<meta property="og:description" content="A list of all the modules and their music used by The Sith Lords Restored Content Mod and the M4-78 Enhancement Project, including codes for the warp cheat.">
<link rel="stylesheet" href="/shrines/starwarskotor/starwarskotor.css" type="text/css" media="all">
<link rel="icon" type="image/png" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<script src="/shrines/shrine.js" defer></script>
<script src="/shrines/starwarskotor/starwarskotor.js" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/shrines/starwarskotor/img/kotor-icon.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<title>TSLRCM + M4-78EP Modules, Warp Codes & Music Overview | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
<script src="/shrines/starwarskotor/components/header.js" defer></script>
<script src="/shrines/starwarskotor/components/navbar.js" defer></script>
<script src="/shrines/starwarskotor/components/sidebar-content.js" defer></script>
<script src="/shrines/starwarskotor/components/footer.js" defer></script>
<title>List of KotOR 2 Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub</title>
</head>
<body>
<div id="container">
<div id="headerArea">
<div id="header"></div>
<nav id="navbar">
</nav>
</div>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<div id="flex">
<article>
<h1>The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</h1>
<center><p>[Originally posted on <a href="https://deadlystream.com/topic/9541-tslrcm-m4-78ep-modules-warp-codes-music-overview/" target="_blank">Deadly Stream forums</a>]</p></center>
<aside id="leftSidebar">
<div class="sidebar-content" id="leftSidebarContent">
</div>
</aside>
<p>In 2017, modder Kexikus created a spreadsheet to list all of <a href="https://deadlystream.com/topic/5101-k1-music-overview-and-warp-code-list/" target="_blank">The first <em>Knights of the Old Republic</em> game's modules and their corresponding Day, Night and Battle music</a>. Sith Holocron, who is also a modder, requested a <em>Knights of the Old Republic II: The Sith Lords</em> version of such list, though none of the sort has been made, so I decided to volunteer the task myself.</p>
<p>Here you go:</p>
<p class="highlight"><a href="https://docs.google.com/spreadsheets/d/1HWJaCCIEiDVQxDDBjJ0jRWK1mUydoDdc7p7NdtRGdPQ/edit#gid=0" target="_blank">The Sith Lords Restored Content Mod (TSLRCM) + M4-78 Enhancement Project (M4-78EP) modules and music overview spreadsheet</a></p>
<p>This spreadsheet covers all the modules from both TSLRCM and M4-78EP. Like in K1, the module codes can be used for the warp cheat code (for example, <span class="monospace">warp 003EBO</span>).</p>
<p>All music tracks are listed with their number corresponding to their row in <span class="monospace">ambientmusic.2da</span>, their file name (the music files can be found in the StreamMusic folder) and their track title as identified with their TLK (<span class="monospace">dialog.tlk</span>) StrRef. I have also included previews of the music by linking to YouTube in the spreadsheet.</p>
<p>Hope you will find this spreadsheet helpful. Enjoy!</p>
</article>
<main>
<div class="content-section">
<h1>The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</h1>
<center><p>[Originally posted on <a href="https://deadlystream.com/topic/9541-tslrcm-m4-78ep-modules-warp-codes-music-overview/" target="_blank">Deadly Stream forums</a>]</p></center>
<p>In 2017, modder Kexikus created a spreadsheet to list all of <a href="https://deadlystream.com/topic/5101-k1-music-overview-and-warp-code-list/" target="_blank">The first <em>Knights of the Old Republic</em> game's modules and their corresponding Day, Night and Battle music</a>. Sith Holocron, who is also a modder, requested a <em>Knights of the Old Republic II: The Sith Lords</em> version of such list, though none of the sort has been made, so I decided to volunteer the task myself.</p>
<p>Here you go:</p>
<p class="highlight"><a href="https://docs.google.com/spreadsheets/d/1HWJaCCIEiDVQxDDBjJ0jRWK1mUydoDdc7p7NdtRGdPQ/edit#gid=0" target="_blank">The Sith Lords Restored Content Mod (TSLRCM) + M4-78 Enhancement Project (M4-78EP) modules and music overview spreadsheet</a></p>
<p>This spreadsheet covers all the modules from both TSLRCM and M4-78EP. Like in K1, the module codes can be used for the warp cheat code (for example, <span class="monospace">warp 003EBO</span>).</p>
<p>All music tracks are listed with their number corresponding to their row in <span class="monospace">ambientmusic.2da</span>, their file name (the music files can be found in the StreamMusic folder) and their track title as identified with their TLK (<span class="monospace">dialog.tlk</span>) StrRef. I have also included previews of the music by linking to YouTube in the spreadsheet.</p>
<p>Hope you will find this spreadsheet helpful. Enjoy!</p>
</div>
</main>
</div>
<footer id="footer"></footer>
</div>
<aside class="right-sidebar">
<right-sidebar-component></right-sidebar-component>
</aside>
</main>
<footer-component></footer-component>
</body>
</html>

790
shrines/starwarskotor/starwarskotor.css
View File

@ -1,355 +1,553 @@
:root {
--header-image: url('./img/swkotor-header.jpg');
--body-color: #fceaff;
--body-bg: #212121;
--content-bg: #000000;
--content: #43256E;
--title-color: #ffc400;
--title-border: #ffe387;
--code-bg: #241445;
--code-border: #e4dbbe;
--link-color: #bb9671;
--link-hover: #94575a;
--blockquote-bg: #2f2d2d;
--blockquote-border: #4d4385;
--box-bg: #13092D;
--body-bg-color: #212121;
/* --body-bg-image: url('/assets/starsforever.gif'); */
--body-font-color: #fceaff;
--content-bg-color: #000000;
--main-heading-color: #ffc400;
--sub-heading-color: #ffc400;
--title-border-color: #ffe387;
--bold-font-color: #ff9933;
--link-color: #bb9671;
--link-hover-color: #94575a;
--quote-bg: #2f2d2d;
--quote-border-color: #4d4385;
--code-bg-color: #241445;
--code-border-color: #e4dbbe;
--link-btn-bg: #873eb5;
--link-btn-text: white;
--link-btn-hover: #241445;
--header-bg-color: black;
--nav-bg: #1c1c1c;
--nav-link: white;
--nav-submenu-active: #111;
--nav-item-hover: #ccc;
--top-btn-bg: #251347;
--top-btn-icon: #d3aad5;
--footer-bg: #1c1c1c;
}
@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-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;
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: 1rem; /* 16px */
margin: 0;
background-color: var(--body-bg);
background-size: 4rem;
color: var(--body-color);
background-image: var(--body-bg-image);
background-attachment: fixed;
line-height: 1.6;
}
* {
box-sizing: border-box;
/* CSS RESET */
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3 {
color: var(--title-color);
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* STYLING BEGINS */
body {
display: flex;
align-items: center;
flex-direction: column;
font-family: 'Nunito';
color: var(--body-font-color);
background-color: var(--body-bg-color);
background-image: var(--body-bg-image);
background-attachment: fixed;
}
h1 {
font-size: 2.2rem;
border-bottom: 0.18rem solid var(--title-border);
padding-bottom: 0.5rem;
color: var(--main-heading-color);
}
h1:not(:first-child) {
padding-top: 30px;
h1 {
margin-bottom: 1.2rem;
}
h2, h3 {
color: var(--sub-heading-color);
}
h1 {
font-size: 2.2rem;
border-bottom: 0.18rem solid var(--title-border-color);
}
h2 {
font-size: 1.7rem;
font-size: 1.7rem;
}
article h2,
article h3 {
margin-top: 1.5rem;
}
p {
padding: 0.5rem 0;;
}
strong {
color: var(--title-color);
color: var(--bold-font-color);
}
hr {
width: 75%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
a {
font-weight: 700;
color: var(--link-color);
}
a:hover {
color: var(--link-hover-color);
}
blockquote {
border-left: var(--blockquote-border) 3px solid;
background: var(--blockquote-bg);
padding: 0 0.75rem;
margin: 0 1.5rem;
margin: 1.5rem 0;
padding: 0.5rem 1rem;
border-inline-start: 0.1rem solid var(--main-heading-color);
background-color: var(--quote-bg);
}
.linkBtn {
font: 1.1rem 'Source Sans Pro', Arial, sans-serif;
border: 0.125rem solid var(--link-color);
border-radius: 10px;
padding: 0.75rem 1rem;
margin: 0.25em 0.15em;
background: none;
color: var(--link-color);
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
pre {
white-space: pre-wrap;
overflow-x: auto;
}
.linkBtn:hover {
cursor:pointer;
color: white;
background-color: var(--link-color);
transition: 0.5s;
/* HEADER */
header {
width: 100vw;
max-height: 20rem;
background-color: var(--header-bg-color);
/* background: var(--header-img); */
background-repeat: no-repeat;
background-size: auto;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
}
span.monospace {
font-family: monospace;
border: 1px solid var(--code-border);
padding: 2px;
background-color: var(--code-bg);
header img {
object-fit: contain;
height: 100%;
}
/* NAVIGATION BAR */
nav {
background: var(--nav-bg);
padding: 0 0.9rem;
width: 100%;
z-index: 999;
}
nav a {
color: var(--nav-link);
text-decoration: none;
cursor: pointer;
}
.nav__menu,
.nav__submenu {
list-style-type: none;
padding-left: 0;
margin: 0;
}
.nav__title {
font-size: 20px;
padding: 0.2rem 0;
}
.nav__item {
padding: 0.6rem;
}
.nav__item a:hover,
.nav__item a:hover::after {
color: var(--nav-item-hover);
}
/* Mobile nav__menu */
.nav__menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.nav__menu li a {
display: block;
padding: 0.9rem 0.8rem;
}
.nav__menu li.nav__subitem a {
padding: 0.9rem;
}
.nav__toggle {
order: 1;
font-size: 1.25rem;
}
.nav__item {
order: 3;
width: 100%;
text-align: center;
display: none;
}
.nav__active .nav__item {
display: block;
}
/* nav__submenu up from mobile screens */
.nav__submenu {
display: none;
}
.nav__submenu-active .nav__submenu {
display: block;
}
.nav__has-submenu i {
font-size: 0.75rem;
}
.nav__has-submenu > a::after {
font-family: "Font Awesome 5 Free";
font-size: 0.75rem;
line-height: 1.6;
font-weight: 900;
content: "\f078";
color: white;
padding-left: 0.3125rem;
}
.nav__subitem a {
padding: 0.625rem 0.9rem;
}
.nav__submenu-active {
background-color: var(--nav-submenu-active);
border-radius: 0.1875rem;
}
/* Added to the navbar with JS when it reaches its scroll position */
.sticky-nav {
position: fixed;
width: 100vw;
top: 0;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky-nav + main {
padding-top: 3.75rem;
}
/* Tablet nav__menu */
@media all and (min-width: 43.75rem) {
.nav__menu {
justify-content: center;
}
.nav__title {
flex: 1;
}
.nav__toggle {
flex: 1;
text-align: right;
order: 2;
}
}
/* Desktop nav__menu */
@media all and (min-width: 60rem) {
.nav__menu {
align-items: flex-start;
flex-wrap: nowrap;
background: none;
}
.nav__title {
order: 0;
}
.nav__item {
order: 1;
position: relative;
display: block;
width: auto;
}
.nav__submenu-active .nav__submenu {
display: block;
position: absolute;
left: 0;
top: 68px;
background: var(--nav-submenu-active);
}
.nav__toggle {
display: none;
}
.nav__submenu-active {
border-radius: 0;
}
}
/* MAIN CONTENT */
main, .content-container {
gap: 0.8rem;
display: flex;
flex-direction: column;
width: 100%;
}
main {
font-size: 1.2rem;
}
article, .content-section {
background-color: var(--content-bg-color);
padding: 1.35rem;
}
.article-section {
padding: 1.25rem 0;
}
aside {
padding: 1rem;
font-size: 0.9rem;
background-color: var(--content-bg-color);
}
article, .content-container {
order: 1;
}
.left-sidebar {
order: 2;
}
.right-sidebar {
order: 3;
}
/* Tablet main content layout */
@media only screen and (min-width: 43.75rem) {
main {
flex-direction: row;
}
aside {
width: 10rem;
}
article, .content-container {
flex: 1;
order: 2;
}
.left-sidebar {
order: 1;
}
.right-sidebar {
order: 3;
}
}
/* Desktop main content layout */
@media only screen and (min-width: 60rem) {
main {
width: 60rem;
display: flex;
flex-direction: row;
justify-content: center;
}
aside {
width: 13rem;
}
}
/* CONTENT ELEMENTS WITH CUSTOM CLASSES */
.inline-code {
font-family: monospace;
border: 0.06rem solid var(--code-border-color);
padding: 0.125rem 0.3rem;
margin-left: 0.125rem;
margin-right: 0.125rem;
background-color: var(--code-bg-color);
}
.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;
background-color: var(--code-bg-color);
border: 0.08rem solid var(--code-border-color);
display: block;
padding: 0.5em 0.8rem;
overflow-x: auto;
word-break: keep-all;
}
.box {
background-color: var(--box-bg);
border: 1px solid var(--title-color);
padding: 10px;
.text-box {
background-color: var(--quote-bg);
border: 0.06rem solid var(--main-heading-color);
padding: 0.625rem;
margin-bottom: 0.8rem;
}
.link-btn {
font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
display: inline-block;
border: 0.15rem solid var(--link-btn-bg);
border-radius: 0.6rem;
padding: 0.75rem 1rem;
background-color: var(--link-btn-bg);
color: var(--link-btn-text);
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
}
.link-btn,
.link-btn:hover,
.link-btn:visited {
text-decoration: none;
}
.link-btn:hover {
cursor: pointer;
background-color: var(--link-btn-hover);
transition: 0.5s;
}
.full-width-youtube-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
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: var(--link-color);
font-weight: bold;
}
#container a:hover {
color: var(--link-hover);
}
#header {
width: 100%;
background-color: var(--content-bg);
height: 480px;
background-image: var(--header-image);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
/* NAVIGATION SECTION */
.sticky-nav {
position: fixed;
top: 0;
max-width: 1100px;
}
#navbar {
height: 2.5rem;
background-color: var(--content-bg);
width: 100%;
margin-bottom: 0.625rem;
z-index: 999;
}
#navbar ul {
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
justify-content: space-evenly;
}
#navbar li {
padding-top: 0.625rem;
}
#navbar li a {
color: var(--link-color);
/* navbar text color */
font-weight: 800;
text-decoration: none;
/* this removes the underline */
}
#navbar li a:hover {
color: var(--link-hover);
text-decoration: underline;
}
#flex {
display: flex;
}
/* EXTRAS */
#topBar {
width: 100%;
height: 1.875rem;
padding: 0.625rem;
font-size: smaller;
background-color: var(--box-bg);
}
/* MAIN CONTENT AREA, between the sidebars */
main {
font-size: 1.2rem;
flex: 1;
order: 2;
}
.content-section {
background-color: var(--content-bg);
padding: 1.25rem;
}
.content-section:not(:first-child) {
margin-top: 0.625rem;
}
/* This colors BOTH sidebars
If you want to style them separately,
create styles for #leftSidebar and #rightSidebar */
aside {
background-color: var(--content-bg);
width: 12.5rem;
padding: 1.25rem;
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: 1.25rem;
}
#leftSidebar {
order: 1;
margin-right: 1.25rem;
}
#rightSidebar {
order: 3;
margin-left: 1.25rem;
}
.sidebar-content {
position: sticky;
top: 40px;
font-size: 0.9rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* TABLE OF CONTENTS */
.toc-title {
font-size: 1.3rem;
font-weight: bold;
.sidebar__toc {
position: sticky;
top: 5rem;
}
.toc-list {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
.sidebar__toc-title {
font-size: 1.3rem;
font-weight: bold;
}
.toc-list li {
margin-bottom: 0.5em;
.sidebar__toc-list {
list-style: none;
margin-left: 0;
padding-left: 0;
font-size: 1rem;
}
.sidebar__toc-list li {
margin-bottom: 0.5em;
}
.sidebar__toc-list ul {
padding-left: 1.25rem;
}
/* FOOTER */
footer {
background-color: var(--content-bg);
width: 100%;
height: 2.5rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.25rem;
}
/* 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: 1;
}
#leftSidebar {
order: 2;
margin-right: 1.25rem;
}
#rightSidebar {
order: 3;
margin-left: 1.25rem;
}
#navbar ul {
flex-wrap: wrap;
}
background-color: var(--footer-bg);
width: 100vw;
padding: 0.5rem;
text-align: center;
}

21
shrines/starwarskotor/starwarskotor.js
View File

@ -1,21 +0,0 @@
/* --- SCRIPT FOR THE NAVIGATION BAR --- */
var navBarHTML = `
<ul>
<li><a href="/shrines/starwarskotor/">Home</a></li>
<li><a href="/shrines/starwarskotor/articles/">Articles</a></li>
<li><a href="/shrines/starwarskotor/guides/">Guides</a></li>
<li><a href="/shrines/starwarskotor/resources/">Resources</a></li>
<li><a href="/home.html">Main Site</a></li>
</ul>
`;
document.querySelector("#navbar").innerHTML = navBarHTML;
/* --- SCRIPT FOR THE RIGHT SIDEBAR --- */
var leftSidebarHTML = `
<h2>About</h2>
<p><em>Star Wars: Knights of the Old Republic</em> is a space opera role-playing video game series that takes place in the <em>Star Wars</em> universe. The story takes place approximately 4,000 years before the rise of the Galactic Empire.</p>
`;
document.querySelector("#leftSidebarContent").innerHTML = leftSidebarHTML;

157
sitemap.html
View File

@ -1,116 +1,111 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="en" dir="ltr" id="page-top">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:url" content="https://leilukin.neocities.org/sitemap.html">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.neocities.org/sitemap">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:title" content="Site Map | Leilukin's Hub">
<meta property="og:description" content="Site map of Leilukin's Hub">
<link rel="stylesheet" href="/main.css" type="text/css" media="all">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<script src="/main.js" defer></script>
<script src="/components/header.js" defer></script>
<script src="/components/navbar.js" defer></script>
<script src="/components/footer.js" defer></script>
<title>Site Map | Leilukin's Hub</title>
</head>
<body>
<header-component></header-component>
<main>
<!-- <aside class="left-sidebar">
Left sidebar content here
</aside> -->
<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>Site Map</h1>
<p>This page lists the links to the pages on my website for easier navigation.</p>
<article>
<h1>Site Map</h1>
<p>This page lists the links to the pages on my website for easier navigation.</p>
<ul>
<li><a href="/">Index</a></li>
<li><a href="/home.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
<ul>
<li><a href="/">Index</a></li>
<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="/blog/archive.html">Archive</a></li>
</ul>
<li><a href="/articles/">Articles</a></li>
<li><a href="/mycreations/">My Creations</a></li>
<li><a href="/mymods/">My Mods</a></li>
<ul>
<li><a href="/mymods/kotor1mods/"><em>Star Wars: Knights of the Old Republic</em></a></li>
<li><a href="/mymods/kotor2mods/"><em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
<li><a href="/playlists/">Playlists</a></li>
<li><a href="/featured/">Featured</a></li>
<ul>
<li><a href="/featured/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="/featured/lgbtq-booklet-interview-misi-bawang.html">Artist Interview for MISI:Bawang's Floating in a Sky Full of Pride</a></li>
</ul>
<li><a href="/resources/">Resources</a></li>
<ul>
<li><a href="/resources/anti-harry-potter-jk-rowling-masterlist.html">Anti-Harry Potter and Anti-J.K. Rowling Masterlist</a></li>
</ul>
<li><a href="/shrines/">Shrines</a></li>
<ul>
<li><a href="/shrines/asummersend/"><em>A Summer’s End — Hong Kong 1986</em></a></li>
<ul>
<li><a href="/blog/archive.html">Archive</a></li>
<li><a href="/shrines/asummersend/playlists.html">Playlists</a></li>
<li><a href="/shrines/asummersend/trivia.html">Trivia</a></li>
<li><a href="/shrines/asummersend/gallery.html">Gallery</a></li>
</ul>
<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="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em></a></li>
<ul>
<li><a href="/mymods/kotor1mods/"><em>Star Wars: Knights of the Old Republic</em></a></li>
<li><a href="/mymods/kotor2mods/"><em>Star Wars: Knights of the Old Republic II: The Sith Lords</em></a></li>
</ul>
<li><a href="/playlists/">Playlists</a></li>
<li><a href="/featured/">Featured</a></li>
<ul>
<li><a href="/featured/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="/featured/lgbtq-booklet-interview-misi-bawang.html">Artist Interview for MISI:Bawang's Floating in a Sky Full of Pride</a></li>
</ul>
<li><a href="/resources/">Resources</a></li>
<ul>
<li><a href="/resources/anti-harry-potter-jk-rowling-masterlist.html">Anti-Harry Potter and Anti-J.K. Rowling Masterlist</a></li>
</ul>
<li><a href="/shrines/">Shrines</a></li>
<ul>
<li><a href="/shrines/asummersend/"><em>A Summer’s End — Hong Kong 1986</em></a></li>
<li><a href="/shrines/starwarskotor/articles/">Articles</a></li>
<ul>
<li><a href="/shrines/asummersend/playlists.html">Playlists</a></li>
<li><a href="/shrines/asummersend/trivia.html">Trivia</a></li>
<li><a href="/shrines/asummersend/gallery.html">Gallery</a></li>
<li><a href="/shrines/starwarskotor/articles/juhani-lesbian-evidence.html">Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic's</em> Game Files</a></li>
<li><a href="/shrines/starwarskotor/articles/juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
<li><a href="/shrines/starwarskotor/articles/arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
<li><a href="/shrines/starwarskotor/articles/handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a></li>
</ul>
<li><a href="/shrines/starwarskotor/"><em>Star Wars: Knights of the Old Republic</em></a></li>
<li><a href="/shrines/starwarskotor/guides/">Guides</a></li>
<ul>
<li><a href="/shrines/starwarskotor/articles/">Articles</a></li>
<ul>
<li><a href="/shrines/starwarskotor/articles/juhani-lesbian-evidence.html">Evidence of Juhani being a Lesbian from <em>Star Wars: Knights of the Old Republic's</em> Game Files</a></li>
<li><a href="/shrines/starwarskotor/articles/juhani-hostility-towards-canderous.html">How to Access Juhani's Conversaion about Canderous without Restoration Mods</a></li>
<li><a href="/shrines/starwarskotor/articles/arren-kae-kreia-theory.html">Why I Personally Do Not Subscribe to the “Arren Kae is Kreia” Theory</a></li>
<li><a href="/shrines/starwarskotor/articles/handmaiden-sisters-mother.html">Where is the Mother of the Handmaiden’s Sisters?</a></li>
</ul>
<li><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><a href="/shrines/starwarskotor/resources/">Resources</a></li>
<ul>
<li><a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods.html">List of Same-Gender Romance Mods for the <em>KotOR</em> Series</a></li>
<li><a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods.html">List of <em>KotOR 2</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
<li><a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</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><a href="/shrines/starwarskotor/resources/">Resources</a></li>
<ul>
<li><a href="/shrines/starwarskotor/resources/kotor-same-gender-romance-mods.html">List of Same-Gender Romance Mods for the <em>KotOR</em> Series</a></li>
<li><a href="/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods.html">List of <em>KotOR 2</em> Mods that Allow Female Exiles to Recruit the Handmaiden as a Party Member</a></li>
<li><a href="/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music.html">The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes & Music Overview</a></li>
</ul>
</ul>
<li><a href="/links/">Links</a></li>
<li><a href="/changelog/">Changelog</a></li>
<ul>
<li><a href="/changelog/2022.html">2022</a></li>
<li><a href="/changelog/2023-redesign.html">2023 New Year Redesign of Leilukin's Hub</a></li>
<li><a href="/changelog/layouts/">Layout Archive</a></li>
</ul>
</ul>
<li><a href="/links/">Links</a></li>
<li><a href="/changelog/">Changelog</a></li>
<ul>
<li><a href="/changelog/2022.html">2022</a></li>
<li><a href="/changelog/2023-redesign.html">2023 New Year Redesign of Leilukin's Hub</a></li>
<li><a href="/changelog/layouts/">Layout Archive</a></li>
</ul>
</ul>
</article>
</main>
</div>
<footer id="footer"></footer>
</div>
<!-- <aside class="right-sidebar">
Right sidebar content here
</aside> -->
</main>
<footer-component></footer-component>
</body>
</html>