pianoverse_client/index.html
2024-08-27 19:10:54 +03:00

52 lines
2.8 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="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="theme-color" content="#1e1f22" />
<meta name="msapplication-navbutton-color" content="#1e1f22" />
<meta name="apple-mobile-web-app-status-bar-style" content="#1e1f22" />
<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="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>
<div class="app">
<div class="side">
<pv-room></pv-room>
<pv-users></pv-users>
<pv-chat></pv-chat>
</div>
<div class="center">
<pv-toolbar></pv-toolbar>
<pv-canvas></pv-canvas>
<pv-keys></pv-keys>
</div>
</div>
</body>
</html>