Mercurial > dottes
annotate dottes.html.tune @ 783:6a851e9965ce build-default-296
And a second go at Nerys' Tom Tolleys and Iron Legs.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Wed, 25 Apr 2018 22:28:25 +0100 |
parents | 772402f5f8ea |
children | 3ba2e11466cd |
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" /> |
624
464a2adedeb6
Set initial viewport settings.
Jim Hague <jim.hague@acm.org>
parents:
621
diff
changeset
|
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
6 <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
|
7 <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
|
8 |
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
|
9 <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
|
10 rel='stylesheet' type='text/css'> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
11 </head> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
12 <body> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
13 <div class="container"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
14 <a href="/"> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
15 <div class="header-strip banner"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
16 <img src="../img/banner.png" alt="Havoc banner image"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
17 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
18 </a> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
19 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
20 <div class="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
|
21 <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
|
22 <div class="dottes-tune-header"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
23 <div class="dottes-tune-header-parts-column"></div> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
24 <div class="dottes-tune-header-title-column"></div> |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
25 <div class="dottes-tune-header-composer-column"></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
|
26 <div class="dottes-tune-header-row"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
27 <div class="dottes-tune-header-parts"> |
712
7e9d5852c802
Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents:
708
diff
changeset
|
28 <p> |
7e9d5852c802
Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents:
708
diff
changeset
|
29 ${parts} |
7e9d5852c802
Show parts at top left of tune.
Jim Hague <jim.hague@acm.org>
parents:
708
diff
changeset
|
30 </p> |
410
723aa1ff3b8b
Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
31 </div> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
32 <div class="dottes-tune-header-title"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
33 <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
|
34 <h2>${subtitle}</h2> |
708
7da70e8900ab
First attempt at adding Tradition below subtitle in web and print.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
35 <h3>${tradition}</h3> |
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> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
37 <div class="dottes-tune-header-composer"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
38 <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
|
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> |
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
|
41 </div> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
42 <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
|
43 <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
|
44 ${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
|
45 </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
|
46 <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
|
47 ${history} |
ed823ea54c83
Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents:
594
diff
changeset
|
48 </div> |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
49 <div class="dottes-tune-footer"> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
50 <div class="dottes-tune-footer-links-column"></div> |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
51 <div class="dottes-tune-footer-play-column"></div> |
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
52 <div class="dottes-tune-footer-last-column"></div> |
355
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"> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
54 <div class="dottes-tune-footer-links"> |
355
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> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
70 <div class="dottes-tune-footer-play"> |
369
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" /> |
369
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
74 </audio> |
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
75 </div> |
613
af814cd756e8
Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents:
598
diff
changeset
|
76 <div class="dottes-tune-footer-last"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
77 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
|
78 </div> |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
79 </div> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
80 <div class="dottes-tune-footer-row"> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
81 <div class="dottes-tune-footer-prev"> |
727
772402f5f8ea
Provide full titles for next and previous tunes in web pages.
Jim Hague <jim.hague@acm.org>
parents:
726
diff
changeset
|
82 <a href="${prevpage}">${prevfulltitle}</a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
83 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
84 <div class="dottes-tune-footer-booke"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
85 <a class="dottes-tune-icon-link" href="learner-${name}.html"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
86 <img class="dottes-tune-header-image" src="../img/learner.png" |
726
833e6185b6a2
Add fulltitle to template fields.
Jim Hague <jim.hague@acm.org>
parents:
724
diff
changeset
|
87 alt="Learner tune page" title="Go to learner page for ${fulltitle}"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
88 </a> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
89 <a class="dottes-tune-icon-link" href="index.html"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
90 <img class="dottes-tune-header-image" src="../img/book.png" |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
91 alt="Tune booke index" title="Go to tune booke index"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
92 </a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
93 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
94 <div class="dottes-tune-footer-next"> |
727
772402f5f8ea
Provide full titles for next and previous tunes in web pages.
Jim Hague <jim.hague@acm.org>
parents:
726
diff
changeset
|
95 <a href="${nextpage}">${nextfulltitle}</a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
96 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
712
diff
changeset
|
97 </div> |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
98 </div> |
229 | 99 </div> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
100 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
101 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
102 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
103 </body> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
104 </html> |