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

97 lines
3.7 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" />
<title>Cry Havoc tunes - @TITLE@</title>
<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">
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="learner-@TUNE@.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">
<h1>@TITLE@</h1>
<h2>@SUBTITLE@</h2>
</div>
<div class="dottes-tune-header-right">
<em>@COMPOSER@</em>
</div>
</div>
</div>
<img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
Add --contains flag to abcfield.py. Currently we rely on any N: field with a Change: subnotice being the first N: field. Add --contains field to abcfield.py to remove this restriction. Also use it to extract new subfield Credit: and add that if present to the tune information in print and on web.
2013-08-04 22:09:25 +01:00
<div class="dottes-credit-@CREDITVISIBILITY@">
From @CREDIT@.
</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-change-@CHANGEVISIBILITY@">
Change: <a class="dottes-change-link"
href="@CHANGETUNE@">@CHANGETITLE@</a>
</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">
<li><a class="dottes-link-tune dottes-pdf"
href="@TUNE@.pdf">PDF</a></li>
<li><a class="dottes-link-tune dottes-midi"
href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li>
<li><a class="dottes-link-tune dottes-mp3"
href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
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
<li><a class="dottes-link-tune dottes-ogg"
href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</a></li>
Add date of last change to bottom of web tune page.
2013-08-19 09:59:46 +01:00
<li><a class="dottes-link-tune dottes-abc"
href="@TUNE@.abc">ABC</a></li>
Add MusicXML conversion to tune pages. Might help someone.
2014-06-17 09:11:38 +01:00
<li><a class="dottes-link-tune dottes-xml"
href="@TUNE@.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>
Correct location of audio files for audio player. On cello and horn get from main booke pages.
2013-08-28 15:47:21 +01:00
<source src="../@MASTERBOOKE@/@TUNE@.mp3" type="audio/mpeg" />
<source src="../@MASTERBOOKE@/@TUNE@.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">
<param name="FileName" value="@TUNE@.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" />
Ratchet up the IE8 attempt. Thanks to http://www.yourwebskills.com/htmlobject.php.
2013-08-30 23:55:22 +01:00
<object type="audio/mpeg" data="@TUNE@.mp3">
<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">
Last changed @LASTCHANGED@
</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>