Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
leilukin-site/_site/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/index.html

396 lines
12 KiB
HTML
Raw Normal View History

Make site output folder public
2024-04-20 10:10:34 +00:00
<!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:title" content="The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview | Resources | Star Wars: Knights of the Old Republic Shrine">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="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.">
<meta name="generator" content="Eleventy v2.0.1">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leilukin.neocities.org/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
<meta property="og:site_name" content="Leilukin's Hub">
<meta property="og:locale" content="en_MY">
<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.">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://leilukin.neocities.org/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
<meta name="twitter: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="canonical" href="https://leilukin.neocities.org/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/">
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/starwarskotor.css">
<link rel="stylesheet" href="/assets/fonts/noto-sans/noto-sans.css">
<link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
<link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
<link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
Create sub-folder for shrines in the assets folder
2024-04-21 23:15:48 +00:00
<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
Make site output folder public
2024-04-20 10:10:34 +00:00
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<title>
The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview | Resources | Star Wars: Knights of the Old Republic Shrine | Leilukin's Hub
</title>
</head>
<body>
<header class="hero">
<div class="hero__top-bar hidden"></div>
<div class="hero__img">
<picture>
Create sub-folder for shrines in the assets folder
2024-04-21 23:15:48 +00:00
<source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.png" media="(orientation: landscape)" />
<img src="/assets/shrines/starwarskotor/images/swkotor-header.jpg" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
Make site output folder public
2024-04-20 10:10:34 +00:00
</picture>
</div>
</header>
<style>
.hero {
width: 100%;
background-color: var(--clr-hero-bg);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.hero__top-bar {
background-color: var(--clr-navbar-bg);
width: 100%;
Adjust hero top bar paddings
2024-04-23 07:57:54 +00:00
padding: 0.5em 0.7em;
Make site output folder public
2024-04-20 10:10:34 +00:00
}
.hero__img {
display: grid;
place-content: center;
}
.hero img {
Set max height of hero image to 16rem
2024-04-20 11:43:13 +00:00
object-fit: contain;
Make site output folder public
2024-04-20 10:10:34 +00:00
overflow: hidden;
Set max height of hero image to 16rem
2024-04-20 11:43:13 +00:00
max-height: 16rem;
Set hero image drop shadow only on the main hero template
2024-04-26 16:12:13 +00:00
Make site output folder public
2024-04-20 10:10:34 +00:00
}
</style>
<script defer>
const hero = document.querySelector(".hero");
const heroTopBarEl = document.querySelector(".hero__top-bar");
const headerImgEl = document.querySelector(".hero__img");
Move today event variable to individual hero templates
2024-04-29 03:16:44 +00:00
const todayEvent = getTodayEvent();
Make site output folder public
2024-04-20 10:10:34 +00:00
if (todayEvent != "No event") {
heroTopBarEl.classList.remove('hidden');
heroTopBarEl.innerHTML = getBlurbHtml(todayEvent);
}
function getTodayEvent() {
const date = new Date();
const month = date.getMonth() + 1;
const day = date.getDate();
Display anniversary year count of KotOR releases on the top bar
2024-04-23 08:42:37 +00:00
if (month == 7 && day == 15)
Make site output folder public
2024-04-20 10:10:34 +00:00
return "KotOR 1 Anniversary";
else if (month == 12 && day == 6)
return "KotOR 2 Anniversary";
else
return "No event";
}
function getBlurbHtml(day) {
Display anniversary year count of KotOR releases on the top bar
2024-04-23 08:42:37 +00:00
const currentYear = new Date().getFullYear();
const kotor1ReleaseDate = new Date("2003-07-15").getFullYear();
const kotor2ReleaseDate = new Date("2004-12-06").getFullYear();
const kotor1Anniversary = currentYear - kotor1ReleaseDate;
const kotor2Anniversary = currentYear - kotor2ReleaseDate;
Make site output folder public
2024-04-20 10:10:34 +00:00
switch (day) {
case "KotOR 1 Anniversary":
return `
Display anniversary year count of KotOR releases on the top bar
2024-04-23 08:42:37 +00:00
Today is the ${kotor1Anniversary}-year anniversary of the release of <cite>Star Wars: Knihgts of the Old Republic</cite>
Make site output folder public
2024-04-20 10:10:34 +00:00
`;
break;
case "KotOR 2 Anniversary":
return `
Display anniversary year count of KotOR releases on the top bar
2024-04-23 08:42:37 +00:00
Today is the ${kotor2Anniversary}-year anniversary of the release of <cite>Star Wars: Knights of the Old Republic II — The Sith Lords</cite>
Make site output folder public
2024-04-20 10:10:34 +00:00
`;
break;
default:
return ``;
}
}
</script>
<nav class="navbar">
<ul class="nav__menu">
<li>
<a href="/shrines/starwarskotor/">Shrine 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="/shrines/starwarskotor/universes/">Universes</a>
</li>
<li><a href="/shrines/">Shrine Index</a></li>
<li><a href="/">Main Site</a></li>
</ul>
</nav>
<style>
.navbar {
background: var(--clr-navbar-bg);
padding: 0 0.6rem;
width: 100%;
z-index: 999;
position: sticky;
top: 0;
}
.navbar a {
color: var(--clr-navbar-link);
text-decoration: none;
cursor: pointer;
}
.navbar a:hover {
color: var(--clr-link-hover);
}
.navbar a:focus {
outline-offset: 0.3em;
outline: 0.15em solid var(--clr-navbar-link);
}
.nav__menu {
list-style: none;
padding: 0;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
gap: 0.5rem;
}
</style>
<main>
<header class="main__header">
<ul class="breadcrumbs">
<li>
Remove unused breadcrumb class
2024-04-24 17:42:28 +00:00
<a href="/shrines/">Shrines</a>
Make site output folder public
2024-04-20 10:10:34 +00:00
</li>
<li>
Remove unused breadcrumb class
2024-04-24 17:42:28 +00:00
<a href="/shrines/starwarskotor/">Star Wars: Knights of the Old Republic Shrine</a>
Make site output folder public
2024-04-20 10:10:34 +00:00
</li>
<li>
Remove unused breadcrumb class
2024-04-24 17:42:28 +00:00
<a href="/shrines/starwarskotor/resources/">Resources</a>
Make site output folder public
2024-04-20 10:10:34 +00:00
</li>
</ul>
Remove "Resources" from the page title of KotOR resources
2024-04-24 17:39:46 +00:00
<h1>The Sith Lords Restored Content Mod + M4-78 Enhancement Project Modules, Warp Codes &amp; Music Overview</h1>
Make site output folder public
2024-04-20 10:10:34 +00:00
<p>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.</p>
</header>
<div class="content__wrapper">
<div class="content ">
<p>[Originally posted on <a href="https://deadlystream.com/topic/9541-tslrcm-m4-78ep-modules-warp-codes-music-overview/">Deadly Stream forums</a>]</p>
<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/">The first Knights of the Old Republic game's modules and their corresponding Day, Night and Battle music</a>. Sith Holocron, who is also a modder, requested a Knights of the Old Republic II: The Sith Lords 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><a href="https://docs.google.com/spreadsheets/d/1HWJaCCIEiDVQxDDBjJ0jRWK1mUydoDdc7p7NdtRGdPQ/edit#gid=0">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, warp 003EBO).</p>
<p>All music tracks are listed with their number corresponding to their row in ambientmusic.2da, their file name (the music files can be found in the StreamMusic folder) and their track title as identified with their TLK (dialog.tlk) 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>
<aside class="right-sidebar">
<div class="shrine__info sidebar--sticky">
<h2>About</h2>
<p>Welcome to Leilukin's shrine for <cite>Star Wars: Knights of the Old Republic</cite>, a series of role-playing video games set in the <cite>Star Wars</cite> universe, taking place almost 4,000 years before the events of the Skywalker film saga.</p>
<h3>Links</h3>
<ul>
<li><a href="https://kotor.neocities.org/" target="_blank">KOTOR Community Portal</a></li>
</ul>
</div>
</aside>
<style>
.right-sidebar {
background-color: var(--clr-content-bg);
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
}
.shrine__info {
padding: 1rem;
}
.shrine__info h2 {
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
margin-bottom: 0.2em;
}
.shrine__info h3 {
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
margin-top: 1em;
}
.shrine__info ul {
margin-top: 0.5em;
}
</style>
</div>
<style>
.breadcrumbs {
list-style: none;
padding: 0;
margin: 0 0 0.7em 0;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
justify-content: center;
}
Make breadcrumbs arrow ::after selecter content
2024-04-24 17:31:54 +00:00
.breadcrumbs li::after {
content: '➔';
padding-left: 0.3em;
}
Make site output folder public
2024-04-20 10:10:34 +00:00
</style>
</main>
<footer class="footer">
<p>Made with ♥ and the Force by Leilukin | Shrine Launched: 17 February 2023</p>
Put common code block for shrine footer in the global template
2024-04-26 09:31:18 +00:00
<p>Back to: <a href="/shrines/">Shrine Index</a> | <a href="/">Leilukin&#39;s Hub</a></p>
Make site output folder public
2024-04-20 10:10:34 +00:00
</footer>
<style>
.footer {
margin-top: auto;
background: var(--clr-main-footer-bg);
padding: 0.8rem;
text-align: center;
display: grid;
}
.footer p {
padding: 0;
}
.footer__links {
justify-self: center;
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 0.7em;
}
Move the link separtor in list elements to ::after selector
2024-04-20 10:59:51 +00:00
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
Make site output folder public
2024-04-20 10:10:34 +00:00
@media only screen and (min-width: 600px) {
.footer {
width: 100%;
}
}
</style>
Use Font Awesome icons for scroll-to-top button
2024-04-21 19:05:20 +00:00
<button class="top-btn hidden" aria-label="Scroll to top">
<i class="fa-solid fa-chevron-up"></i>
Make site output folder public
2024-04-20 10:10:34 +00:00
</button>
<style>
.top-btn {
position: fixed;
Use Font Awesome icons for scroll-to-top button
2024-04-21 19:05:20 +00:00
margin: 0;
padding: 0;
Enlarge scroll-to-top button
2024-04-21 19:08:40 +00:00
bottom: 0.5rem;
right: 0.5rem;
Make site output folder public
2024-04-20 10:10:34 +00:00
z-index: 999;
border: none;
Use Font Awesome icons for scroll-to-top button
2024-04-21 19:05:20 +00:00
background-color: var(--clr-top-btn-bg);
color: var(--clr-top-btn-txt);
Make site output folder public
2024-04-20 10:10:34 +00:00
border-radius: 50em;
Enlarge scroll-to-top button
2024-04-21 19:08:40 +00:00
width: 2rem;
Use Font Awesome icons for scroll-to-top button
2024-04-21 19:05:20 +00:00
aspect-ratio: 1 / 1;
Make site output folder public
2024-04-20 10:10:34 +00:00
}
.top-btn:focus {
Use Font Awesome icons for scroll-to-top button
2024-04-21 19:05:20 +00:00
outline: 0.25em solid var(--clr-top-btn-bg);
Make site output folder public
2024-04-20 10:10:34 +00:00
outline-offset: 0.15em;
}
</style>
<script defer>
const topButton = document.querySelector(".top-btn");
window.onscroll = () => {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
topButton.classList.remove("hidden");
} else {
topButton.classList.add("hidden");
}
}
topButton.addEventListener('click', () => {
window.scrollTo({
top: 0,
left: 0,
behavior: "smooth",
});
});
</script>
</body>
</html>