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');
about.addEventListener('mouseover', (event) => {
event.target.src = '../images/open-crow.png';
event.target.src = '../photos/open-crow.png';
});
about.addEventListener('mouseout', (event) => {
event.target.src = '../images/closed-crow.png';
event.target.src = '../photos/closed-crow.png';
});
const home = document.getElementById('home');
home.addEventListener('mouseover', (event) => {
event.target.src = '../images/home-open.png';
event.target.src = '../photos/home-open.png';
});
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="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>
<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>
<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>
</div>
<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 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>

@ -14,11 +14,11 @@
<body>
<!-- nav -->
<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>
<div id="about">
<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>

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

Loading…
Cancel
Save