V1.0.1

V1.0.1

CSS + JS

Author: Lightshadow02

build.js

@@ -65,7 +65,7 @@ class Index {
                 generateUpdatesFilesForAllChannels: false,
                 appId: preductname,
                 productName: preductname,
-                copyright: 'Copyright © 2020-2024 Luuxis',
+                copyright: 'Copyright © 2020-2025 Luuxis',
                 artifactName: "${productName}-${os}-${arch}.${ext}",
                 extraMetadata: { main: 'app/app.js' },
                 files: ["app/**/*", "package.json", "LICENSE.md"],

package-lock.json

@@ -1,8 +1,8 @@
 {
     "name": "Light-Launcher",
     "preductname": "Light Launcher",
-    "version": "1.0.0",
-    "description": "Launcher Mincraft pour le serveur Selvania",
+    "version": "1.0.1",
+    "description": "Launcher Mincraft de Lightshadow02",
     "main": "src/app.js",
     "author": {
         "name": "luuxis, Lightshadow02 , Inc.",

package.json

@@ -202,6 +202,16 @@
     filter: var(--svg-color);
 }
 
+.social-block {
+    transition: transform 0.2s ease, opacity 0.2s ease;
+    cursor: pointer;
+  }
+  
+  .social-block:hover {
+    transform: scale(0.85);
+    opacity: 0.85;
+  }
+  
 /*******************************************************************************
  *                                                                             *
  * sidebar                                                                     *
@@ -249,44 +259,56 @@
     align-items: center;
 }
 
+.play-instance,
+.play-btn,
+.instance-select {
+    border: none !important;
+    outline: none !important;
+    box-shadow: none !important;
+    background: #1dd05d !important;
+    color: white !important;
+}
+
 .play-instance {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: relative;
-    border: solid 3px var(--element-color);
     border-radius: 15px;
-    height: 3.2rem;
-    padding-right: 1.9rem;
+    overflow: hidden;
+    display: flex;
+    height: 3rem;
+    font-size: 1.4rem;;
+    padding: 0;
 }
 
 .play-btn {
-    border: none;
-    border-radius: 10px;
-    background: none;
-    color: var(--color);
-    font-size: 2rem;
-    font-weight: bolder;
-    padding: 0 1.5rem;
-    pointer-events: none;
+    flex: 1;
+    height: 100%;
+    padding: 0 30px;
+    font-size: 1.4rem;
+    cursor: pointer;
+    transition: filter 0.2s ease, transform 0.2s ease;
+}
+
+.play-btn:hover {
+    filter: grayscale(60%);
+    transform: scale(0.98);
 }
 
 .instance-select {
+    width: 4rem;
+    height: 100%;
+    font-size: 1.3rem;
     display: flex;
+    justify-content: center;
     align-items: center;
-    position: absolute;
-    right: -3;
-    top: -2;
-    color: var(--element-color);
-    font-size: 1rem;
-    height: calc(100% - 1px);
-    border: solid 3px var(--element-color);
-    text-align: center;
-    border-radius: 15px;
-    padding: 0 0.5rem;
     cursor: pointer;
+    transition: filter 0.2s ease, transform 0.2s ease;
 }
 
+.instance-select:hover {
+    filter: grayscale(60%);
+    transform: scale(0.98);
+}
+
+
 .instance-select:before {
     transform: rotate(270deg);
     pointer-events: none;
@@ -319,8 +341,20 @@
     height: 3rem;
     font-size: 3rem;
     color: var(--element-color);
+    transition: transform 0.2s ease-in-out;
     margin: 0 1.5rem;
 }
+.settings-btn:hover {
+    transform: scale(1.10);
+    filter: grayscale(10%);
+}
+
+.settings-btn:active,
+.social-block:active {
+    transform: scale(0.70);
+    filter: brightness(0.8);
+}
+
 
 .instance-popup {
     position: absolute;
@@ -375,4 +409,8 @@
 
 .active-instance {
     background: var(--element-color);
-}
+}
+
+
+
+

src/assets/css/panels/home.css

@@ -30,9 +30,9 @@ class Splash {
 
     async startAnimation() {
         let splashes = [
-            { "message": "Je... vie...", "author": "Luuxis" },
-            { "message": "Salut je suis du code.", "author": "Luuxis" },
-            { "message": "Linux n'est pas un os, mais un kernel.", "author": "Luuxis" }
+            { "message": "Je... vie...", "author": "Lightshadow02" },
+            { "message": "Impossible n'est pas Light.", "author": "Lightshadow02" },
+            { "message": "Linux n'est pas un os, mais un kernel.", "author": "Lightshadow02" }
         ];
         let splash = splashes[Math.floor(Math.random() * splashes.length)];
         this.splashMessage.textContent = splash.message;

src/assets/images/background/light/HpdB53l0NjJsDLt4edFZgDJhdhGHDA1WOAUASu7X4Dw.png renamed to src/assets/images/background/dark/HpdB53l0NjJsDLt4edFZgDJhdhGHDA1WOAUASu7X4Dw.png

@@ -338,6 +338,6 @@ class Home {
         let day = date.getDate()
         let allMonth = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre']
         return { year: year, month: allMonth[month - 1], day: day }
-    }
+    }  
 }
 export default Home;

src/assets/images/background/dark/2020-08-02_13.35.00.png renamed to src/assets/images/background/light/2020-08-02_13.35.00.png

@@ -54,7 +54,7 @@
     <div class="instance-popup">
         <div class="instances-tab">
             <div class="close-popup icon-close"></div>
-            <p>Choisissez votre instance...</p>
+            <p>Choisissez votre instance !</p>
             <div class="instances-List"></div>
         </div>
     </div>