forked from CryHavoc/dottes
182 lines
7.7 KiB
Plaintext
182 lines
7.7 KiB
Plaintext
<!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">
|
|
<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 href="@TUNE@.html">
|
|
<img class="dottes-tune-table-image" src="../img/music.png"
|
|
alt="Dottes">
|
|
</a>
|
|
<a 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"
|
|
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>
|