Update homebase.html

ScratchFakemon · Nov 13, 2024 · 0d9c3d9 · 0d9c3d9
1 parent 5791655
commit 0d9c3d9
Showing 1 changed file with 39 additions and 37 deletions.
diff --git a/Home Base/homebase.html b/Home Base/homebase.html
@@ -4,62 +4,60 @@
   <title>Home Base</title>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <header>
-  <h3>Press X to exit</h3>
-  <h3>Press B to go back</h3>
-
-  </header>
-  <h1>Home Base</h1>
-
-
-
   <style>
     header {
       background-color: #635225;
       color: #ffffff;
       font-family: "Trebuchet MS", sans-serif;
-      margin: 30;
-      padding: 30;
+      margin: 30px;
+      padding: 30px;
+      text-align: center;
+      border-radius: 5px;
     }
     body {
       background-color: #382c0c;
       color: #ffffff;
       font-family: "Trebuchet MS", sans-serif;
       margin: 0;
       padding: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      height: 100vh;
     }
     .container {
+      text-align: center;
       max-width: 1000px;
-      margin: 0 auto;
       padding: 30px;
+      display: flex;
+      justify-content: space-between;
     }
     h1 {
-      text-align: center;
       font-size: 3em;
       margin-bottom: 20px;
     }
     h3 {
-      text-align: right;
       margin-right: 20px;
       color: rgb(231, 45, 45);
+
     }
-    
+
     .os-list {
       display: flex;
       flex-wrap: wrap;
+      justify-content: center;
       list-style: none;
       margin: 0;
       padding: 0;
     }
     .os-list-item {
       width: 33%;
       margin: 10px;
-      padding: 20px;
+      padding: 20px; 
       background-color: #725e2b;
       border-radius: 5px;
       text-align: center;
       cursor: pointer; /* Ensures entire item is clickable */
-      margin-left: 60px;
     }
     .os-list-item h2 {
       font-size: 1.5em;
@@ -72,8 +70,8 @@ <h1>Home Base</h1>
       background-color: #a28a4d;
     }
     .os-list-item img {
-      max-width: 100px;*/
-      max-height: 100px;
+      max-width: 100px;
+      height: auto;
     }
   </style>
   <script>
@@ -90,6 +88,11 @@ <h1>Home Base</h1>
   </script>
 </head>
 <body>
+  <header>
+    <h3>Press X to exit</h3>
+    <h3>Press B to go back</h3>
+  </header>
+  <h1>Home Base</h1>
   <div class="container">
     <ul class="os-list">
       <li class="os-list-item" data-link="https://scratchfakemon.github.io/Firefly/Home%20Base/Presets/OpenMX">
@@ -98,21 +101,20 @@ <h1>Home Base</h1>
         <p>Description: OpenMX is an open-source operating system used to make various operating systems like MaxOS.</p>
       </li>
       <li class="os-list-item" data-link="https://bambus80.github.io/microconsen/bambus_os/release/html/5.20-r1.html">
-        <img src="images/Bambus OS.png" alt="Bambus OS logo"> <h2>Bambus OS 5</h2>
-        <p>Creator: bambus80</p>
-        <p>Description: Bambus OS is a powerful operating system powered by the Micro Consen kernel.</p>
-      </li>
-      <li class="os-list-item" data-link="https://turbowarp.org/1076123068/embed/?fullscreen-background=rgb(17,17,17)&addons=remove-curved-stage-border">
-        <img src="images/TriOS.png" alt="TriOS logo"> <h2>TriOS Cosmos Build 2030</h2>
-        <p>Creator: Scratch_Fakemon</p>
-        <p>Description: TriOS is an open-source operating system designed to be easy to use for novices.</p>
-      </li>
-      <li class="os-list-item" data-link="https://scratchfakemon.github.io/Firefly/Home%20Base/Presets/PaweR%20OS">
-        <img src="images/PaweR OS.png" alt="PaweR OS logo"> <h2>PaweR OS Andromeda 1.0</h2>
-        <p>Creator: PaweR_Develop</p>
-        <p>Description: PaweR OS is a simple operating system powered by Micro Consen.</p>
-      </li>
-    </ul>
-  </div>
-</body>
-</html>
+        <img src="images/Bambus OS.png" alt="Bambus OS logo"> <h2>Bambus OS<p>Creator: bambus80</p>
+          <p>Description: Bambus OS is a powerful operating system powered by the Micro Consen kernel.</p>
+                </li>
+                <li class="os-list-item" data-link="https://turbowarp.org/1076123068/embed/?fullscreen-background=rgb(17,17,17)&addons=remove-curved-stage-border">
+                  <img src="images/TriOS.png" alt="TriOS logo"> <h2>TriOS Cosmos Build 2030</h2>
+                  <p>Creator: Scratch_Fakemon</p>
+                  <p>Description: TriOS is an open-source operating system designed to be easy to use for novices.</p>
+                </li>
+                <li class="os-list-item" data-link="https://scratchfakemon.github.io/Firefly/Home%20Base/Presets/PaweR%20OS">
+                  <img src="images/PaweR OS.png" alt="PaweR OS logo"> <h2>PaweR OS Andromeda 1.0</h2>
+                  <p>Creator: PaweR_Develop</p>
+                  <p>Description: PaweR OS is a simple operating system powered by Micro Consen.</p>
+                </li>
+              </ul>
+            </div>
+          </body>
+          </html>