From 26e78a82c029ae759a90c039007fa4cc326c7adc Mon Sep 17 00:00:00 2001
From: azures04 <gilleslazure04@gmail.com>
Date: Sat, 24 Jan 2026 23:50:28 +0100
Subject: [PATCH] Add game frame UI with play button and styling

Introduced a new 'game' frame in logged.html with a title and play button. Added corresponding CSS for layout and button styling in logged.css. Updated JS to show the game frame by default.
---
 wwwroot/assets/css/logged.css | 39 +++++++++++++++++++++++++++++++++++
 wwwroot/assets/js/logged.js   |  2 +-
 wwwroot/logged.html           |  9 ++++++--
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/wwwroot/assets/css/logged.css b/wwwroot/assets/css/logged.css
index 64abd41..bdc0ac5 100644
--- a/wwwroot/assets/css/logged.css
+++ b/wwwroot/assets/css/logged.css
@@ -81,6 +81,16 @@ main > aside > section.frames {
     width: calc(100% - 80px);
 }
 
+main > aside > section.frames > article.frame.game {
+    padding-top: 1.7em;
+    padding-left: 3em;
+}
+
+main > aside > section.frames > article.frame.game > h1 {
+    font-size: 48px;
+    font-weight: 700;
+}
+
 main > aside > section.frames > article,
 main > aside > section.frames > article.frame.dynmap > iframe {
     width: 100%;
@@ -91,6 +101,35 @@ main > aside > section.frames > article.frame.dynmap > iframe {
     background-color: #000000;
 }
 
+button.play {
+    margin-top: 10px;
+    color: #ffffff;
+    width: 110px;
+    height: 33px;
+    border: none;
+    cursor: pointer;
+    font-size: 14px;
+    transition: .3s;
+    font-weight: 600;
+    border-radius: 50px;
+    background-color: #E89032;
+}
+
+button.play:hover {
+    filter: brightness(110%);
+}
+
+button.play:disabled {
+    cursor: not-allowed;
+    filter: grayscale(100%);
+}
+
+button.play > i {
+    margin-right: 5px;
+    font-size: 14px;
+    vertical-align: middle;
+}
+
 details {
     width: 96%;
     min-height: 84px;
diff --git a/wwwroot/assets/js/logged.js b/wwwroot/assets/js/logged.js
index 70755d7..13748ca 100644
--- a/wwwroot/assets/js/logged.js
+++ b/wwwroot/assets/js/logged.js
@@ -244,4 +244,4 @@ window.gamelog.clear = async function clear() {
 await initSkin()
 await initSettings()
 await initCapesSelector()
-showFrame("profile")
\ No newline at end of file
+showFrame("game")
\ No newline at end of file
diff --git a/wwwroot/logged.html b/wwwroot/logged.html
index 57a5393..f0de786 100644
--- a/wwwroot/logged.html
+++ b/wwwroot/logged.html
@@ -81,8 +81,13 @@
                         </section>
                     </div>
                 </article>
-                <article class="frame game">
-
+                <article class="frame game" hidden>
+                    <h1>
+                        Lentia
+                    </h1>
+                    <button class="play">
+                        <i class="fas fa-play-circle"></i> Jouer
+                    </button>
                 </article>
                 <article class="frame dynmap" hidden>
                     <iframe src="" frameborder="0"></iframe>