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

105 lines
4.1 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" />
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 - ${title}</title>
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<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>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="container">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<a href="/">
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="header-strip banner">
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
<img src="../img/banner.png" alt="Havoc banner image">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
</div>
</a>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="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">
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>
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-header-title-column"></div>
<div class="dottes-tune-header-composer-column"></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-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">
Show parts at top left of tune.
2017-10-08 20:34:49 +01:00
<p>
${parts}
</p>
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
</div>
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +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 attempt at adding Tradition below subtitle in web and print.
2017-10-08 17:06:09 +01:00
<h3>${tradition}</h3>
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>
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +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>
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 Dottes History to notes. Currently appears after notes with a gap. This is intended for longer exposition about a tune.
2016-11-02 18:36:31 +00:00
<div class="dottes-history-${historyvisibility}">
${history}
</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">
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-footer-links-column"></div>
<div class="dottes-tune-footer-play-column"></div>
<div class="dottes-tune-footer-last-column"></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-row">
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-footer-links">
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
<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>
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-footer-play">
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 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" />
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>
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-footer-last">
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>
Add previous and next tune links to website.
2017-10-10 15:01:22 +01:00
<div class="dottes-tune-footer-row">
<div class="dottes-tune-footer-prev">
<a href="${prevpage}">${prevtitle}</a>
</div>
<div class="dottes-tune-footer-booke">
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 class="dottes-tune-icon-link" href="learner-${name}.html">
<img class="dottes-tune-header-image" src="../img/learner.png"
alt="Learner tune page" title="Go to learner page for ${title}">
</a>
<a class="dottes-tune-icon-link" href="index.html">
<img class="dottes-tune-header-image" src="../img/book.png"
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-next">
<a href="${nextpage}">${nexttitle}</a>
</div>
</div>
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
</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>