A piano to hack on while going to/from work.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

66 lines
2.8 KiB

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<div id="p-wrapper">
<ul id="piano">
<li><div class="anchor"></div>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
<li><div class="anchor"></div><span></span>D</li>
<li><div class="anchor"></div><span></span>E</li>
<li><div class="anchor"></div>F</li>
<li><div class="anchor"></div><span></span>G</li>
<li><div class="anchor"></div><span></span>A</li>
<li><div class="anchor"></div><span></span>B</li>
<li><div class="anchor"></div>C</li>
</ul>
</div>
<script type="text/javascript" src="js/libs/require.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>