pianoverse_client/index.html
2024-11-25 17:25:15 +02:00

52 lines
No EOL
2.9 KiB
HTML

<!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="index.html" />
<meta property="og:image" content="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="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="index.html" />
<title>Pianoverse - Play piano with your friends!</title>
<script src="bundle.js" defer></script>
<script src="extra.js" defer></script>
<script src="https://kit.fontawesome.com/4044784fdc.js" crossorigin="anonymous"></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>