Update homebase.html

ScratchFakemon · Nov 9, 2024 · 4aa36e7 · 4aa36e7
1 parent 62f9c2b
commit 4aa36e7
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/Home Base/homebase.html b/Home Base/homebase.html
@@ -50,32 +50,33 @@
     }
   </style>
   <script>
-    document.addEventListener('DOMContentLoaded', () => {
-      const osListItems = document.querySelectorAll('.os-list-item');
+    const osListItems = document.querySelectorAll('.os-list-item');
 
-      osListItems.forEach(item => {
-        item.addEventListener('click', () => {
-          const link = item.getAttribute('data-link');
-          window.location.href = link;
-        });
+    osListItems.forEach(item => {
+      item.addEventListener('click', () => {
+        const link = item.getAttribute('data-link');
+        window.location.href = link;
       });
     });
   </script>
 </head>
 <body>
   <div class="container">
     <ul class="os-list">
-      <li class="os-list-item" data-link="https://scratchfakemon.github.io/Firefly/Home%20Base/Presets/OpenMX">
+      <li class="os-list-item clickable-box" data-link="https://scratchfakemon.github.io/Firefly/Home%20Base/Presets/OpenMX">
+        <img src="images/OpenMX.png" alt="OpenMX logo">
         <h2>OpenMX 10</h2>
         <p>Creator: Makssuper747</p>
         <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">
+      <li class="os-list-item clickable-box" 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">
+      <li class="os-list-item clickable-box" 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>