Mercurial > dottes
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 |
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 | 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> |