Update index.html

GithubMaster212 · Nov 30, 2024 · ff6797c · ff6797c
1 parent 166823b
commit ff6797c
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -12,36 +12,36 @@
             background-color: black;
             color: white;
         }
-        .header {
+        .top-bar {
             background-color: #333;
+            color: white;
             padding: 15px;
             text-align: center;
             position: fixed;
             top: 0;
-            width: 100%;
+            left: 0;
+            right: 0;
             z-index: 1000;
         }
         .game-container {
             display: flex;
             flex-wrap: wrap;
             gap: 20px;
-            justify-content: center;
             padding: 80px 20px 20px;
+            max-width: 1200px;
+            margin: 0 auto;
         }
         .game-card {
             background-color: #333;
             border-radius: 5px;
-            padding: 10px;
-            width: 300px;
+            padding: 15px;
+            width: calc(33.33% - 20px);
             cursor: pointer;
-            transition: transform 0.3s ease;
-        }
-        .game-card:hover {
-            transform: scale(1.05);
+            box-sizing: border-box;
         }
         .game-card img {
             width: 100%;
-            height: 169px; /* 16:9 aspect ratio */
+            height: 150px;
             object-fit: cover;
             border-radius: 3px;
         }
@@ -55,17 +55,15 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <h1>Unblocked Games</h1>
-    </div>
+    <div class="top-bar">Unblocked Games</div>
     <div id="game-container" class="game-container"></div>
 
     <script>
         async function loadGames() {
             const gameContainer = document.getElementById('game-container');
 
             try {
-                const response = await fetch('https://api.github.com/repos/YOUR_USERNAME/YOUR_REPO/contents/games');
+                const response = await fetch('https://api.github.com/repos/githubmaster212/games/contents/games');
                 const files = await response.json();
 
                 for (const file of files) {