Mercurial > dottes

annotate dottes.html.tune @ 659:763c6916cc7d build-default-259

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Remove old Windows Media Player embedded object for playing audio. We're in the world of HTML5 now. And Firefox has started playing tunes on page download.
author Jim Hague <jim.hague@acm.org>
date Sun, 05 Feb 2017 22:51:30 +0000
parents 2d436a8e3dd2
children 7da70e8900ab
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>
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">
625
f66d8671497d Put banner back onto tune page.
Jim Hague <jim.hague@acm.org>
parents: 624
diff changeset
16 <img src="../img/banner.png">
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">
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
23 <div class="dottes-tune-header-icons-column"></div>
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">
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
27 <div class="dottes-tune-header-icons">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
28 <a class="dottes-tune-icon-link" href="learner-${name}.html">
643
2d436a8e3dd2 Correct large icons on tune pages.
Jim Hague <jim.hague@acm.org>
parents: 625
diff changeset
29 <img class="dottes-tune-header-image" src="../img/learner.png"
410
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
30 alt="Learner">
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
diff changeset
31 </a>
430
ab1b5b833a0c Remove line between icons. It's a link underline.
Jim Hague <jim.hague@acm.org>
parents: 425
diff changeset
32 <a class="dottes-tune-icon-link" href="index.html">
643
2d436a8e3dd2 Correct large icons on tune pages.
Jim Hague <jim.hague@acm.org>
parents: 625
diff changeset
33 <img class="dottes-tune-header-image" src="../img/book.png"
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
34 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
35 </a>
410
723aa1ff3b8b Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents: 382
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-title">
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
38 <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
39 <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
40 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
41 <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
42 <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
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>
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>
588
afc031477784 Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents: 488
diff changeset
46 <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
47 <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
48 ${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
49 </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
50 <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
51 ${history}
ed823ea54c83 Add Dottes History to notes. Currently appears after notes with a gap.
Jim Hague <jim.hague@acm.org>
parents: 594
diff changeset
52 </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">
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-column"></div>
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
55 <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
56 <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
57 <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
58 <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
59 <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
60 <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
61 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
62 <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
63 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
64 <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
65 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
66 <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
67 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
68 <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
69 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
70 <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
71 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
72 </ul>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
73 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
74 <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
75 <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
76 <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
77 <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
78 </audio>
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
79 </div>
613
af814cd756e8 Sort out column widths for web tune list.
Jim Hague <jim.hague@acm.org>
parents: 598
diff changeset
80 <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
81 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
82 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
83 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
84 </div>
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 223
diff changeset
85 </div>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
86 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
87
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
88 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
89 </body>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
90 </html>