link fix

home/index.html

@@ -22,16 +22,17 @@
             <div id="image-container">
                 <img src="empty.png" id="large-image">
             </div>
-        <div>
-            <a href="./art/index.html" class="seed" id="art"><img src="seed.png"></a>
-            <a href="./shrine/index.html" class="seed" id="shrine"><img src="seed.png"></a>
-            <a href="./friends/index.html" class="seed" id="friends"><img src="seed.png"></a>
-            <a href="./stuff/index.html" class="seed" id="stuff"><img src="seed.png"></a>
+            <div id="seeds">
+                <a href="./art/" class="seed" id="art"><img src="seed.png"></a>
+                <a href="./shrine/" class="seed" id="shrine"><img src="seed.png"></a>
+                <a href="./friends/" class="seed" id="friends"><img src="seed.png"></a>
+                <a href="./stuff/" class="seed" id="stuff"><img src="seed.png"></a>
             </div>
         </div>
     </div>
 
-    <script>const menuItems = document.querySelectorAll('.seed');
+    <script>
+        const menuItems = document.querySelectorAll('.seed');
         const largeImage = document.getElementById('large-image');
         const imageContainer = document.getElementById('image-container');