Mercurial > dottes
view dottes.html.learnertune @ 561:735bf113b699
Merge with upstream.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 04 Sep 2016 20:58:57 +0100 |
parents | e16c20e63d9c |
children | cb7a4eff9d5b |
line wrap: on
line source
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Cry Havoc tunes - learning @TITLE@</title> <link rel="stylesheet" href="../css/reset.css" /> <link rel="stylesheet" href="../css/text.css" /> <link rel="stylesheet" href="../css/960.css" /> <link rel="stylesheet" href="../css/dottes.css" /> <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans' rel='stylesheet' type='text/css'> </head> <body> <div class="container_12"> <a href="/"> <div class="grid_12 header-strip banner"> <h1>Ye Crie Havock Booke of Dottes</h1> </div> </a> <div class="grid_12 dottes-body"> <div class="dottes-tune-display"> <img src="../img/learner.png">Work out the tune or play along with these audio players. They play the tune repeatedly. There's a variety of speeds to choose from. You can also download the audio files. </div> </div> <div class="grid_12 dottes-body"> <div class="dottes-tune-display"> <div class="dottes-tune-header"> <div class="dottes-tune-header-row"> <div class="dottes-tune-header-left"> <a class="dottes-tune-icon-link" href="@TUNE@.html"> <img class="dottes-tune-table-image" src="../img/music.png" alt="Dottes"> </a> <a class="dottes-tune-icon-link" href="index.html"> <img class="dottes-tune-table-image" src="../img/book.png" alt="Tune index"> </a> </div> <div class="dottes-tune-header-middle"> <h1>@TITLE@</h1> <h2>@SUBTITLE@</h2> </div> <div class="dottes-tune-header-right"> <em>@COMPOSER@</em> </div> </div> </div> <p>@TITLE@ is in the key of @KEY@. <div class="dottes-tune-footer"> <div class="dottes-tune-footer-row"> <div class="dottes-tune-footer-left"> <p>Normal speed </div> <div class="dottes-tune-footer-centre"> <audio controls loop> <source src="../@MASTERBOOKE@/@TUNE@.mp3" type="audio/mpeg" /> <source src="../@MASTERBOOKE@/@TUNE@.ogg" type="audio/ogg" /> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="@TUNE@.mp3" /> <param name="autoStart" value="false" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> <object type="audio/mpeg" data="@TUNE@.mp3"> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> </object> </object> </audio> </div> <div class="dottes-tune-footer-right"> <ul class="tune-data-list"> <li><a class="dottes-link-tune dottes-mp3" download href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li> <li><a class="dottes-link-tune dottes-ogg" download href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</a></li> </ul> </div> </div> <div class="dottes-tune-footer-row"> <div class="dottes-tune-footer-left"> <p>Slightly slower </div> <div class="dottes-tune-footer-centre"> <audio controls loop> <source src="../@MASTERBOOKE@/littleslow-@TUNE@.mp3" type="audio/mpeg" /> <source src="../@MASTERBOOKE@/littleslow-@TUNE@.ogg" type="audio/ogg" /> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="littleslow-@TUNE@.mp3" /> <param name="autoStart" value="false" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> <object type="audio/mpeg" data="littleslow-@TUNE@.mp3"> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> </object> </object> </audio> </div> <div class="dottes-tune-footer-right"> <ul class="tune-data-list"> <li><a class="dottes-link-tune dottes-mp3" download href="../@MASTERBOOKE@/littleslow-@TUNE@.mp3">MP3</a></li> <li><a class="dottes-link-tune dottes-ogg" download href="../@MASTERBOOKE@/littleslow-@TUNE@.ogg">OGG</a></li> </ul> </div> </div> <div class="dottes-tune-footer-row"> <div class="dottes-tune-footer-left"> <p>Slow </div> <div class="dottes-tune-footer-centre"> <audio controls loop> <source src="../@MASTERBOOKE@/slow-@TUNE@.mp3" type="audio/mpeg" /> <source src="../@MASTERBOOKE@/slow-@TUNE@.ogg" type="audio/ogg" /> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="slow-@TUNE@.mp3" /> <param name="autoStart" value="false" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> <object type="audio/mpeg" data="slow-@TUNE@.mp3"> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> </object> </object> </audio> </div> <div class="dottes-tune-footer-right"> <ul class="tune-data-list"> <li><a class="dottes-link-tune dottes-mp3" download href="../@MASTERBOOKE@/slow-@TUNE@.mp3">MP3</a></li> <li><a class="dottes-link-tune dottes-ogg" download href="../@MASTERBOOKE@/slow-@TUNE@.ogg">OGG</a></li> </ul> </div> </div> <div class="dottes-tune-footer-row"> <div class="dottes-tune-footer-left"> <p>Very slow </div> <div class="dottes-tune-footer-centre"> <audio controls loop> <source src="../@MASTERBOOKE@/veryslow-@TUNE@.mp3" type="audio/mpeg" /> <source src="../@MASTERBOOKE@/veryslow-@TUNE@.ogg" type="audio/ogg" /> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="veryslow-@TUNE@.mp3" /> <param name="autoStart" value="false" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> <object type="audio/mpeg" data="veryslow-@TUNE@.mp3"> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <param name="playCount" value="100000" /> </object> </object> </audio> </div> <div class="dottes-tune-footer-right"> <ul class="tune-data-list"> <li><a class="dottes-link-tune dottes-mp3" download href="../@MASTERBOOKE@/veryslow-@TUNE@.mp3">MP3</a></li> <li><a class="dottes-link-tune dottes-ogg" download href="../@MASTERBOOKE@/veryslow-@TUNE@.ogg">OGG</a></li> </ul> </div> </div> </div> </div> </div> </div> </body> </html>