ccdp10003-project01/index.html

37 lines
No EOL
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>The Myrtle Tree</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<main>
<section class="centre">
<button id="begin" onclick="begin()">Click to begin</button>
<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>
</section>
</main>
<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>
</footer>
<script src="main.js"></script>
</body>
</html>