2023-04-18 01:40:26 +10:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>The Myrtle Tree</title>
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
2023-04-18 03:33:53 +10:00
|
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
2023-04-18 01:40:26 +10:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2023-04-18 19:17:40 +10:00
|
|
|
<main>
|
2023-04-18 03:33:53 +10:00
|
|
|
<section class="centre">
|
2023-04-18 19:17:40 +10:00
|
|
|
<button id="begin" onclick="begin()">Click to begin</button>
|
2023-04-19 16:44:10 +10:00
|
|
|
<section class="headphonesOff">
|
|
|
|
|
<img class="headphonesOff" id="headphonesImage" src="public/images/headphones.svg" alt="headphones recommended"></img>
|
|
|
|
|
<br />
|
|
|
|
|
<p class="headphonesOff">Headphones recommended</p>
|
|
|
|
|
</section>
|
2023-04-19 19:28:20 +10:00
|
|
|
<section class="navigationOff">
|
|
|
|
|
<button class="arrowButton" id="arrowLeft" onclick="previousPage()">
|
|
|
|
|
<img class="arrowImage" src="public/images/arrow.svg" style="transform: rotate(180deg);">
|
|
|
|
|
</button>
|
|
|
|
|
<button class="arrowButton" if="arrowRight" onclick="nextPage()">
|
|
|
|
|
<img class="arrowImage" src="public/images/arrow.svg">
|
|
|
|
|
</button>
|
|
|
|
|
</section>
|
2023-04-18 01:40:26 +10:00
|
|
|
</section>
|
|
|
|
|
</main>
|
2023-04-18 19:17:40 +10:00
|
|
|
<footer>
|
|
|
|
|
<p class="credits" id="title">The Myrtle Tree - A pitch for a game about sound and reliving memories.</p>
|
|
|
|
|
<section class="controls">
|
|
|
|
|
<button id="playPause" class="controlButtonOff" onclick="playPauseAudio()">
|
|
|
|
|
<img class="controlImage" src="public/images/play.svg" alt="play"></img>
|
|
|
|
|
</button>
|
|
|
|
|
<button id="stop" class="controlButtonOff" onclick="stopAudio()">
|
|
|
|
|
<img class="controlImage" src="public/images/stop.svg" alt="stop"></img>
|
|
|
|
|
</button>
|
|
|
|
|
<audio id="backgroundAudio" src="public/audio/roli.weba" type="audio/weba">
|
|
|
|
|
</section>
|
|
|
|
|
<p class="credits" id="credits">By Rory Healy.</p>
|
2023-04-19 16:44:10 +10:00
|
|
|
</footer>
|
|
|
|
|
<script src="main.js"></script>
|
2023-04-18 01:40:26 +10:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
