more name stuff

master
ada 2 months ago
parent 704687eed9
commit 258e0f3141

@ -67,21 +67,21 @@ document.addEventListener('DOMContentLoaded', (event) => {
const about = document.getElementById('about'); const about = document.getElementById('about');
about.addEventListener('mouseover', (event) => { about.addEventListener('mouseover', (event) => {
event.target.src = '../images/open-crow.png'; event.target.src = '../photos/open-crow.png';
}); });
about.addEventListener('mouseout', (event) => { about.addEventListener('mouseout', (event) => {
event.target.src = '../images/closed-crow.png'; event.target.src = '../photos/closed-crow.png';
}); });
const home = document.getElementById('home'); const home = document.getElementById('home');
home.addEventListener('mouseover', (event) => { home.addEventListener('mouseover', (event) => {
event.target.src = '../images/home-open.png'; event.target.src = '../photos/home-open.png';
}); });
home.addEventListener('mouseout', (event) => { home.addEventListener('mouseout', (event) => {
event.target.src = '../images/home-closed.png'; event.target.src = '../photos/home-closed.png';
}); });
}); });

@ -26,26 +26,26 @@
<div class="photos"> <div class="photos">
<div class="img-container"> <div class="img-container">
<a href="sunrise/sunrise.html"><img src="../photos/sunrise.webp" class="img1"></a> <a href="sunrise/sunrise.html"><img src="./photos/sunrise.webp" class="img1"></a>
<div class="caption">act one</div> <div class="caption">act one</div>
</div> </div>
<div class="img-container"> <div class="img-container">
<a href="hermit/hermit.html"><img src="../photos/hand.webp" class="img2"></a> <a href="hermit/hermit.html"><img src="./photos/hand.webp" class="img2"></a>
<div class="caption">act two</div> <div class="caption">act two</div>
</div> </div>
<div class="img-container"> <div class="img-container">
<a href="pie/pie.html"><img src="../photos/pie.webp" class="img3"></a> <a href="pie/pie.html"><img src="./photos/pie.webp" class="img3"></a>
<div class="caption">act three</div> <div class="caption">act three</div>
</div> </div>
</div> </div>
<div id="about"> <div id="about">
<div onclick="openLetter()"><img id="about" src="../photos/chicken.PNG" alt="about"></div> <div onclick="openLetter()"><img id="about" src="./photos/chicken.PNG" alt="about"></div>
</div> </div>
<div id="letterBox" class="letterBox" style="display:none"> <div id="letterBox" class="letterBox" style="display:none">
<div id="closeButton" onClick='closeLetter()'><img src="../photos/close-blue.png" alt="Close" width="50" height="auto"></div> <div id="closeButton" onClick='closeLetter()'><img src="./photos/close-blue.png" alt="Close" width="50" height="auto"></div>
<div id="letterContents"></div> <div id="letterContents"></div>
</div> </div>

@ -14,11 +14,11 @@
<body> <body>
<!-- nav --> <!-- nav -->
<a href="../index.html" target="_self"> <a href="../index.html" target="_self">
<img id="home" src="../photos//home-closed.png" alt="home"> <img id="home" src="../photos/home-closed.png" alt="home">
</a> </a>
<div id="about"> <div id="about">
<div onclick="openLetter()"> <div onclick="openLetter()">
<img id="about" src="../photos//closed-crow.png" alt="about"> <img id="about" src="../photos/closed-crow.png" alt="about">
</div> </div>
</div> </div>

@ -21,22 +21,22 @@ document.addEventListener('DOMContentLoaded', (event) => {
const about = document.getElementById('about'); const about = document.getElementById('about');
about.addEventListener('mouseover', (event) => { about.addEventListener('mouseover', (event) => {
event.target.src = '../images/open-crow.png'; event.target.src = '../photos/open-crow.png';
}); });
about.addEventListener('mouseout', (event) => { about.addEventListener('mouseout', (event) => {
event.target.src = '../images/closed-crow.png'; event.target.src = '../photos/closed-crow.png';
}); });
const home = document.getElementById('home'); const home = document.getElementById('home');
home.addEventListener('mouseover', (event) => { home.addEventListener('mouseover', (event) => {
event.target.src = '../images/home-open.png'; event.target.src = '../photos/home-open.png';
}); });
home.addEventListener('mouseout', (event) => { home.addEventListener('mouseout', (event) => {
event.target.src = '../images/home-closed.png'; event.target.src = '../photos/home-closed.png';
}); });
}); });

@ -86,22 +86,22 @@ document.addEventListener('DOMContentLoaded', (event) => {
const about = document.getElementById('about'); const about = document.getElementById('about');
about.addEventListener('mouseover', (event) => { about.addEventListener('mouseover', (event) => {
event.target.src = '../images/open-crow.png'; event.target.src = '../photos/open-crow.png';
}); });
about.addEventListener('mouseout', (event) => { about.addEventListener('mouseout', (event) => {
event.target.src = '../images/closed-crow.png'; event.target.src = '../photos/closed-crow.png';
}); });
const home = document.getElementById('home'); const home = document.getElementById('home');
home.addEventListener('mouseover', (event) => { home.addEventListener('mouseover', (event) => {
event.target.src = '../images/home-open.png'; event.target.src = '../photos/home-open.png';
}); });
home.addEventListener('mouseout', (event) => { home.addEventListener('mouseout', (event) => {
event.target.src = '../images/home-closed.png'; event.target.src = '../photos/home-closed.png';
}); });
}); });

Loading…
Cancel
Save