<!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 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 autoplay and loop attributes -->
<audio id="audio" src="/content/810ec7b694dfb2555a6062ed6d3be364259a68e085ccc475e9ee4d7dc5d6b322i0" autoplay loop></audio>
<script>
const playButton = document.getElementById("playButton");
const audio = document.getElementById("audio");
// Function to toggle play and pause when the image is clicked
playButton.addEventListener("click", function () {
if (audio.paused) {
audio.play();
} else {
audio.pause();
}
});
</script>
</body>
</html>