Mercurial > dottes
annotate dottes.html @ 817:42cd4b6c638e
Note polishing.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Mon, 11 Jun 2018 13:02: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> |