Add about page and 3rd party licenses file

This commit is contained in:
2026-02-14 18:43:47 +01:00
parent a7df0b0897
commit 2d2c395ded
7 changed files with 795 additions and 7 deletions

View File

@@ -50,7 +50,7 @@
<!-- Main content -->
<main class="content">
<h1 id="title">Home</h1>
<h1 id="title">Silk Fly Launcher</h1>
<div class="view" id="view">
</div>
</main>
@@ -58,7 +58,28 @@
<!-- Template -->
<template id="home-template">
<h2>Silk Fly Launcher</h2>
<h2>About</h2>
<div class="horizontal-div separated-div">
<div class="horizontal-div">
<img src="assets/logo.png" alt="Silk Fly Launcher Logo" class="big-logo-img"/>
<div>
<h3>Silk Fly Launcher</h3>
<p class="transparent-text">v1.0.0</p>
</div>
</div>
<div class="horizontal-div">
<img onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar/Silk-Fly-Launcher')" src="data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%23fff'/%3e%3c/svg%3e" alt="Github logo" class="logo-img"/>
</div>
</div>
<br>
<ul>
<li>Silk Fly Launcher is a launcher and mod manager for Silksong mods from Nexus, built with Electron.</li>
<li>This product is licensed under the <a href="" class="link" onclick="electronAPI.openWindow('LICENSE')">GNU General Public License Version 3</a>.</li>
<li>This product uses third-party modules or assets under <a href="" class="link" onclick="electronAPI.openWindow('3RD-PARTY-LICENSES')">third-party licenses</a>.</li>
<li>Found a bug or have a feature request? Please <a href="" class="link" onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar/Silk-Fly-Launcher/issues')">create an issue on GitHub</a>.</li>
<li>Made with ♥ by <a href="" class="link" onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar')">GabiZar</a>.</li>
</ul>
<br>
</template>
<template id="installed-mods-template">
@@ -157,7 +178,7 @@
<li id="Silk-Fly-Launcher"></li>
<li id="Electron"></li>
<li id="Node"></li>
<li id="Chrome"></li>
<li id="Chromium"></li>
</ul>
<p id="version-text"></p>
</div>

View File

@@ -8,6 +8,8 @@ const onlineModsTemplate = document.getElementById("online-mods-template");
const settingsTemplate = document.getElementById("settings-template");
const modTemplate = document.getElementById("mod-template");
let old_page
//////////////////////////////////////////////////////
///////////////// CONST FOR WELCOME //////////////////
@@ -44,10 +46,15 @@ async function on_startup() {
///////////////////// NAVIGATE ///////////////////////
async function navigate(page) {
if (old_page == page) {
return
}
old_page = page
view.replaceChildren()
switch (page) {
case "home":
title.innerText = "Home";
title.innerText = "Silk Fly Launcher";
const HomeTemplateCopy = HomeTemplate.content.cloneNode(true)
view.appendChild(HomeTemplateCopy)
break;
@@ -146,7 +153,7 @@ async function navigate(page) {
"Silk-Fly-Launcher": `Silk Fly Launcher: v${versions.silkFlyLauncher()}`,
"Electron": `Electron: v${versions.electron()}`,
"Node": `Node.js: v${versions.node()}`,
"Chrome": `Chrome: v${versions.chrome()}`,
"Chromium": `Chromium: v${versions.chromium()}`,
}
silksongPathInput.value = await files.loadSilksongPath()

View File

@@ -18,7 +18,7 @@
body {
background: black;
color: #eee;
color: var(--text-color);
height: 100vh;
overflow: hidden;
}
@@ -65,6 +65,10 @@ body {
height: 50px;
}
.big-logo-img {
height: 100px;
}
.nav {
padding: 20px;
}
@@ -141,6 +145,12 @@ body {
margin-top: 8px;
}
.separated-div {
display: flex;
align-items: center;
justify-content: space-between;
}
.input {
flex: 1;
height: 30px;

View File

@@ -19,6 +19,10 @@
<template id="welcome-template">
<h1 class="title">Welcome to Silk Fly Launcher</h1>
<div class="horizontal-div welcome-div">
<p>Silk Fly Launcher is a launcher and mod manager for Silksong mods from Nexus, built with Electron.</p>
<p>Made with ♥ by <a href="" class="link" onclick="electronAPI.openExternalLink('https://github.com/Gabi-Zar')">GabiZar</a>.</p>
</div>
</template>
<template id="one-button-template">