221 lines
8.7 KiB
HTML
221 lines
8.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./assets/css/index.css">
|
|
<title>NyanLauncher</title>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<button class="close" onclick="system.call('window::close')">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
<nav hidden>
|
|
<button class="close" onclick="hideNavBar()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
<br>
|
|
<img src="./assets/img/logo.png" alt="">
|
|
<details>
|
|
<summary>
|
|
<button class="nav" onclick="this.parentNode.click()">
|
|
<i class="fas fa-rocket"></i>
|
|
<span>
|
|
Launcher
|
|
</span>
|
|
</button>
|
|
</summary>
|
|
<article>
|
|
<button class="classic" style="background-color: #aa3939; width: 100%;" onclick="logout()">
|
|
Déconnexion
|
|
</button>
|
|
</article>
|
|
</details>
|
|
<details>
|
|
<summary>
|
|
<button class="nav" onclick="this.parentNode.click()">
|
|
<i class="fas fa-gamepad"></i>
|
|
<span>
|
|
Jeu
|
|
</span>
|
|
</button>
|
|
</summary>
|
|
<article class="game">
|
|
<label>
|
|
Ram alloué
|
|
</label>
|
|
<div class="ranges">
|
|
<span>
|
|
0.5GB
|
|
</span>
|
|
<input type="range" name="ram" min="0" max="2048" id="ram" onchange="handleSettingsChanges(this.name, this.value)">
|
|
<span id="maxRam">
|
|
MAX
|
|
</span>
|
|
</div>
|
|
<br>
|
|
<label>
|
|
Distance de rendu
|
|
</label>
|
|
<div class="ranges">
|
|
<span>
|
|
4
|
|
</span>
|
|
<input type="range" name="renderDistance" min="4" max="32" id="renderDistance" onchange="handleOptionsChanges(this.name, this.value)">
|
|
<span>
|
|
32
|
|
</span>
|
|
</div>
|
|
<br>
|
|
<label>
|
|
Taille de l'interface
|
|
</label>
|
|
<div class="ranges">
|
|
<span>
|
|
1
|
|
</span>
|
|
<input type="range" name="guiScale" min="1" max="4" id="guiScale" onchange="handleOptionsChanges(this.name, this.value)">
|
|
<span>
|
|
4
|
|
</span>
|
|
</div>
|
|
<br>
|
|
<div class="checkboxes">
|
|
<div>
|
|
<input type="checkbox" name="renderClouds" id="renderClouds" onchange="handleOptionsChanges(this.name, this.checked)">
|
|
<label for="renderClouds">
|
|
Nuages
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" name="graphicsMode" id="graphicsMode" onchange="handleOptionsChanges(this.name, this.checked)">
|
|
<label for="graphicsMode">
|
|
Graphisme bas
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" name="gamma" id="gamma" onchange="handleOptionsChanges(this.name, this.checked)">
|
|
<label for="gamma">
|
|
Luminsoité max
|
|
</label>
|
|
</div>
|
|
<!-- <div>
|
|
<input type="checkbox" name="sildurs_shader" id="sildurs_shader">
|
|
<label for="sildurs_shader">
|
|
Sildur's Shader
|
|
</label>
|
|
</div> -->
|
|
</div>
|
|
</article>
|
|
</details>
|
|
<details>
|
|
<summary>
|
|
<button class="nav" onclick="this.parentNode.click()">
|
|
<i class="fas fa-music-alt"></i>
|
|
<span>
|
|
Musique
|
|
</span>
|
|
</button>
|
|
</summary>
|
|
<article>
|
|
<div>
|
|
<input type="range" name="audioVolume" min="0" max="100" id="audioVolume" onchange="updateVolume(this.value)">
|
|
<label for="audioVolume">
|
|
100%
|
|
</label>
|
|
</div>
|
|
<button class="classic" onclick="toggleMusic(this)" state="0">
|
|
<i class="fas fa-pause"></i>
|
|
<span>
|
|
Pause
|
|
</span>
|
|
</button>
|
|
</article>
|
|
</details>
|
|
<button class="nav" onclick="system.openInBrowser('https://discord.com/invite/catboatandrot')">
|
|
<i class="fab fa-discord"></i>
|
|
<span>
|
|
Discord
|
|
</span>
|
|
</button>
|
|
<details>
|
|
<summary>
|
|
<button class="nav" onclick="this.parentNode.click()">
|
|
<i class="fas fa-tshirt"></i>
|
|
<span>
|
|
Skin
|
|
</span>
|
|
</button>
|
|
</summary>
|
|
<article>
|
|
<fieldset>
|
|
<legend>
|
|
Type de skin
|
|
</legend>
|
|
<div>
|
|
<input type="radio" id="classic" name="type" value="classic" checked />
|
|
<label for="classic">Classic (Steve)</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="slim" name="type" value="slim" checked />
|
|
<label for="slim">Slim (Alex)</label>
|
|
</div>
|
|
</fieldset>
|
|
<button class="classic" onclick="system.call('skin::set', { variant: document.querySelector('fieldset').querySelector('input:checked').value })">
|
|
Choisir le fichier
|
|
</button>
|
|
</article>
|
|
</details>
|
|
<button class="nav" onclick="system.openInBrowser('https://nyancraft.catboat.fr/support')">
|
|
<i class="fas fa-siren-on"></i>
|
|
<span>
|
|
Police
|
|
</span>
|
|
</button>
|
|
<button class="nav" onclick="system.openInBrowser('https://catboat.fr')">
|
|
<i class="fas fa-books"></i>
|
|
<span>
|
|
Wiki
|
|
</span>
|
|
</button>
|
|
</nav>
|
|
<section class="twitch">
|
|
<webview src="https://player.twitch.tv/?channel=catboat&parent=localhost&muted=true" bo></webview>
|
|
</section>
|
|
<section class="players">
|
|
<p class="players">
|
|
<span>
|
|
Joueurs :
|
|
<span id="playersStatus">
|
|
0/0
|
|
</span>
|
|
</span>
|
|
</p>
|
|
</section>
|
|
<footer>
|
|
<section class="left">
|
|
<button class="default" onclick="showNavBar()">
|
|
<i class="fas fa-cog"></i>
|
|
</button>
|
|
<button class="default" onclick="toggleAudio(this)" state="0">
|
|
<i class="far fa-music"></i>
|
|
</button>
|
|
</section>
|
|
<section class="center">
|
|
<img class="logo" src="./assets/img/logo.png" alt="">
|
|
<br>
|
|
<button class="play" name="play" onclick="system.call('game::launch')">
|
|
Jouer
|
|
</button>
|
|
</section>
|
|
<section class="right">
|
|
<img class="mascot" src="./assets/img/sulli.png" alt="">
|
|
</section>
|
|
</footer>
|
|
</main>
|
|
|
|
<script src="./assets/js/index.js"></script>
|
|
|
|
</body>
|
|
</html> |