StackUp/index.html at master · ArcaneCircle/StackUp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="webxdc.js"></script>
  </head>
  <body>
    <div id="container"></div>
    <audio id="music" src="assets/background.mp3" preload="auto" loop></audio>

    <!-- Scoreboard Modal -->
    <div id="scoreboard" class="w3-modal" onclick="event.stopPropagation();">
      <div
        class="w3-modal-content w3-animate-top"
        onclick="event.stopPropagation();"
      >
        <header class="w3-container w3-black">
          <h2>
            Scoreboard
            <span
              onclick="document.getElementById('scoreboard').style.display='none'"
              class="w3-button w3-display-topright"
              >&times;</span
            >
          </h2>
        </header>

        <div id="scoreboard-container" class="w3-container"></div>
      </div>
    </div>

    <svg
      id="score-btn"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M13 15.9C15.2822 15.4367 17 13.419 17 11V4H7V11C7 13.419 8.71776 15.4367 11 15.9V18H9V20H15V18H13V15.9ZM9 6H15V11C15 12.6569 13.6569 14 12 14C10.3431 14 9 12.6569 9 11V6Z"
        fill="currentColor"
      />
      <path d="M18 6H20V11H18V6Z" fill="currentColor" />
      <path d="M6 6H4V11H6V6Z" fill="currentColor" />
    </svg>

    <script src="./js/three.min.js"></script>
    <script src="./js/TweenMax.min.js"></script>
    <script src="./src/index.js" type="module"></script>
  </body>
</html>