2013-09-02 11:48:16 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
2016-11-06 14:28:08 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2016-11-02 00:21:18 +00:00
|
|
|
<title>Cry Havoc tunes - learning ${title}</title>
|
2013-09-02 11:48:16 +01:00
|
|
|
<link rel="stylesheet" href="../css/dottes.css" />
|
|
|
|
|
2013-11-11 22:14:00 +00:00
|
|
|
<link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
|
2013-09-02 11:48:16 +01:00
|
|
|
rel='stylesheet' type='text/css'>
|
|
|
|
</head>
|
|
|
|
<body>
|
2016-11-06 13:40:32 +00:00
|
|
|
<div class="container">
|
2013-09-02 11:48:16 +01:00
|
|
|
<a href="/">
|
2016-11-06 13:40:32 +00:00
|
|
|
<div class="header-strip banner">
|
|
|
|
<img src="../img/banner.png">
|
2013-09-02 11:48:16 +01:00
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
2016-11-06 13:40:32 +00:00
|
|
|
<div class="dottes-body">
|
2013-09-02 14:11:56 +01:00
|
|
|
<div class="dottes-tune-display">
|
2016-09-06 20:48:32 +01:00
|
|
|
<img src="../img/learner.png">Work out the melody or play along
|
|
|
|
with these audio players. They play the melody repeatedly. There's
|
2013-09-02 14:11:56 +01:00
|
|
|
a variety of speeds to choose from. You can also download the
|
|
|
|
audio files.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2016-11-06 13:40:32 +00:00
|
|
|
<div class="dottes-body">
|
2013-09-02 11:48:16 +01:00
|
|
|
<div class="dottes-tune-display">
|
|
|
|
<div class="dottes-tune-header">
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-header-icons-column"></div>
|
|
|
|
<div class="dottes-tune-header-title-column"></div>
|
|
|
|
<div class="dottes-tune-header-composer-column"></div>
|
2013-09-02 11:48:16 +01:00
|
|
|
<div class="dottes-tune-header-row">
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-header-icons">
|
2016-11-02 00:21:18 +00:00
|
|
|
<a class="dottes-tune-icon-link" href="${name}.html">
|
2016-11-08 08:21:41 +00:00
|
|
|
<img class="dottes-tune-header-image" src="../img/music.png"
|
2013-09-03 10:02:59 +01:00
|
|
|
alt="Dottes">
|
|
|
|
</a>
|
2013-10-10 08:35:49 +01:00
|
|
|
<a class="dottes-tune-icon-link" href="index.html">
|
2016-11-08 08:21:41 +00:00
|
|
|
<img class="dottes-tune-header-image" src="../img/book.png"
|
2013-09-26 16:53:36 +01:00
|
|
|
alt="Tune index">
|
|
|
|
</a>
|
2013-09-03 10:02:59 +01:00
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-header-title">
|
2016-11-02 00:21:18 +00:00
|
|
|
<h1>${title}</h1>
|
|
|
|
<h2>${subtitle}</h2>
|
2013-09-02 11:48:16 +01:00
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-header-composer">
|
2016-11-02 00:21:18 +00:00
|
|
|
<em>${composer}</em>
|
2013-09-02 11:48:16 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-02 00:21:18 +00:00
|
|
|
<p>${title} is in the key of ${key}.
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner">
|
|
|
|
<div class="dottes-tune-learner-speed-column"></div>
|
|
|
|
<div class="dottes-tune-learner-play-column"></div>
|
|
|
|
<div class="dottes-tune-learner-download-column"></div>
|
|
|
|
<div class="dottes-tune-learner-row">
|
|
|
|
<div class="dottes-tune-learner-speed">
|
2013-09-02 11:48:16 +01:00
|
|
|
<p>Normal speed
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-play">
|
2013-09-02 11:48:16 +01:00
|
|
|
<audio controls loop>
|
2016-11-02 00:21:18 +00:00
|
|
|
<source src="../${masterbooke}/normal-${name}.mp3" type="audio/mpeg" />
|
|
|
|
<source src="../${masterbooke}/normal-${name}.ogg" type="audio/ogg" />
|
2013-09-02 11:48:16 +01:00
|
|
|
</audio>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-download">
|
2013-09-02 11:48:16 +01:00
|
|
|
<ul class="tune-data-list">
|
2016-11-06 21:52:29 +00:00
|
|
|
<li><a class="dottes-link-tune dottes-midi" download
|
|
|
|
href="../${masterbooke}/${name}.mid">MIDI</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/${name}.mp3">MP3</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-ogg" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/${name}.ogg">OGG</a></li>
|
2013-09-02 11:48:16 +01:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-row">
|
|
|
|
<div class="dottes-tune-learner-speed">
|
2013-09-02 11:48:16 +01:00
|
|
|
<p>Slightly slower
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-play">
|
2013-09-02 11:48:16 +01:00
|
|
|
<audio controls loop>
|
2016-11-02 00:21:18 +00:00
|
|
|
<source src="../${masterbooke}/littleslow-${name}.mp3" type="audio/mpeg" />
|
|
|
|
<source src="../${masterbooke}/littleslow-${name}.ogg" type="audio/ogg" />
|
2013-09-02 11:48:16 +01:00
|
|
|
</audio>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-download">
|
2013-09-02 11:48:16 +01:00
|
|
|
<ul class="tune-data-list">
|
2016-11-06 21:52:29 +00:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
|
|
|
href="../${masterbooke}/littleslow-${name}.mid">MIDI</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/littleslow-${name}.mp3">MP3</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-ogg" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/littleslow-${name}.ogg">OGG</a></li>
|
2013-09-02 11:48:16 +01:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-row">
|
|
|
|
<div class="dottes-tune-learner-speed">
|
2013-09-02 11:48:16 +01:00
|
|
|
<p>Slow
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-play">
|
2013-09-02 11:48:16 +01:00
|
|
|
<audio controls loop>
|
2016-11-02 00:21:18 +00:00
|
|
|
<source src="../${masterbooke}/slow-${name}.mp3" type="audio/mpeg" />
|
|
|
|
<source src="../${masterbooke}/slow-${name}.ogg" type="audio/ogg" />
|
2013-09-02 11:48:16 +01:00
|
|
|
</audio>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-download">
|
2013-09-02 11:48:16 +01:00
|
|
|
<ul class="tune-data-list">
|
2016-11-06 21:52:29 +00:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
|
|
|
href="../${masterbooke}/slow-${name}.mid">MIDI</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/slow-${name}.mp3">MP3</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-ogg" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/slow-${name}.ogg">OGG</a></li>
|
2013-09-02 11:48:16 +01:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-row">
|
|
|
|
<div class="dottes-tune-learner-speed">
|
2013-09-02 11:48:16 +01:00
|
|
|
<p>Very slow
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-play">
|
2013-09-02 11:48:16 +01:00
|
|
|
<audio controls loop>
|
2016-11-02 00:21:18 +00:00
|
|
|
<source src="../${masterbooke}/veryslow-${name}.mp3" type="audio/mpeg" />
|
|
|
|
<source src="../${masterbooke}/veryslow-${name}.ogg" type="audio/ogg" />
|
2013-09-02 11:48:16 +01:00
|
|
|
</audio>
|
|
|
|
</div>
|
2016-11-06 08:24:22 +00:00
|
|
|
<div class="dottes-tune-learner-download">
|
2013-09-02 11:48:16 +01:00
|
|
|
<ul class="tune-data-list">
|
2016-11-06 21:52:29 +00:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
|
|
|
href="../${masterbooke}/veryslow-${name}.mid">MIDI</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-mp3" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/veryslow-${name}.mp3">MP3</a></li>
|
2014-06-17 12:32:15 +01:00
|
|
|
<li><a class="dottes-link-tune dottes-ogg" download
|
2016-11-02 00:21:18 +00:00
|
|
|
href="../${masterbooke}/veryslow-${name}.ogg">OGG</a></li>
|
2013-09-02 11:48:16 +01:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-10-10 15:01:22 +01:00
|
|
|
<div class="dottes-tune-footer-learner">
|
|
|
|
<div class="dottes-tune-footer-learner-prev-column"></div>
|
|
|
|
<div class="dottes-tune-footer-learner-booke-column"></div>
|
|
|
|
<div class="dottes-tune-footer-learner-next-column"></div>
|
|
|
|
<div class="dottes-tune-footer-learner-row">
|
|
|
|
<div class="dottes-tune-footer-learner-prev">
|
|
|
|
<a href="${prevpage}">${prevtitle}</a>
|
|
|
|
</div>
|
|
|
|
<div class="dottes-tune-footer-learner-booke">
|
|
|
|
</div>
|
|
|
|
<div class="dottes-tune-footer-learner-next">
|
|
|
|
<a href="${nextpage}">${nexttitle}</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2013-09-02 11:48:16 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|