Skip to content
This repository was archived by the owner on Oct 24, 2025. It is now read-only.

Commit 05416fe

Browse files
wiltarkwiltark
committed
feat: Update version to 1.3.4 and refactor sidebar layout in home.html
1 parent d474b37 commit 05416fe

2 files changed

Lines changed: 53 additions & 54 deletions

File tree

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "multigames-studio-launcher",
33
"productName": "MultiGames Studio Launcher",
4-
"version": "1.3.2",
4+
"version": "1.3.4",
55
"description": "Launcher Minecraft pour le serveur MultiGames-Studio",
66
"main": "src/app.js",
77
"author": {

‎src/panels/home.html‎

Lines changed: 52 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -34,61 +34,10 @@
3434
box-shadow: 0 8px 32px 0 #F8BA5977;
3535
}
3636
</style>
37-
<!-- Sidebar verticale Multigames style -->
38-
<aside class="relative z-10 flex flex-col justify-between items-center py-8 w-32 min-h-screen fade-in glass-global"
39-
style="background: linear-gradient(150deg, var(--primary) 0%, var(--secondary-dark) 60%, var(--secondary) 100%);
40-
box-shadow: 8px 0 32px 0 #451F2144; overflow: hidden;
41-
border-radius: 0 2rem 2rem 0;">
42-
<!-- Filtre noir sur la sidebar -->
43-
<div style="position:absolute; inset:0; background:rgba(0,0,0,0.55); z-index:1; pointer-events:none;"></div>
44-
<!-- Contenu de la sidebar -->
45-
<div class="flex flex-col items-center gap-10 relative z-10">
46-
<div class="relative">
47-
<div class="glass-sidebar bg-[#181818]/60 rounded-3xl py-2 px-2 flex flex-col gap-6 shadow-2xl border border-white/10"
48-
style="backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
49-
<div alt="Profil"
50-
class="player-head flex flex-col gap-8 items-center justify-center w-14 h-14 rounded-3xl border-2 border-[#181818] shadow-lg object-cover bg-white">
51-
</div>
52-
</div>
53-
54-
<span style="border-radius:5px"
55-
class="absolute top-1 right-1 w-5 h-5 bg-green-400 border-2 border-white "></span>
56-
</div>
57-
<!-- Bloc glassmorphism arrondi pour les instances -->
58-
<div class="flex flex-col items-center justify-center gap-6 mt-10 min-h-[320px]">
59-
<div class="glass-sidebar bg-[#181818]/60 hover:bg-[#F8BA59]/30 rounded-3xl py-4 px-4 flex flex-col gap-6 shadow-2xl border border-white/10"
60-
style="backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
61-
<ul id="sidebar-instances" class="flex flex-col gap-8 items-center justify-center">
62-
<!-- JS: injecte dynamiquement les boutons d'instances ici -->
63-
</ul>
64-
</div>
65-
</div>
66-
</div>
67-
<!-- Bouton notification en bas -->
68-
<div class="flex flex-col items-center gap-y-1">
69-
<!-- Discord Icon Button (just the head) -->
70-
<a href="https://discord.multigames-studio.fr" target="_blank" class="w-16 h-16 flex items-center justify-center rounded-2xl bg-[#181818] text-white hover:bg-[#F8BA59]/80 transition shadow-xl relative z-10">
71-
<!-- Discord head only -->
72-
<svg class="w-8 h-8" viewBox="0 0 71 55" fill="currentColor">
73-
<path d="M60.104 4.552A58.401 58.401 0 0045.93.239a.112.112 0 00-.118.056 40.76 40.76 0 00-1.843 3.77 55.797 55.797 0 00-16.563 0 40.767 40.767 0 00-1.865-3.77.114.114 0 00-.117-.056A58.368 58.368 0 0010.89 4.552a.104.104 0 00-.047.037C.37 20.32-.944 35.878.293 51.36a.122.122 0 00.047.084 58.685 58.685 0 0017.44 8.547.116.116 0 00.126-.042 40.843 40.843 0 003.52-5.733.112.112 0 00-.063-.157 38.608 38.608 0 01-5.554-2.625.113.113 0 01-.011-.188c.374-.28.748-.568 1.112-.857a.109.109 0 01.115-.012c11.619 5.33 24.18 5.33 35.748 0a.109.109 0 01.116.01c.365.29.739.578 1.114.86a.113.113 0 01-.009.187 36.886 36.886 0 01-5.556 2.623.112.112 0 00-.063.158 46.015 46.015 0 003.521 5.732.115.115 0 00.126.042 58.672 58.672 0 0017.44-8.546.12.12 0 00.047-.084c1.49-18.63-2.49-34.132-10.896-46.77a.097.097 0 00-.046-.039zM23.725 37.037c-3.406 0-6.225-3.13-6.225-6.976 0-3.847 2.754-6.976 6.225-6.976 3.49 0 6.225 3.158 6.225 6.976.001 3.847-2.734 6.976-6.225 6.976zm23.49 0c-3.406 0-6.225-3.13-6.225-6.976 0-3.847 2.753-6.976 6.225-6.976 3.49 0 6.225 3.158 6.225 6.976 0 3.847-2.735 6.976-6.225 6.976z"/>
74-
</svg>
75-
</a>
76-
<br>
77-
<!-- Website Link Button -->
78-
<a href="https://multigames-studio.fr" target="_blank" class="w-16 h-16 flex items-center justify-center rounded-2xl bg-[#181818] text-white hover:bg-[#F8BA59]/80 transition shadow-xl relative z-10">
79-
<!-- Globe icon -->
80-
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
81-
<path d="M12 2a10 10 0 100 20 10 10 0 000-20z" />
82-
<path d="M2 12h20M12 2c2.5 2.5 4 6.5 4 10s-1.5 7.5-4 10c-2.5-2.5-4-6.5-4-10s1.5-7.5 4-10z" />
83-
</svg>
84-
</a>
85-
</div>
86-
87-
88-
</aside>
37+
8938

9039
<!-- Main content glassmorphism -->
91-
<main class="relative z-10 flex-1 flex flex-col justify-center px-20 fade-in glass-global"
40+
<main class="relative z-10 flex-1 flex flex-col justify-center px-80 fade-in "
9241
style="margin-top:2rem; margin-bottom:2rem; border-radius: 0 2rem 2rem 0; margin-right:2rem; padding:2rem;">
9342
<div class="max-w-2xl pt-9">
9443
<span
@@ -213,6 +162,56 @@ <h2 class="text-3xl font-bold text-white mb-4 flex items-center gap-3">
213162
</section>
214163
</div>
215164
</main>
165+
<!-- Sidebar verticale Multigames style -->
166+
<aside class="relative z-10 flex flex-col justify-between items-center py-8 w-32 min-h-screen fade-in "
167+
style="">
168+
<!-- Filtre noir sur la sidebar -->
169+
170+
<!-- Contenu de la sidebar -->
171+
<div class="flex flex-col items-center gap-10 relative z-10">
172+
<div class="relative">
173+
<div class="glass-sidebar bg-[#181818]/60 rounded-3xl py-2 px-2 flex flex-col gap-6 shadow-2xl border border-white/10"
174+
style="backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
175+
<div alt="Profil"
176+
class="player-head flex flex-col gap-8 items-center justify-center w-14 h-14 rounded-3xl border-2 border-[#181818] shadow-lg object-cover bg-white">
177+
</div>
178+
</div>
179+
180+
<span style="border-radius:5px"
181+
class="absolute top-1 right-1 w-5 h-5 bg-green-400 border-2 border-white "></span>
182+
</div>
183+
<!-- Bloc glassmorphism arrondi pour les instances -->
184+
<div class="flex flex-col items-center justify-center gap-6 mt-10 min-h-[320px]">
185+
<div class="glass-sidebar bg-[#181818]/60 hover:bg-[#F8BA59]/30 rounded-3xl py-4 px-4 flex flex-col gap-6 shadow-2xl border border-white/10"
186+
style="backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);">
187+
<ul id="sidebar-instances" class="flex flex-col gap-8 items-center justify-center">
188+
<!-- JS: injecte dynamiquement les boutons d'instances ici -->
189+
</ul>
190+
</div>
191+
</div>
192+
</div>
193+
<!-- Bouton notification en bas -->
194+
<div class="flex flex-col items-center gap-y-1">
195+
<!-- Discord Icon Button (just the head) -->
196+
<a href="https://discord.multigames-studio.fr" target="_blank" class="w-16 h-16 flex items-center justify-center rounded-2xl bg-[#181818] text-white hover:bg-[#F8BA59]/80 transition shadow-xl relative z-10">
197+
<!-- Discord head only -->
198+
<svg class="w-8 h-8" viewBox="0 0 71 55" fill="currentColor">
199+
<path d="M60.104 4.552A58.401 58.401 0 0045.93.239a.112.112 0 00-.118.056 40.76 40.76 0 00-1.843 3.77 55.797 55.797 0 00-16.563 0 40.767 40.767 0 00-1.865-3.77.114.114 0 00-.117-.056A58.368 58.368 0 0010.89 4.552a.104.104 0 00-.047.037C.37 20.32-.944 35.878.293 51.36a.122.122 0 00.047.084 58.685 58.685 0 0017.44 8.547.116.116 0 00.126-.042 40.843 40.843 0 003.52-5.733.112.112 0 00-.063-.157 38.608 38.608 0 01-5.554-2.625.113.113 0 01-.011-.188c.374-.28.748-.568 1.112-.857a.109.109 0 01.115-.012c11.619 5.33 24.18 5.33 35.748 0a.109.109 0 01.116.01c.365.29.739.578 1.114.86a.113.113 0 01-.009.187 36.886 36.886 0 01-5.556 2.623.112.112 0 00-.063.158 46.015 46.015 0 003.521 5.732.115.115 0 00.126.042 58.672 58.672 0 0017.44-8.546.12.12 0 00.047-.084c1.49-18.63-2.49-34.132-10.896-46.77a.097.097 0 00-.046-.039zM23.725 37.037c-3.406 0-6.225-3.13-6.225-6.976 0-3.847 2.754-6.976 6.225-6.976 3.49 0 6.225 3.158 6.225 6.976.001 3.847-2.734 6.976-6.225 6.976zm23.49 0c-3.406 0-6.225-3.13-6.225-6.976 0-3.847 2.753-6.976 6.225-6.976 3.49 0 6.225 3.158 6.225 6.976 0 3.847-2.735 6.976-6.225 6.976z"/>
200+
</svg>
201+
</a>
202+
<br>
203+
<!-- Website Link Button -->
204+
<a href="https://multigames-studio.fr" target="_blank" class="w-16 h-16 flex items-center justify-center rounded-2xl bg-[#181818] text-white hover:bg-[#F8BA59]/80 transition shadow-xl relative z-10">
205+
<!-- Globe icon -->
206+
<svg class="w-8 h-8" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
207+
<path d="M12 2a10 10 0 100 20 10 10 0 000-20z" />
208+
<path d="M2 12h20M12 2c2.5 2.5 4 6.5 4 10s-1.5 7.5-4 10c-2.5-2.5-4-6.5-4-10s1.5-7.5 4-10z" />
209+
</svg>
210+
</a>
211+
</div>
212+
213+
214+
</aside>
216215
</div>
217216
<!-- Ajoute ce bloc dans <head> ou juste avant </body> -->
218217
<style>

0 commit comments

Comments
 (0)