Merge branch 'master' of https://github.com/Skoolgq/Polaris

static/assets/JSON/changelog.json

@@ -1,4 +1,8 @@
 [
+	{
+		"date": "2/24/2024",
+		"simpleDescription": "Added a random game button"
+	},
 	{
 		"date": "2/23/2024",
 		"simpleDescription": "Added 6 games and changed popular games"

static/assets/JSON/games.json

@@ -1017,7 +1017,7 @@
     "image": "https://www2.minijuegosgratis.com/v3/games/thumbnails/241062_7_sq.jpg"
   },
   {
-    "name": "AMAZE!",
+    "name": "Amaze!",
     "target": "https://580820627722902829.playables.usercontent.goog/v/assets/index.html",
     "image": "https://play-lh.googleusercontent.com/hypAu2hPcTpg-FkZr7CjrWDspK_9Nm3UKvPWln9zaFUnIr-m6WQvEZ2baAaG0ufzrg"
   },

static/assets/css/main.css

@@ -89,53 +89,68 @@ body::-webkit-scrollbar-corner {
 
 .search {
     margin-bottom: 20px;
+    display: flex;
+    
 
     input {
         width: 40vh;
-        height: 7vh;
+        height: 7.5vh;
         border-radius: 2vh;
         font-size: 3vh;
         cursor: text;
-        margin-right: 0px;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 0px;
         transition: all 0.5s ease;
+        margin: 0px;
+        padding: 0px;
+        margin-right: 2.5px;
+        margin-left: calc(50vw - calc(44vh + 45px));
     }
-    
+
     input:focus {
         width: 50vh;
+        margin-left: calc(50vw - calc(54vh + 45px));
     }
-    
+
     input::placeholder {
         transition: opacity 0.3s ease;
     }
-    
+
     input:focus::placeholder {
         opacity: 0;
     }
 
-    .randomGame{
-        height: calc(7vh + 2px);
-        font-size: 3vh;
-        background: var(--sidebar-bg);
-        margin-left: 0px;
-        border-radius: 0px;
-        box-shadow: 0.5vh 0.5vh 1vh 0vh var(--shadow-color);
-        transition: opacity 0.3s ease;
-    }
-
-    .randomGame:hover i{
-        opacity: 0.8;
-    }
-
     select {
-        height: calc(7vh + 2px);
+        height: 7.5vh;
         border-radius: 2vh;
         font-size: 3vh;
         background: var(--sidebar-bg);
         margin-left: 0px;
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
+        margin: 0px;
+    }
+
+    button {
+        text-align: center;
+        box-shadow: 0.5vh 0.5vh 1vh 0vh var(--shadow-color);
+        cursor: pointer;
+        height: 7.5vh;
+        background: var(--sidebar-bg);
+        color: var(--text);
+        margin-left: 0px;
+        border-radius: 0px;
+        padding: 0px;
+        margin: 0px;
+        outline: none;
+        border: none;
+        margin-right: 2.5px;
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+
+    button i {
+        font-size: 3vh;
     }
 }
 
@@ -274,7 +289,7 @@ select {
     margin-right: 1vh;
     padding-left: 2vh;
     padding-right: 2vh;
-    margin-top: 2vh; 
+    margin-top: 2vh;
 }
 
 .switch {

static/assets/js/games.js

@@ -173,18 +173,17 @@ const load = () => {
             });
         })
         .catch(e => new PolarisError('Failed to load games'));
-/*
-const randomGame = () => {
-    const games = document.querySelectorAll('.games>.game');
-    if (games.length > 0) {
-      const randomIndex = Math.floor(Math.random() * games.length);
-      const randomGame = games[randomIndex];
-      
-      randomGame.click();
-    }
-  };
-  document.querySelector('.randomGame').addEventListener('click', randomGame);*/
-}; 
+
+    document.querySelector('#randomGame').addEventListener('click', () => {
+        const games = document.querySelectorAll('.games>.game');
+        
+        if (games.length > 0) {
+            const randomGame = games[Math.floor(Math.random() * games.length)];
+
+            randomGame.click();
+        }
+    });
+};
 
 export default {
     load

static/assets/js/main.js

@@ -149,7 +149,7 @@ if (location.pathname === '/') {
                 }, 1000);
             });
 
-            document.querySelector('.featured').src = '/assets/img/wide/stickman-archero-fight-cover.png';
+            document.querySelector('.featured').src = '/assets/img/wide/stickman-archero-fight.png';
         }).catch(e => new PolarisError('Failed to load featured game.'));
 
     const logHeight = () => {