Mercurial > dottes
annotate dottes.html @ 748:ce5c7214f9aa
Introduce mechanism for having different tune images for compact printed output.
Sort alternate .abc in subdir 'Compact' under the booke dir. Use that as
the graphic for A5 output, assuming it will be vertically more compact.
Use Bear Dance as an example, as it has commentary that currently
overflows an A5 landscape page.
For the moment, transposed Bookes don't transpose and so don't use Compact.
| author | Jim Hague <jim.hague@acm.org> | 
|---|---|
| date | Fri, 13 Oct 2017 15:44:15 +0100 | 
| parents | dfdea8422368 | 
| children | 40b43075a421 | 
| 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" /> | 
| 
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"> | 
| 
197
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
diff
changeset
 | 
6 <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
 | 
7 <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
 | 
8 | 
| 
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
 | 
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: 
186 
diff
changeset
 | 
10 rel='stylesheet' type='text/css'> | 
| 
43
 
d92717f8130c
First go at producing a very simple website.
 
Jim Hague <jim.hague@laicatc.com> 
parents:  
diff
changeset
 | 
11 </head> | 
| 
 
d92717f8130c
First go at producing a very simple website.
 
Jim Hague <jim.hague@laicatc.com> 
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: 
186 
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="banner"> | 
| 
 
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
 
Jim Hague <jim.hague@acm.org> 
parents: 
613 
diff
changeset
 | 
16 <img src="../img/banner.png" alt="Ye Crie Havoc Booke Of Dottes"> | 
| 
197
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
diff
changeset
 | 
17 </div> | 
| 
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
diff
changeset
 | 
18 </a> | 
| 
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
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"> | 
| 
197
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
diff
changeset
 | 
21 <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
 | 
22 <!--#include file="intro.html" --> | 
| 
400
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
23 <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
 | 
24 of these tunes. | 
| 
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
25 <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
 | 
26 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
 | 
27 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
 | 
28 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
 | 
29 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
 | 
30 <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
 | 
31 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
 | 
32 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
 | 
33 <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
 | 
34 This is issue @BUILD@. | 
| 
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
35 </div> | 
| 
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
36 | 
| 
621
 
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
 
Jim Hague <jim.hague@acm.org> 
parents: 
613 
diff
changeset
 | 
37 <div class="dottes-body"> | 
| 
400
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
38 <h1>The tunes</h1> | 
| 
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
39 <div class="dottes-tune-list"> | 
| 
613
 
af814cd756e8
Sort out column widths for web tune list.
 
Jim Hague <jim.hague@acm.org> 
parents: 
443 
diff
changeset
 | 
40 <div class="dottes-tune-list-link-column"></div> | 
| 
640
 
dfdea8422368
In tune list, put L in column of its own.
 
Jim Hague <jim.hague@acm.org> 
parents: 
624 
diff
changeset
 | 
41 <div class="dottes-tune-list-learner-link-column"></div> | 
| 
613
 
af814cd756e8
Sort out column widths for web tune list.
 
Jim Hague <jim.hague@acm.org> 
parents: 
443 
diff
changeset
 | 
42 <div class="dottes-tune-list-image-column"></div> | 
| 
400
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
43 <!--#include file="tunelist.html" --> | 
| 
 
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 </div> | 
| 
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
46 | 
| 
621
 
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
 
Jim Hague <jim.hague@acm.org> 
parents: 
613 
diff
changeset
 | 
47 <div class="dottes-body"> | 
| 
400
 
f1c4abe4fc75
First go at adding the tune learner page.
 
Jim Hague <jim.hague@acm.org> 
parents: 
363 
diff
changeset
 | 
48 <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
 | 
49 <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
 | 
50 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one | 
| 331 | 51 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> | 
| 52 suitable for use with an eReader like a Kindle, Nook, Kobo etc., | |
| 53 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
 | 
54 more tunes per page. | 
| 
 
8f352063f277
Finish first version of newly tarted up website.
 
Jim Hague <jim.hague@acm.org> 
parents: 
186 
diff
changeset
 | 
55 <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
 | 
56 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
 | 
57 <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
 | 
58 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
 | 
59 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
 | 
60 </div> | 
| 
 
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
 
Jim Hague <jim.hague@acm.org> 
parents: 
331 
diff
changeset
 | 
61 </div> | 
| 
 
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
 
Jim Hague <jim.hague@acm.org> 
parents: 
331 
diff
changeset
 | 
62 </body> | 
| 
 
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
 
Jim Hague <jim.hague@acm.org> 
parents: 
331 
diff
changeset
 | 
63 </html> | 
