From 2e2b126df8e3e03d7e3137954dd48790e925f738 Mon Sep 17 00:00:00 2001
From: Azure <gilleslazure04@gmail.com>
Date: Fri, 23 Jan 2026 19:08:17 +0100
Subject: [PATCH] Add profile cosmetics section and username change UI

Introduces a cosmetics section in the profile with articles for username, capes, and skin. Adds UI for changing username, including input and button, and updates related CSS for styling. JS now shows the profile frame on initialization.
---
 wwwroot/assets/css/logged.css | 27 ++++++++++++++++++++++++++-
 wwwroot/assets/js/logged.js   |  4 ++--
 wwwroot/logged.html           | 31 ++++++++++++++++++++++++++++++-
 3 files changed, 58 insertions(+), 4 deletions(-)

diff --git a/wwwroot/assets/css/logged.css b/wwwroot/assets/css/logged.css
index a93c012..81b03d7 100644
--- a/wwwroot/assets/css/logged.css
+++ b/wwwroot/assets/css/logged.css
@@ -153,7 +153,7 @@ div.filePathSelector {
     text-align: center;
 }
 
-div.filePathSelector > input[type="text"] {
+input[type="text"] {
     width: 87%;
     height: 34px;
     border: none;
@@ -248,4 +248,29 @@ canvas#skin {
     width: 85% !important;
     height: 85% !important;
     outline: none;
+}
+
+div.profile > section.cosmectics > article {
+    margin-bottom: 40px;
+}
+
+div.profile > section.cosmectics > article.username > div > button {
+    min-width: 70px;
+    width: 10%;
+    height: 34px;
+    border-radius: 5px;
+    background-color: #E89032;
+}
+
+div.profile > section.cosmectics > article.username > div {
+    margin-top: 6px;
+}
+
+div.profile > section.cosmectics > article.username > div > button:hover {
+    filter: brightness(0.90);
+}
+
+div.profile > section.cosmectics > article.username > div > input {
+    height: 38px;
+    border-radius: 5px;
 }
\ No newline at end of file
diff --git a/wwwroot/assets/js/logged.js b/wwwroot/assets/js/logged.js
index aa89b35..9a8e704 100644
--- a/wwwroot/assets/js/logged.js
+++ b/wwwroot/assets/js/logged.js
@@ -108,5 +108,5 @@ window.initSkin = async function initSkin() {
 }
 
 initSkin()
-
-initSettings()
\ No newline at end of file
+initSettings()
+showFrame("profile")
\ No newline at end of file
diff --git a/wwwroot/logged.html b/wwwroot/logged.html
index 37b5ac8..bf3d116 100644
--- a/wwwroot/logged.html
+++ b/wwwroot/logged.html
@@ -38,7 +38,36 @@
                             </canvas>
                         </section>
                         <section class="cosmectics">
-
+                            <article class="username">
+                                <h2>
+                                    Pseudo
+                                </h2>
+                                <p>
+                                    Tu veux changer de pseudo l'ami ? C'est ici
+                                </p>
+                                <div>
+                                    <input type="text" name="usernameChange" id="usernameChange" placeholder="Jeb_">
+                                    <button>
+                                        Valider
+                                    </button>
+                                </div>
+                            </article>
+                            <article class="capes">
+                                <h2>
+                                    Capes
+                                </h2>
+                                <p>
+                                    T'a froid ? Couvre toi un peu mon frère
+                                </p>
+                            </article>
+                            <article class="skin">
+                                <h2>
+                                    Skin
+                                </h2>
+                                <p>
+                                    Tu veux rafraîchir un peu ton style ? Par là
+                                </p>
+                            </article>
                         </section>
                     </div>
                 </article>