Merge branch 'main' of https://github.com/Parcoil/nativegames.net

Parcoil · Sep 29, 2024 · 8c1307f · 8c1307f
2 parents 9626ae6 + 9ded250
commit 8c1307f
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 9 deletions.
diff --git a/public/css/main.css b/public/css/main.css
@@ -11,8 +11,8 @@
   box-sizing: border-box;
   font-family: "Poppins", sans-serif;
   font-weight: 600;
+  transition: 0.2s;
   text-decoration: none;
-  /* list-style: none; */
   color: var(--textcolor);
 }
 :root {
@@ -35,6 +35,7 @@ body {
   position: fixed;
   bottom: 0;
 }
+/* Base styles */
 .nav {
   display: flex;
   align-items: center;
@@ -50,16 +51,42 @@ body {
   height: 4.2rem;
   border-radius: var(--rounded);
 }
+
 .lsans {
   font-family: Lunaar Sans;
   font-weight: 500;
 }
+
 .navlinks {
-  gap: 15px;
   display: flex;
   align-items: center;
+  gap: 15px;
   margin-left: auto;
 }
+
+/* Mobile styles */
+@media (max-width: 768px) {
+  .nav {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 10px;
+    margin: 10px;
+    height: auto;
+  }
+
+  .navlinks {
+    flex-direction: column;
+    gap: 10px;
+    width: 100%;
+  }
+
+  .navlinks a {
+    padding: 10px;
+    width: 100%;
+    text-align: center;
+  }
+}
+
 button {
   display: flex;
   flex-direction: row;
@@ -255,7 +282,7 @@ button .icon {
 }
 
 #particles-js {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;

diff --git a/public/css/themes.css b/public/css/themes.css
@@ -197,7 +197,7 @@ body[theme="candy"] {
   --bg: #bdb2ff;
   --textcolor: #fefcfb;
   --button: #ffc6ff;
-  --alt: rgb(255, 255, 255);
+  --alt: rgb(218, 151, 250);
   --border: var(--button);
 }
 body[theme="yellow"] {
@@ -213,7 +213,7 @@ body[theme="yellow"] {
 body[theme="yellow"] .btn {
   border-radius: 0px;
 }
-body[theme="yellow"] #tsparticles {
+body[theme="yellow"] #particles-js {
   filter: invert(100%);
 }
 
@@ -223,7 +223,7 @@ body[theme="light"] {
   --alt: #222121;
   --button: #000;
 }
-body[theme="light"] #tsparticles {
+body[theme="light"] #particles-js {
   filter: invert(100%);
 }
 body[theme="light"] input[type="text"],

diff --git a/public/views/apps.ejs b/public/views/apps.ejs
@@ -45,6 +45,10 @@
         function displayApps(apps) {
           appsContainer.innerHTML = "";
 
+          if (apps.length === 0) {
+            appsContainer.innerHTML = "<p>No apps found</p>";
+          }
+
           apps.forEach((app) => {
             const appDiv = document.createElement("div");
             appDiv.className = "app";

diff --git a/public/views/games.ejs b/public/views/games.ejs
@@ -12,7 +12,7 @@
       window.gamesData = games;
 
       displayGames(games);
-      updateSearchBarPlaceholder(games.length); // Update placeholder with total games
+      updateSearchBarPlaceholder(games.length);
     } catch (error) {
       console.error("Error fetching games:", error);
     }
@@ -31,7 +31,7 @@
       const gameDiv = document.createElement("div");
       gameDiv.className = "game";
       gameDiv.innerHTML = `
-        <img src="/cdn/${game.url}/${game.image}" alt="${game.name}" />
+        <img src="/cdn/${game.url}/${game.image}" alt="${game.name}" loading="lazy"/>
         <p>${game.name}</p>
       `;
 
@@ -49,7 +49,7 @@
     );
 
     displayGames(filteredGames);
-    updateSearchBarPlaceholder(filteredGames.length); // Update placeholder with filtered games count
+    updateSearchBarPlaceholder(filteredGames.length);
   }
 
   function updateSearchBarPlaceholder(count) {

diff --git a/public/views/settings.ejs b/public/views/settings.ejs
@@ -73,11 +73,13 @@
   <button class="filled" onclick='hmm()'>???</button>
 </div>
 </div>
+
   <div class="footer">
     <a id="version" href="https://github.com/parcoil/lunaar.org"
       >Loading version</a
     >
   </div>
+  
 </main> 
 <script>
   const searchengine = localStorage.getItem('se');