Mercurial > dottes

annotate dottes.html.tune @ 943:d6e2a281cceb build-default-344

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Change web page layout. Put tune contents under 'tunes/<name>' or 'tunes-<instrument>/<name>'. That way they won't move if the tune gets moved between Bookes. For now I have not attempted to redirect old URLs.
author Jim Hague <jim.hague@acm.org>
date Mon, 05 Aug 2019 23:25:28 +0100
parents 3ba2e11466cd
children
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" />
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>
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
7 <link rel="stylesheet" href="../../css/dottes.css" />
197
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">
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
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>
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
35 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
36 <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
37 <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
38 </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
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>
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
41 <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
42 <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
43 ${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
44 </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
45 <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
46 ${history}
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
47 </div>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
48 <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
49 <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
50 <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
51 <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
52 <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
53 <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
54 <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
55 <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
56 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
57 <li><a class="dottes-link-tune dottes-midi" download
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
58 href="../../${mastertunedir}/${name}/${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
59 <li><a class="dottes-link-tune dottes-mp3" download
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
60 href="../../${mastertunedir}/${name}/${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
61 <li><a class="dottes-link-tune dottes-ogg" download
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
62 href="../../${mastertunedir}/${name}/${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
63 <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
64 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
65 <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
66 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
67 </ul>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
68 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
69 <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
70 <audio controls>
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
71 <source src="../../${mastertunedir}/${name}/${name}.mp3" type="audio/mpeg" />
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
72 <source src="../../${mastertunedir}/${name}/${name}.ogg" type="audio/ogg" />
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
73 </audio>
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
74 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
75 <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
76 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
77 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
78 </div>
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
79 <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
80 <div class="dottes-tune-footer-prev">
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
81 <a href="../${prevpage}/index.html">${prevfulltitle}</a>
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
82 </div>
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
83 <div class="dottes-tune-footer-booke">
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
84 <a class="dottes-tune-icon-link" href="learner.html">
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
85 <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
86 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
87 </a>
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
88 <a class="dottes-tune-icon-link" href="../../${booke}/index.html">
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
89 <img class="dottes-tune-header-image" src="../../img/book.png"
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
90 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
91 </a>
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
92 </div>
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
93 <div class="dottes-tune-footer-next">
943
d6e2a281cceb Change web page layout.
Jim Hague <jim.hague@acm.org>
parents: 794
diff changeset
94 <a href="../${nextpage}/index.html">${nextfulltitle}</a>
722
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
95 </div>
f8ab14cc9d8d Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents: 712
diff changeset
96 </div>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
97 </div>
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 223
diff changeset
98 </div>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
99 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
100
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
101 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
102 </body>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
103 </html>