Mercurial > dottes

annotate dottes.html @ 738:69a7499817c8 build-default-284

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
On Nook and A5 prints, start a new page with each tune and centre vertically.. A5 mostly did, but ran into trouble with longer comments on a tune. This may give blank space after tunes where a long comment overflows onto another page, but I think for now it's better to have each tune at the top of the page. Or rather, and this is the other change, in the middle of the page. Centre the page content for A5 and Nook.
author Jim Hague <jim.hague@acm.org>
date Thu, 12 Oct 2017 14:50:51 +0100
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>