CryHavoc
/
dottes
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity
dottes/dottes.html.learnertune

169 lines
7.5 KiB
Plaintext
Raw Permalink Normal View History

First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
Set initial viewport settings.
2016-11-06 14:28:08 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<title>Cry Havoc tunes - learning ${title}</title>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<link rel="stylesheet" href="../../css/dottes.css" />
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
Change main body font to Open Sans, to match the main Havoc website.
2013-11-11 22:14:00 +00:00
<link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
rel='stylesheet' type='text/css'>
</head>
<body>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="container">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<a href="/">
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="header-strip banner">
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<img src="../../img/banner.png" alt="Havoc banner image">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</div>
</a>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="dottes-body">
Tweak presentation of learner page.
2013-09-02 14:11:56 +01:00
<div class="dottes-tune-display">
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<img src="../../img/learner.png" alt="Learner tune image">
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
2017-10-11 16:18:13 +01:00
Work out the melody or play along
Have learner tunes play only the melody. Do this by telling timidity to mute all tracks but the first.
2016-09-06 20:48:32 +01:00
with these audio players. They play the melody repeatedly. There's
Tweak presentation of learner page.
2013-09-02 14:11:56 +01:00
a variety of speeds to choose from. You can also download the
audio files.
</div>
</div>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="dottes-body">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<div class="dottes-tune-display">
<div class="dottes-tune-header">
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
2017-10-11 16:18:13 +01:00
<div class="dottes-tune-header-parts-column"></div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-header-title-column"></div>
<div class="dottes-tune-header-composer-column"></div>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<div class="dottes-tune-header-row">
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
2017-10-11 16:18:13 +01:00
<div class="dottes-tune-header-parts">
<p>
${parts}
</p>
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-header-title">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<h1>${title}</h1>
<h2>${subtitle}</h2>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-header-composer">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<em>${composer}</em>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</div>
</div>
</div>
Add fulltitle to template fields. fulltitle is title + [(" subtitle ")"] if subtitle is present. To do: extend full title to next and prev. this means exposing it in abcfield.py.
2017-10-11 17:09:31 +01:00
<p>${fulltitle} is in the key of ${key}.
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
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">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<p>Normal speed
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-play">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<audio controls loop>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<source src="../../${mastertunedir}/${name}/normal-${name}.mp3" type="audio/mpeg" />
<source src="../../${mastertunedir}/${name}/normal-${name}.ogg" type="audio/ogg" />
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</audio>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-download">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<ul class="tune-data-list">
Add MIDI download links to learner page.
2016-11-06 21:52:29 +00:00
<li><a class="dottes-link-tune dottes-midi" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/${name}.mid">MIDI</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/${name}.mp3">MP3</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-ogg" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/${name}.ogg">OGG</a></li>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</ul>
</div>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-row">
<div class="dottes-tune-learner-speed">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<p>Slightly slower
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-play">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<audio controls loop>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<source src="../../${mastertunedir}/${name}/littleslow-${name}.mp3" type="audio/mpeg" />
<source src="../../${mastertunedir}/${name}/littleslow-${name}.ogg" type="audio/ogg" />
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</audio>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-download">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<ul class="tune-data-list">
Add MIDI download links to learner page.
2016-11-06 21:52:29 +00:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/littleslow-${name}.mid">MIDI</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/littleslow-${name}.mp3">MP3</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-ogg" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/littleslow-${name}.ogg">OGG</a></li>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</ul>
</div>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-row">
<div class="dottes-tune-learner-speed">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<p>Slow
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-play">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<audio controls loop>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<source src="../../${mastertunedir}/${name}/slow-${name}.mp3" type="audio/mpeg" />
<source src="../../${mastertunedir}/${name}/slow-${name}.ogg" type="audio/ogg" />
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</audio>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-download">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<ul class="tune-data-list">
Add MIDI download links to learner page.
2016-11-06 21:52:29 +00:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/slow-${name}.mid">MIDI</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/slow-${name}.mp3">MP3</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-ogg" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/slow-${name}.ogg">OGG</a></li>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</ul>
</div>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-row">
<div class="dottes-tune-learner-speed">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<p>Very slow
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-play">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<audio controls loop>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<source src="../../${mastertunedir}/${name}/veryslow-${name}.mp3" type="audio/mpeg" />
<source src="../../${mastertunedir}/${name}/veryslow-${name}.ogg" type="audio/ogg" />
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</audio>
</div>
Fix learner tune CSS. Broken during tune page CSS revision. Give the main display its own CSS.
2016-11-06 08:24:22 +00:00
<div class="dottes-tune-learner-download">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<ul class="tune-data-list">
Add MIDI download links to learner page.
2016-11-06 21:52:29 +00:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/veryslow-${name}.mid">MIDI</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-mp3" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/veryslow-${name}.mp3">MP3</a></li>
Decide that all links for downloading things should get HTML5 download tags. The audio players exist to play things on the page. Everything else is to download the file, really. I think.
2014-06-17 12:32:15 +01:00
<li><a class="dottes-link-tune dottes-ogg" download
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
href="../../${mastertunedir}/${name}/veryslow-${name}.ogg">OGG</a></li>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</ul>
</div>
</div>
</div>
Add previous and next tune links to website.
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">
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<a href="../${prevpage}/learner.html">${prevfulltitle}</a>
Add previous and next tune links to website.
2017-10-10 15:01:22 +01:00
</div>
<div class="dottes-tune-footer-learner-booke">
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<a class="dottes-tune-icon-link" href="index.html">
<img class="dottes-tune-header-image" src="../../img/music.png"
Add fulltitle to template fields. fulltitle is title + [(" subtitle ")"] if subtitle is present. To do: extend full title to next and prev. this means exposing it in abcfield.py.
2017-10-11 17:09:31 +01:00
alt="Tune dottes page" title="Go to dottes page for ${fulltitle}">
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
2017-10-11 16:18:13 +01:00
</a>
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<a class="dottes-tune-icon-link" href="../../${booke}/index.html">
<img class="dottes-tune-header-image" src="../../img/book.png"
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
2017-10-11 16:18:13 +01:00
alt="Tune booke index" title="Go to tune booke index">
</a>
Add previous and next tune links to website.
2017-10-10 15:01:22 +01:00
</div>
<div class="dottes-tune-footer-learner-next">
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
2019-08-05 23:25:28 +01:00
<a href="../${nextpage}/learner.html">${nextfulltitle}</a>
Add previous and next tune links to website.
2017-10-10 15:01:22 +01:00
</div>
</div>
</div>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
</div>
</div>
</div>
</body>
</html>