<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Happy Halloween from Sir Gadfly</title>
</head>
<body style="margin: 0px">
<!-- Change the source of the visual image below -->
<img img style="width:100%;margin:0px" id="playButton" src="/content/737280180be3963d38817efeb4ed1ba85a1c445ec34123460a5e6fa62f84c806i0" alt="Play Button Image">
<!-- Change the source of the audio file below and add the loop attribute -->
<audio id="audio" src="/content/810ec7b694dfb2555a6062ed6d3be364259a68e085ccc475e9ee4d7dc5d6b322i0" loop></audio>
<script>
const playButton = document.getElementById("playButton");
const audio = document.getElementById("audio");
// Function to play audio when the image is clicked
playButton.addEventListener("click", function() {
if (audio.paused) {
audio.play();
} else {
audio.pause();
audio.currentTime = 0;
}
});
</script>
</body>
</html>