Mercurial > dottes
diff dottes.html.learnertune @ 400:f1c4abe4fc75 build-default-175
First go at adding the tune learner page.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Mon, 02 Sep 2013 11:48:16 +0100 |
| parents | dottes.html.tune@04bd083eed29 |
| children | 66e83b32ad90 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/dottes.html.learnertune Mon Sep 02 11:48:16 2013 +0100 @@ -0,0 +1,163 @@ +<!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|Oswald' + 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"> + <div class="dottes-tune-header"> + <div class="dottes-tune-header-row"> + <div class="dottes-tune-header-left"></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" + href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li> + <li><a class="dottes-link-tune dottes-ogg" + 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" + href="../@MASTERBOOKE@/littleslow-@TUNE@.mp3">MP3</a></li> + <li><a class="dottes-link-tune dottes-ogg" + 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" + href="../@MASTERBOOKE@/slow-@TUNE@.mp3">MP3</a></li> + <li><a class="dottes-link-tune dottes-ogg" + 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" + href="../@MASTERBOOKE@/veryslow-@TUNE@.mp3">MP3</a></li> + <li><a class="dottes-link-tune dottes-ogg" + href="../@MASTERBOOKE@/veryslow-@TUNE@.ogg">OGG</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + </div> +</body> +</html>