index2.html

<!doctype html>
<html lang="en" data-demoIndex="2">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link
      rel="preload"
      href="/fonts/inter-var-latin.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <title>Webgl Images Interactions Inspired by Aristide Benoist</title>
    <link rel="stylesheet" href="/src/style.css" />
  </head>
  <body>
    <canvas class="gl"></canvas>

    <figure>
      <img src="/images/2.webp" />
    </figure>

    <nav>
      <a href="index.html">0</a>
      <a href="index1.html">1</a>
      <a href="index2.html" data-active>2</a>
      <a href="index3.html">3</a>
      <a href="index4.html">4</a>
      <a href="index5.html">5</a>
      <a href="index6.html">6</a>
    </nav>

    <footer>
      <span class="info">
        <a href="https://twitter.com/AristideBenoist/status/1587086913672036353" target="_blank"
          >Inspired by Aristide Benoist
        </a>
      </span>
    </footer>

    <script type="module" src="/src/main.ts"></script>
  </body>
</html>