|
|
|
|
@ -10,28 +10,29 @@ |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
<div id="main"> |
|
|
|
|
<div id="title"> |
|
|
|
|
<div> |
|
|
|
|
<img src="../static/site/logo.png" id="melon"> |
|
|
|
|
<div id="title"> |
|
|
|
|
<div> |
|
|
|
|
<img src="../static/site/logo.png" id="melon"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<h1>Pick something?</h1> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<h1>Pick something?</h1> |
|
|
|
|
<div id="menu"> |
|
|
|
|
<div id="image-container"> |
|
|
|
|
<img src="empty.png" id="large-image"> |
|
|
|
|
</div> |
|
|
|
|
<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> |
|
|
|
|
<div id="menu"> |
|
|
|
|
<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> |
|
|
|
|
</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'); |
|
|
|
|
|
|
|
|
|
|
