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