Update index.html

index.html

@@ -25,10 +25,10 @@
             z-index: 1000;
         }
         .category-container {
-            margin: 20px 0;
+            margin: 20px 0; /* Space between categories */
         }
         .category-title {
-            margin-left: 60px; /* Space for category title */
+            margin-left: 100px; /* Increased space for category title */
             font-size: 24px; /* Font size for category title */
         }
         .game-row {
@@ -88,7 +88,8 @@
     <script>
         const categories = {
           '1': 'Featured',
-          '2': '2 Player'
+          '2': '2 Player',
+          '3': 'Online Multiplayer' // New category added
         };
 
         async function loadGames() {
@@ -98,7 +99,7 @@
               const response = await fetch('https://api.github.com/repos/githubmaster212/game/contents/games');
               const files = await response.json();
 
-              const gamesByCategory = { '1': [], '2': [] }; // Initialize arrays for Featured and 2 Player
+              const gamesByCategory = { '1': [], '2': [], '3': [] }; // Initialize arrays for Featured, Two Player, and Online Multiplayer
 
               // Categorize games based on filename
               for (const file of files) {
@@ -107,7 +108,7 @@
                       const row = rowPriority[0];
                       const priority = rowPriority[1];
 
-                      // Only add games to Featured (row '1') or Two Player (row '2')
+                      // Only add games to the respective categories based on their row number
                       if (gamesByCategory[row]) {
                           const gameData = await fetch(file.download_url).then(res => res.text());
                           const [title, description, imageUrl, gameUrl] = gameData.split('\n');