Update index.html

CybriaTech · Dec 17, 2023 · a519a7d · a519a7d
1 parent eb38be9
commit a519a7d
Showing 1 changed file with 27 additions and 37 deletions.
diff --git a/games/bacon-may-die/index.html b/games/bacon-may-die/index.html
@@ -1,3 +1,5 @@
+
+
 <!DOCTYPE HTML>
 <html lang="en">
 <head>
@@ -35,20 +37,10 @@
 }
 </style>
   <style>
-main {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  text-align: center;
-}
-
     .game-area {
         box-shadow: 0 0 5px #fff;
         position: relative;
         text-align: center;
-        display: flex;
-        align-items: center;
     }
 
     .game-frame {
@@ -59,6 +51,22 @@
         object-cover: fill;
     }
 
+    .controls {
+        box-shadow: 0 0 5px #fff;
+        position: absolute;
+        border: 1px solid #fff;
+        top: 95%;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px;
+        background-color: #616161;
+        border-radius: 0 0 5px 5px;
+        height: 40px;
+    }
+
     .game-title {
         font-family: 'Source Sans Pro', sans-serif;
         font-weight: bold;
@@ -68,40 +76,22 @@
         margin: 0;
     }
 
-.controls {
-    box-shadow: 0 0 5px #fff;
-    position: absolute;
-    border: 1px solid #fff;
-    top: 95%;
-    left: 0;
-    right: 0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px;
-    background-color: #616161;
-    border-radius: 0 0 5px 5px;
-    height: 40px;
-}
-
-.go-to-game,
-.fullscreen {
-    background: transparent;
-    font-size: 20px;
-    color: #fff;
-    cursor: pointer;
-    border: none;
-    margin-right: 100px;
-}
+    .fullscreen {
+        background: transparent;
+        font-size: 20px;
+        color: #fff;
+        cursor: pointer;
+        border: none;
+    }
   </style>
 </head>
 <body style="overflow: hidden;">
     <script src="/js/header.js"></script>
   <main>
       <div class="game-area">
-          <iframe src="game.html" class="game-frame" allowfullscreen="true" id="gameIframe"></iframe>
+          <iframe src="game/play.html" class="game-frame" allowfullscreen="true" id="gameIframe"></iframe>
           <div class="controls">
-              <p class="game-title">0h n0</p>
+              <p class="game-title">Bacon May Die</p>
               <button class="fullscreen" onclick="toggleFullscreen()"><i class="fas fa-expand"></i></button>
           </div>
       </div>