<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="author" content="https://github.com/charleprr" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="keywords" content="pianoverse, multiplayerpiano, multiplayer, piano, music, midi, play, online" />
    <meta name="application-name" content="Pianoverse" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Pianoverse" />
    <meta name="theme-color" content="#0c0d14" />
    <meta name="msapplication-navbutton-color" content="#0c0d14" />
    <meta name="apple-mobile-web-app-status-bar-style" content="#0c0d14" />
    <meta name="description" content="Play piano with your friends! Make music together on a virtual 88-key piano keyboard. MIDI support, velocity sensitivity, low latency and more..." />
    <meta property="og:title" content="Pianoverse - Play piano with your friends!" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://pianoverse.net" />
    <meta property="og:image" content="https://pianoverse.net/icons/light-192.png" />
    <meta property="og:description" content="Play piano with your friends! Make music together on a virtual 88-key piano keyboard. MIDI support, velocity sensitivity, low latency and more..." />
    <meta property="og:site_name" content="Pianoverse" />
    <meta property="og:locale" content="en_US" />
    <meta name="twitter:title" content="Pianoverse - Play piano with your friends!">
    <meta name="twitter:description" content="Play piano with your friends! Make music together on a virtual 88-key piano keyboard. MIDI support, velocity sensitivity, low latency and more...">
    <meta name="twitter:image" content="https://pianoverse.net/icons/light-192.png">
    <link rel="icon" href="favicon-dark.svg" type="image/svg+xml" />
    <link rel="alternate icon" type="image/png" sizes="32x32" href="/icons/dark-32.png" />
    <link rel="alternate icon" type="image/png" sizes="16x16" href="/icons/dark-16.png" />
    <link rel="apple-touch-icon" sizes="192x192" href="/icons/dark-192.png" />
    <link rel="manifest" href="site.webmanifest" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://cdn.jsdelivr.net" />
    <link rel="canonical" href="https://pianoverse.net/" />
    <title>Pianoverse - Play piano with your friends!</title>
    <script src="./bundle.js" defer></script>
  </head>
  <body>
    <noscript>Please enable JavaScript to use Pianoverse.</noscript>
    <pv-header></pv-header>
    <div class="app">
      <div class="chat">
        <pv-users></pv-users>
        <pv-chat></pv-chat>
      </div>
      <div class="piano">
        <pv-canvas></pv-canvas>
        <pv-keys></pv-keys>
      </div>
    </div>
  </body>
</html>