annotate dottes.html.tune @ 601:507d853433ef

Create a section title page in the print version. Move the section comment to that title page.
author Jim Hague <jim.hague@acm.org>
date Fri, 04 Nov 2016 00:03:54 +0000
parents ed823ea54c83
children af814cd756e8
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
1 <!DOCTYPE html>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
2 <html lang="en">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
3 <head>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
4 <meta charset="utf-8" />
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
5 <title>Cry Havoc tunes - ${title}</title>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
6 <link rel="stylesheet" href="../css/reset.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
7 <link rel="stylesheet" href="../css/text.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
8 <link rel="stylesheet" href="../css/960.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
9 <link rel="stylesheet" href="../css/dottes.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
10
443
ae0836b5f4dd Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents: 430
diff changeset
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
12 rel='stylesheet' type='text/css'>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
13 </head>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
14 <body>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
15 <div class="container_12">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
16 <a href="/">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
17 <div class="grid_12 header-strip banner">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
18 <h1>Ye Crie Havock Booke of Dottes</h1>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
19 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
20 </a>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
21
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
22 <div class="grid_12 dottes-body">
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
23 <div class="dottes-tune-display">
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
24 <div class="dottes-tune-header">
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
25 <div class="dottes-tune-header-row">
410
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
26 <div class="dottes-tune-header-left">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
27 <a class="dottes-tune-icon-link" href="learner-${name}.html">
410
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
28 <img class="dottes-tune-table-image" src="../img/learner.png"
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
29 alt="Learner">
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
30 </a>
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 425
diff changeset
31 <a class="dottes-tune-icon-link" href="index.html">
425
16ddd82b51bc Add book icon to return from tune or learner page to tune index page.
Jim Hague <jim.hague@acm.org>
parents: 410
diff changeset
32 <img class="dottes-tune-table-image" src="../img/book.png"
16ddd82b51bc Add book icon to return from tune or learner page to tune index page.
Jim Hague <jim.hague@acm.org>
parents: 410
diff changeset
33 alt="Tune index">
16ddd82b51bc Add book icon to return from tune or learner page to tune index page.
Jim Hague <jim.hague@acm.org>
parents: 410
diff changeset
34 </a>
410
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
35 </div>
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
36 <div class="dottes-tune-header-middle">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
37 <h1>${title}</h1>
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
38 <h2>${subtitle}</h2>
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
39 </div>
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
40 <div class="dottes-tune-header-right">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
41 <em>${composer}</em>
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
42 </div>
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
43 </div>
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
44 </div>
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
45 <img class="dottes-png" src="${name}.png" alt="${title} dots">
594
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 588
diff changeset
46 <div class="dottes-notes-${notesvisibility}">
60749c792cde Replace Change and Credit with Markdown-enabled Notes section.
Jim Hague <jim.hague@acm.org>
parents: 588
diff changeset
47 ${notes}
319
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents: 229
diff changeset
48 </div>
598
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
49 <div class="dottes-history-${historyvisibility}">
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
50 ${history}
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
51 </div>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
52 <div class="dottes-tune-footer">
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
53 <div class="dottes-tune-footer-row">
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
54 <div class="dottes-tune-footer-left">
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
55 <ul class="tune-data-list">
488
e16c20e63d9c Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents: 486
diff changeset
56 <li><a class="dottes-link-tune dottes-pdf" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
57 href="${name}.pdf">PDF</a></li>
488
e16c20e63d9c Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents: 486
diff changeset
58 <li><a class="dottes-link-tune dottes-midi" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
59 href="../${masterbooke}/${name}.mid">MIDI</a></li>
488
e16c20e63d9c Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents: 486
diff changeset
60 <li><a class="dottes-link-tune dottes-mp3" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
61 href="../${masterbooke}/${name}.mp3">MP3</a></li>
488
e16c20e63d9c Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents: 486
diff changeset
62 <li><a class="dottes-link-tune dottes-ogg" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
63 href="../${masterbooke}/${name}.ogg">OGG</a></li>
486
e340218b9d11 Add HTML5 download tag to ABC and XML links in tune page.
Jim Hague <jim.hague@acm.org>
parents: 484
diff changeset
64 <li><a class="dottes-link-tune dottes-abc" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
65 href="${name}.abc">ABC</a></li>
486
e340218b9d11 Add HTML5 download tag to ABC and XML links in tune page.
Jim Hague <jim.hague@acm.org>
parents: 484
diff changeset
66 <li><a class="dottes-link-tune dottes-xml" download
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
67 href="${name}.xml">XML</a></li>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
68 </ul>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
69 </div>
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
70 <div class="dottes-tune-footer-centre">
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
71 <audio controls>
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
72 <source src="../${masterbooke}/${name}.mp3" type="audio/mpeg" />
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
73 <source src="../${masterbooke}/${name}.ogg" type="audio/ogg" />
382
04bd083eed29 Ratchet up the IE8 attempt.
Jim Hague <jim.hague@acm.org>
parents: 379
diff changeset
74 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
75 <param name="FileName" value="${name}.mp3" />
379
6c96275965d6 Attempt to allow IE8 to show audio controller to play files.
Jim Hague <jim.hague@acm.org>
parents: 372
diff changeset
76 <param name="autoStart" value="false" />
6c96275965d6 Attempt to allow IE8 to show audio controller to play files.
Jim Hague <jim.hague@acm.org>
parents: 372
diff changeset
77 <param name="autoplay" value="false" />
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
78 <object type="audio/mpeg" data="${name}.mp3">
382
04bd083eed29 Ratchet up the IE8 attempt.
Jim Hague <jim.hague@acm.org>
parents: 379
diff changeset
79 <param name="controller" value="true" />
04bd083eed29 Ratchet up the IE8 attempt.
Jim Hague <jim.hague@acm.org>
parents: 379
diff changeset
80 <param name="autoplay" value="false" />
04bd083eed29 Ratchet up the IE8 attempt.
Jim Hague <jim.hague@acm.org>
parents: 379
diff changeset
81 </object>
379
6c96275965d6 Attempt to allow IE8 to show audio controller to play files.
Jim Hague <jim.hague@acm.org>
parents: 372
diff changeset
82 </object>
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
83 </audio>
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
84 </div>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
85 <div class="dottes-tune-footer-right">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
86 Last changed ${lastchanged}
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
87 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
88 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
89 </div>
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 223
diff changeset
90 </div>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
91 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
92
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
93 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
94 </body>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
95 </html>