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

93 lines
3.6 KiB
Plaintext
Raw Normal View History

Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<title>Cry Havoc tunes - ${title}</title>
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<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" />
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'
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
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">
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
2013-07-16 16:35:07 +01:00
<div class="dottes-tune-display">
<div class="dottes-tune-header">
<div class="dottes-tune-header-row">
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
<div class="dottes-tune-header-left">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<a class="dottes-tune-icon-link" href="learner-${name}.html">
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
<img class="dottes-tune-table-image" src="../img/learner.png"
alt="Learner">
</a>
Remove line between icons. It's a link underline. So set the link style to not underline links.
2013-10-09 18:06:14 +01:00
<a class="dottes-tune-icon-link" href="index.html">
Add book icon to return from tune or learner page to tune index page.
2013-09-26 16:53:36 +01:00
<img class="dottes-tune-table-image" src="../img/book.png"
alt="Tune index">
</a>
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
</div>
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
2013-07-16 16:35:07 +01:00
<div class="dottes-tune-header-middle">
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>
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
2013-07-16 16:35:07 +01:00
</div>
<div class="dottes-tune-header-right">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<em>${composer}</em>
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
2013-07-16 16:35:07 +01:00
</div>
</div>
</div>
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<img class="dottes-png" src="${name}.png" alt="${title} dots">
Replace Change and Credit with Markdown-enabled Notes section. Data in Notes is taken from N: section starting "Dottes:".
2016-11-02 15:02:06 +00:00
<div class="dottes-notes-${notesvisibility}">
${notes}
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
2013-07-16 16:35:07 +01:00
</div>
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
<div class="dottes-tune-footer">
<div class="dottes-tune-footer-row">
<div class="dottes-tune-footer-left">
<ul class="tune-data-list">
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-pdf" download
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="${name}.pdf">PDF</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-midi" download
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="../${masterbooke}/${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
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="../${masterbooke}/${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
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="../${masterbooke}/${name}.ogg">OGG</a></li>
Add HTML5 download tag to ABC and XML links in tune page. You probably want to download these, not view them in the browser.
2014-06-17 09:53:15 +01:00
<li><a class="dottes-link-tune dottes-abc" download
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="${name}.abc">ABC</a></li>
Add HTML5 download tag to ABC and XML links in tune page. You probably want to download these, not view them in the browser.
2014-06-17 09:53:15 +01:00
<li><a class="dottes-link-tune dottes-xml" download
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
href="${name}.xml">XML</a></li>
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
</ul>
</div>
Add audio player to tune web page. Add an <audio> tag to the bottom centre of the tune web page. Give it options for MP3 and OGG files. Most browsers will play MP3, and the ones that won't (Firefox) will play OGG. Since we now have to generate OGGs, add a download link as well.
2013-08-28 11:54:45 +01:00
<div class="dottes-tune-footer-centre">
<audio controls>
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<source src="../${masterbooke}/${name}.mp3" type="audio/mpeg" />
<source src="../${masterbooke}/${name}.ogg" type="audio/ogg" />
Ratchet up the IE8 attempt. Thanks to http://www.yourwebskills.com/htmlobject.php.
2013-08-30 23:55:22 +01:00
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<param name="FileName" value="${name}.mp3" />
Attempt to allow IE8 to show audio controller to play files. This might not work well, and get removed in future.
2013-08-30 20:25:01 +01:00
<param name="autoStart" value="false" />
<param name="autoplay" value="false" />
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
<object type="audio/mpeg" data="${name}.mp3">
Ratchet up the IE8 attempt. Thanks to http://www.yourwebskills.com/htmlobject.php.
2013-08-30 23:55:22 +01:00
<param name="controller" value="true" />
<param name="autoplay" value="false" />
</object>
Attempt to allow IE8 to show audio controller to play files. This might not work well, and get removed in future.
2013-08-30 20:25:01 +01:00
</object>
Add audio player to tune web page. Add an <audio> tag to the bottom centre of the tune web page. Give it options for MP3 and OGG files. Most browsers will play MP3, and the ones that won't (Firefox) will play OGG. Since we now have to generate OGGs, add a download link as well.
2013-08-28 11:54:45 +01:00
</audio>
</div>
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
<div class="dottes-tune-footer-right">
Replace sed substitution with Python templating for HTML and LaTeX output.
2016-11-02 00:21:18 +00:00
Last changed ${lastchanged}
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
</div>
</div>
</div>
Modify Change tune handling. Change all change notes to reference the filename of the tune to change to. Modify web and document generators to pull the change note out of the abc and generate an appropiate bit of content. This is now, in both cases, a hyperlink. In the process, remove the tune-specific .tex facility. It wasn't being used. I could really do with a proper templating system, and using some sort of templating in the LaTeX generation.
2013-02-23 13:10:58 +00:00
</div>
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
</div>
</div>
</body>
</html>