src/playground/spooky/index.php
<html>
  <head>
    <title>Spooktober</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
    <meta name="theme-color" content="#000000"/>
    <meta content="https://alexflipnote.dev/static/images/skull_full.png" property="og:image"/>
    <link rel="icon" type="image/x-icon" href="https://alexflipnote.dev/static/images/skull.png"/>
    <meta content="Spooktober" property="og:title"/>
    <meta content="Have a spooky October!" property="og:description"/>
    <meta content="Have a spooky October!" name="description"/>
    <link href="/static/css/spooky.css" type="text/css" rel="stylesheet"/>
    <script src="/static/js/spooky.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
    <section id="window">
      <div id="drag" class="window win-animation">
        <div id="drag-titlebar" class="window-titlebar">
          <div class="window-title-area"><span class="window-title">It's nearly October</span>
          </div>
          <button id="window-close" class="window-close-button window-button tooltip"><span class="tooltiptext">You can't escape!</span>
          </button>
        </div>
        <div class="window-content flex-gird"><img src="/static/images/skull.png" draggable="false" class="alert"/>
          <div class="alert-text">
            <p class="alert-inner-text">Time to get spooky!</p>
          </div>
        </div>
        <div class="window-buttons center">
          <button id="spooktime">Yes</button>
          <button id="spooktime2">Hell Yes</button>
        </div>
      </div>
    </section>
    <div id="dankmode">
      <button id="dank">Enable dank mode</button>
    </div>
    <div id="spookwindow">
      <h1 id="timer" style="font-family: Verdana;">You've been spooked for <br/> <span id="time">0.0s</span>
      </h1>
      <video loop id="spookyvid">Your browser does not support video...</video>
    </div>
  </body>
</html>
