Mercurial > dottes
annotate dottes.html @ 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 | e4d6a612c755 |
children | f1c4abe4fc75 |
rev | line source |
---|---|
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
1 <!DOCTYPE html> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
2 <html lang="en"> |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
3 <head> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
4 <meta charset="utf-8" /> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
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:
186
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:
186
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:
186
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:
186
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:
186
diff
changeset
|
10 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
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:
186
diff
changeset
|
12 rel='stylesheet' type='text/css'> |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
13 </head> |
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
14 <body> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
15 <div class="container_12"> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
16 <a href="/"> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
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:
186
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:
186
diff
changeset
|
19 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
20 </a> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
21 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
22 <div class="grid_12 dottes-body"> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
23 <h1>@SUBTITLE@</h1> |
360
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
24 <!--#include file="intro.html" --> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
25 <p>You can download a PDF with a booklet of these tunes. There is an |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
26 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one |
331 | 27 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> |
28 suitable for use with an eReader like a Kindle, Nook, Kobo etc., | |
29 and an <a href="@BOOK@-A4.pdf">A4 book</a> with two or | |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
30 more tunes per page. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
31 <p>If you have a printer that can do duplex (i.e. print on both sides |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
32 of the paper), you might like the |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
33 <a href="@BOOK@-A5bookletA4.pdf">A5 booklet</a>. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
34 Print this onto A4 paper using both sides of the paper, and fold in half |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
35 to make an A5 booklet. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
36 <p>When changes to this site are made, the issue number is incremented. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
37 This is issue @BUILD@. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
38 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
39 |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
40 <div class="grid_12 dottes-body"> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
41 <h1>The tunes</h1> |
224
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
207
diff
changeset
|
42 <div class="dottes-tune-list"> |
360
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
43 <!--#include file="tunelist.html" --> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
44 </div> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
45 </div> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
46 </div> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
47 </body> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
48 </html> |