annotate dottes.html @ 851:4bfff0cce12d

Change morris image to another Barbara P work.
author Jim Hague <jim.hague@acm.org>
date Sat, 23 Mar 2019 15:05:20 +0000
parents dfdea8422368
children 40b43075a421
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: 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
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
51 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
52 suitable for use with an eReader like a Kindle, Nook, Kobo etc.,
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
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>