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

92 lines
3.5 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">
Put banner back onto tune page.
2016-11-06 14:40:26 +00:00
<img src="../img/banner.png">
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">
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-icons-column"></div>
<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">
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-icons">
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">
Correct large icons on tune pages.
2016-11-08 08:21:41 +00:00
<img class="dottes-tune-header-image" src="../img/learner.png"
Add link from dots page to learner page and vice-versa.
2013-09-03 10:02:59 +01:00
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">
Correct large icons on tune pages.
2016-11-08 08:21:41 +00:00
<img class="dottes-tune-header-image" src="../img/book.png"
Add book icon to return from tune or learner page to tune index page.
2013-09-26 16:53:36 +01:00
alt="Tune index">
</a>
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>
</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>