git.cworth.org Git - zombocom-ai/blob - index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6   <title>ZOMBO</title>
   7   <link href="/zombo.css" rel="stylesheet" type="text/css">
   8   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   9   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10   <meta name="HandheldFriendly" content="true">
  11 </head>
  12
  13 <body>
  14   <div align="center">
  15     <p>
  16       <br>
  17     </p>
  18
  19     <p>
  20       <img src="/zombocom.png" alt="Zombocom" longdesc="http://zombo.com" width="1199" height="217">
  21     </p>
  22   </div>
  23
  24   <div align="center">
  25    <div class="animate-flicker">
  26      <p>
  27        <img src="/pngwheel.png" class="rotate thefade">
  28      </p>
  29    </div>
  30   </div>
  31
  32   <audio loop="" src="/zombo_words.mp3" type="audio/mpeg"></audio>
  33   <button id="button" class="fade">
  34     <div>🔊</div>
  35     <script>
  36 const button = document.querySelector("#button");
  37 const icon = document.querySelector("#button > div");
  38 const audio = document.querySelector("audio");
  39
  40 button.addEventListener("click", () => {
  41   if (audio.paused) {
  42       audio.volume = 0.2;
  43       audio.play();
  44       icon.innerHTML = "🔈";
  45   } else {
  46       audio.pause();
  47       icon.innerHTML = "🔊";
  48   }
  49   button.classList.add("fade");
  50 });
  51     </script>
  52
  53   </button>
  54 </body>
  55 </html>