GabiZar/Silk-Fly-Launcher
1
0
Fork 0
mirror of https://github.com/Gabi-Zar/Silk-Fly-Launcher.git synced 2026-04-17 05:26:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

made some changes

Browse Source
This commit is contained in:
GabiZar
2026-01-15 16:03:11 +01:00
parent ccb10886b7
commit c5693dcd4d
3 changed files with 60 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
renderer/index.html
View File

@@ -32,7 +32,6 @@
Run Modded Run Modded
</button> </button>
</div> </div>
<div
<div class="nav-section"> <div class="nav-section">
<span class="nav-title">Mods</span> <span class="nav-title">Mods</span>
@@ -50,12 +49,43 @@
<!-- Main content --> <!-- Main content -->
<main class="content"> <main class="content">
<h1 id="title">Home</h1> <h1 id="title">Home</h1>
<img src="assets/hornetUITop.png" class="separator_image"/> <div class="view" id="viewDiv">
<div id="view" class="view"> <p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p> <p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
<p>Welcome to the Silk Fly Launcher.</p>
</div>
</div>
<div class="slider-container">
<label for="heightSlider">Hauteur :</label>
<input type="range" id="heightSlider" min="200" max="1000" value="420">
<span id="heightValue">420px</span>
</div> </div>
<img src="assets/needleUIBottom.png" class="separator_image"/>
</main>
</div> </div>

9
renderer/renderer.js
View File

@@ -1,5 +1,14 @@
const title = document.getElementById("title"); const title = document.getElementById("title");
const view = document.getElementById("view"); const view = document.getElementById("view");
const slider = document.getElementById("heightSlider");
const viewDiv = document.getElementById("viewDiv");
const heightValue = document.getElementById("heightValue");
slider.addEventListener("input", () => {
const height = slider.value + "px";
viewDiv.style.height = height;
heightValue.textContent = height;
});
function navigate(page) { function navigate(page) {
switch (page) { switch (page) {

30
renderer/style.css
View File

@@ -26,7 +26,7 @@ body {
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
z-index: -1; z-index: -1;
filter: brightness(0.8); filter: brightness(1);
} }
.sidebar { .sidebar {
@@ -107,22 +107,22 @@ body {
} }
.view { .view {
background: rgba(0, 0, 0, 0.4); width: clamp(600px, 70vw, 900px);
border: 0px; background: rgba(0, 0, 0, 0.6);
border-radius: 8px; border-radius: 12px;
padding: 40px; padding: 40px;
min-height: 450px;
margin-top: -5.5%;
margin-bottom: -6.5%;
z-index: -1;
position: relative; position: relative;
z-index: -1;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
overflow: auto;
height: 420px;
} }
.separator_image { .slider-container {
width: 50%; margin-top: 20px;
margin: 20px auto; width: clamp(600px, 70vw, 900px);
display: block; }
input[type="range"] {
width: 100%;
} }