mirror of
https://github.com/mouse-reeve/infinite_gnossienne
synced 2025-06-16 13:30:32 +02:00
80 lines
3.6 KiB
HTML
80 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Gnossiennes No. 1 Forever</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico">
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Gnossiennes No. 1 Forever">
|
|
<meta name="twitter:url" content="https://gnossiennes.mousereeve.com/">
|
|
<meta name="og:title" content="Gnossiennes No. 1 Forever">
|
|
<meta name="twitter:description" content="An unending verion of Erik Satie's Gnossiennes No. 1">
|
|
<meta name="og:description" content="An unending verion of Erik Satie's Gnossiennes No. 1">
|
|
<meta name="twitter:creator" content="@tripofmice">
|
|
|
|
<meta name="twitter:image" content="https://gnossiennes.mousereeve.com/static/images/preview.png">
|
|
<meta name="og:image" content="https://gnossiennes.mousereeve.com/static/images/preview.png">
|
|
<meta name="twitter:image:alt" content="Generated sheet music">
|
|
|
|
<!-- libraries -->
|
|
<script src="/static/js/lib/vexflow.min.js"></script>
|
|
|
|
<!-- site code -->
|
|
<script src="/static/js/soundfont.js"></script>
|
|
<script src="/static/js/distributions.js"></script>
|
|
<script src="/static/js/grammar.js"></script>
|
|
<script src="/static/js/player.js"></script>
|
|
<script src="/static/js/engraver.js"></script>
|
|
<script src="/static/js/controller.js"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
|
<link type="text/css" rel="stylesheet" href="/static/css/format.css">
|
|
|
|
<!-- Piwik -->
|
|
<script type="text/javascript">
|
|
var _paq = _paq || [];
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//piwik.grimoire.org/piwik/";
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
|
_paq.push(['setSiteId', 2]);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<noscript><p><img src="//piwik.grimoire.org/piwik/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Piwik Code -->
|
|
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Gnossiennes №. 1</h1>
|
|
<h2>∞</h2>
|
|
</header>
|
|
<div id="start-container">
|
|
<button aria-label="Play" id="start" class="round" onclick="start()" disabled="disabled">►</button>
|
|
</div>
|
|
<div id="notation"></div>
|
|
|
|
<footer>
|
|
<div id="controls">
|
|
<button class="scroll-controls" id="top" onclick="window.scrollTo(0,0);">scroll to top ▲</button>
|
|
<div class="play-controls">
|
|
<button class="round" id="pause" aria-label="Pause" onclick="pause()">▌▌</button>
|
|
<button class="round" id="play" aria-label="Play" onclick="play(true)">►</button>
|
|
</div>
|
|
<button class="scroll-controls" id="bottom" onclick="window.scrollTo(0,document.body.scrollHeight);">▼ scroll to bottom</button>
|
|
</div>
|
|
<div id="credits">
|
|
by
|
|
<a href="https://en.wikipedia.org/wiki/Erik_Satie" target="_blank">Erik Satie</a>
|
|
and
|
|
<a href="https://www.mousereeve.com/" target="_blank">Mouse Reeve</a> —
|
|
<a href="https://github.com/mouse-reeve/infinite_gnossienne" target="_blank">source code</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|