TheBlueWaltz/index.html at main · LeBenjos/TheBlueWaltz · 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
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="./assets/icons/benjosLogoBlack.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1,
    height=device-height, user-scalable=no, viewport-fit=cover, shrink-to-fit=no, minimal-ui" />
  <title>The Blue Waltz | Benjamin SCHINKEL</title>
</head>

<body>
  <div id="app">
    <h1 id="title" style="opacity: 0;">
      <span class="word w1"><span>T</span><span>h</span><span>e</span></span>
      <span class="word w2"><span>B</span><span>l</span><span>u</span><span>e</span></span>
      <br />
      <span class="word w3"><span>W</span><span>a</span><span>l</span><span>t</span><span>z</span></span>
    </h1>
    <div id="tutorialCrank" class="tutorial crank" style="opacity: 0;"><span class="title">S</span>croll to
      turn the
      crank and load the<span class="title hidden"> experience</span>.</div>
    <div id="tutorialButton" class="tutorial button" style="opacity: 0;"><span class="title">C</span>lick the button to
      begin your<span class="title hidden"> journey</span>.
    </div>
  </div>
  <button id="start" style="opacity: 0;">Start</button>
  <div id="mobileAlert" class="mobileAlert" style="opacity: 0;">
    For the best experience, please visit this site on a desktop computer.
  </div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>