Sync

app/logged.html

@@ -27,9 +27,9 @@
                     </button>
                 </summary>
                 <article>
-                    <p>
-                        a
-                    </p>
+                    <button class="classic" style="background-color: #aa3939; width: 100%;" onclick="logout()">
+                        Déconnexion
+                    </button>
                 </article>
             </details>
             <details>
@@ -41,10 +41,72 @@
                         </span>
                     </button>
                 </summary>
-                <article>
-                    <p>
-                        a
-                    </p>
+                <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">
+                        <span>
+                            MAX
+                        </span>
+                    </div>
+                    <br>
+                    <label>
+                        Distance de rendu
+                    </label>
+                    <div class="ranges">
+                        <span>
+                            4
+                        </span>
+                        <input type="range" name="ram" min="4" max="32" id="renderDistance">
+                        <span>
+                            32
+                        </span>
+                    </div>
+                    <br>
+                    <label>
+                        Ram alloué
+                    </label>
+                    <div class="ranges">
+                        <span>
+                            1
+                        </span>
+                        <input type="range" name="ram" min="1" max="4" id="guiScale">
+                        <span>
+                            4
+                        </span>
+                    </div>
+                    <br>
+                    <div class="checkboxes">
+                        <div>
+                            <input type="checkbox" name="clouds" id="clouds">
+                            <label for="clouds">
+                                Nuages
+                            </label>
+                        </div>
+                        <div>
+                            <input type="checkbox" name="lowGraphism" id="lowGraphism">
+                            <label for="lowGraphism">
+                                Graphisme bas
+                            </label>
+                        </div>
+                        <div>
+                            <input type="checkbox" name="fullbright" id="fullbright">
+                            <label for="fullbright">
+                                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>
@@ -57,12 +119,20 @@
                     </button>
                 </summary>
                 <article>
-                    <p>
-                        a
-                    </p>
+                    <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>
@@ -92,7 +162,7 @@
                             <label for="slim">Slim (Alex)</label>
                         </div>
                     </fieldset>
-                    <button class="classic" onclick="system.call('skin::set', { variant: temp1.querySelector('input:checked').value })">
+                    <button class="classic" onclick="system.call('skin::set', { variant: document.querySelector('fieldset').querySelector('input:checked').value })">
                         Choisir le fichier
                     </button>
                 </article>
@@ -109,12 +179,6 @@
                     Wiki
                 </span>
             </button>
-            <button class="nav">
-                <i class="fas fa-terminal"></i>
-                <span>
-                    Console
-                </span>
-            </button>
         </nav>
         <section class="twitch">
             <webview src="https://player.twitch.tv/?channel=catboat&parent=localhost&muted=true" bo></webview>
@@ -134,7 +198,7 @@
                 <button class="default" onclick="showNavBar()">
                     <i class="fas fa-cog"></i>
                 </button>
-                <button class="default">
+                <button class="default" onclick="toggleAudio(this)" state="0">
                     <i class="far fa-music"></i>
                 </button>
             </section>