moved images to folder

home/index.html

@@ -22,18 +22,18 @@
         <div id="menu">
             <div id="side">
                 <a href="./normal/">
-                    <img src="sidetop.png" alt="normal" class="normal_image">
+                    <img src="./images/sidetop.png" alt="normal" class="normal_image">
                 </a>
-                <img src="sidebottom.png" alt="normal" class="normal_image">
+                <img src="./images/sidebottom.png" alt="normal" class="normal_image">
             </div>
             <div id="image-container">
-                <img src="empty.png" id="large-image">
+                <img src="./images/empty.png" id="large-image">
             </div>
             <div id="seeds">
-                <a href="./art/" class="seed" id="art"><img src="seed.png"></a>
+                <a href="./art/" class="seed" id="art"><img src="./images/seed.png"></a>
-                <a href="./shrine/" class="seed" id="shrine"><img src="seed.png"></a>
+                <a href="./shrine/" class="seed" id="shrine"><img src="./images/seed.png"></a>
-                <a href="./friends/" class="seed" id="friends"><img src="seed.png"></a>
+                <a href="./friends/" class="seed" id="friends"><img src="./images/seed.png"></a>
-                <a href="./stuff/" class="seed" id="stuff"><img src="seed.png"></a>
+                <a href="./coffee/" class="seed" id="coffee"><img src="./images/seed.png"></a>
             </div>
         </div>
     </div>
@@ -46,7 +46,7 @@
         menuItems.forEach(item => {
             item.addEventListener('mouseenter', () => {
                 const subfolder = item.getAttribute('id');
-                const imgSrc = `${subfolder}.png`; // Generating image path from subfolder name
+                const imgSrc = `./images/${subfolder}.png`; // Generating image path from subfolder name
                 largeImage.src = imgSrc;
                 imageContainer.style.opacity = 1;
             });