Mercurial > dottes
annotate dottes.html @ 608:b4eb1753c80f
Up the resolution of the web graphics.
This will result in increased image size, on the order of 18k->32k, but
I'm fed up with the blurriness of the current images. Ideally I'd move
to SVG for the web images, but Mick reckons that SVG support on mobile
browsers is still limited. Suspect he's probably right.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Fri, 04 Nov 2016 23:31:40 +0000 |
parents | ae0836b5f4dd |
children | af814cd756e8 |
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 |
443
ae0836b5f4dd
Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents:
414
diff
changeset
|
11 <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:
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" --> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
25 <p>See <a href="#printing">below</a> if you'd like to print a book |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
26 of these tunes. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
27 <p>Click on the tune title or first line music for a page showing |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
28 the dots for the tune and giving links for downloading the tune |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
29 in various formats. If you don't read music, or you'd like to work |
414
2a1e1754e4bf
Remove unfortunate American spelling thing.
Jim Hague <jim.hague@acm.org>
parents:
404
diff
changeset
|
30 on practising learning tunes by ear, or just playing along with |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
31 the tune, click on the learner icon |
404
a6a096bb279a
Make learner icon smaller and put by tune name in tune list.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
32 <img src="../img/learner.png"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
33 for a page where you can listen to the tune repeatedly, either |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
34 at the full playing speed or several slower speeds. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
35 <p>When changes to this site are made, the issue number is incremented. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
36 This is issue @BUILD@. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
37 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
38 |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
39 <div class="grid_12 dottes-body"> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
40 <h1>The tunes</h1> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
41 <div class="dottes-tune-list"> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
42 <!--#include file="tunelist.html" --> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
43 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
44 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
45 |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
46 <div class="grid_12 dottes-body"> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
47 <a id="printing"><h1>Printing</h1></a> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
48 <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
|
49 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one |
331 | 50 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> |
51 suitable for use with an eReader like a Kindle, Nook, Kobo etc., | |
52 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
|
53 more tunes per page. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
54 <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
|
55 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
|
56 <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
|
57 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
|
58 to make an A5 booklet. |
360
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
59 </div> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
60 </div> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
61 </body> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
62 </html> |