Skip to content

Instantly share code, notes, and snippets.

@mikaelbr

mikaelbr/piano_markup.html

Created September 22, 2013 17:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mikaelbr/6661872 to your computer and use it in GitHub Desktop.
Save mikaelbr/6661872 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
piano_markup.html
<div id="p-wrapper">
<ul id="piano">
<li><div class="anchor clickable" data-note="A2"></div></li>
<li><div class="anchor clickable" data-note="B2"></div><span></span></li>
<li><div class="anchor clickable" data-note="C3"></div></li>
<li><div class="anchor clickable" data-note="D3"></div><span></span></li>
<li><div class="anchor clickable" data-note="E3"></div><span></span></li>
<li><div class="anchor clickable" data-note="F3"></div></li>
<li><div class="anchor clickable" data-note="G3"></div><span></span></li>
<li><div class="anchor clickable" data-note="A3"></div><span></span></li>
<li><div class="anchor clickable" data-note="B3"></div><span></span></li>
<li><div class="anchor clickable" data-note="C4"></div></li>
<li><div class="anchor clickable" data-note="D4"></div></li>
<li><div class="anchor clickable" data-note="E4"></div><span></span></li>
<li><div class="anchor clickable" data-note="F4"></div><span></span></li>
<li><div class="anchor clickable" data-note="G4"></div></li>
<li><div class="anchor clickable" data-note="A4"></div><span></span></li>
<li><div class="anchor clickable" data-note="B4"></div><span></span></li>
<li><div class="anchor clickable" data-note="C5"></div><span></span></li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment