annotate dottes.html.tune @ 369:e5f59f0e7dd5

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.
author Jim Hague <jim.hague@acm.org>
date Wed, 28 Aug 2013 11:54:45 +0100
parents b233893b4c51
children 0e8f58e33270
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" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
5 <title>Cry Havoc tunes - @TITLE@</title>
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
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald'
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">
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-left"></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
27 <div class="dottes-tune-header-middle">
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
28 <h1>@TITLE@</h1>
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
29 <h2>@SUBTITLE@</h2>
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
30 </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
31 <div class="dottes-tune-header-right">
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
32 <em>@COMPOSER@</em>
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
33 </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
34 </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
35 </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
36 <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
326
27f29e8aafea Add --contains flag to abcfield.py.
Jim Hague <jim.hague@acm.org>
parents: 319
diff changeset
37 <div class="dottes-credit-@CREDITVISIBILITY@">
27f29e8aafea Add --contains flag to abcfield.py.
Jim Hague <jim.hague@acm.org>
parents: 319
diff changeset
38 From @CREDIT@.
27f29e8aafea Add --contains flag to abcfield.py.
Jim Hague <jim.hague@acm.org>
parents: 319
diff changeset
39 </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
40 <div class="dottes-change-@CHANGEVISIBILITY@">
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 Change: <a class="dottes-change-link"
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 href="@CHANGETUNE@">@CHANGETITLE@</a>
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>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
44 <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
45 <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
46 <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
47 <ul class="tune-data-list">
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
48 <li><a class="dottes-link-tune dottes-pdf"
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
49 href="@TUNE@.pdf">PDF</a></li>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
50 <li><a class="dottes-link-tune dottes-midi"
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
51 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
52 <li><a class="dottes-link-tune dottes-mp3"
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
53 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
54 <li><a class="dottes-link-tune dottes-ogg"
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
55 href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</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
56 <li><a class="dottes-link-tune dottes-abc"
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
57 href="@TUNE@.abc">ABC</a></li>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
58 </ul>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
59 </div>
369
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
60 <div class="dottes-tune-footer-centre">
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
61 <audio controls>
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
62 <source src="@TUNE@.mp3" type="audio/mpeg" />
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
63 <source src="@TUNE@.ogg" type="audio/ogg" />
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
64 </audio>
e5f59f0e7dd5 Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents: 355
diff changeset
65 </div>
355
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
66 <div class="dottes-tune-footer-right">
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
67 Last changed @LASTCHANGED@
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
68 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
69 </div>
b233893b4c51 Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents: 326
diff changeset
70 </div>
229
1e4443d58177 Modify Change tune handling.
Jim Hague <jim.hague@acm.org>
parents: 223
diff changeset
71 </div>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
72 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
73
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
74 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
75 </body>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff changeset
76 </html>