Mercurial > dottes
annotate dottes.html @ 621:dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 06 Nov 2016 13:40:32 +0000 |
parents | af814cd756e8 |
children | 464a2adedeb6 |
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/dottes.css" /> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
7 |
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
|
8 <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
|
9 rel='stylesheet' type='text/css'> |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
10 </head> |
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
11 <body> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
12 <div class="container"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
13 <a href="/"> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
14 <div class="banner"> |
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
15 <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
|
16 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
17 </a> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
18 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
19 <div class="dottes-body"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
20 <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
|
21 <!--#include file="intro.html" --> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
22 <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
|
23 of these tunes. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
24 <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
|
25 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
|
26 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
|
27 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
|
28 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
|
29 <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
|
30 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
|
31 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
|
32 <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
|
33 This is issue @BUILD@. |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
34 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
35 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
36 <div class="dottes-body"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
37 <h1>The tunes</h1> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
38 <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
|
39 <div class="dottes-tune-list-link-column"></div> |
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-image-column"></div> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
41 <!--#include file="tunelist.html" --> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
42 </div> |
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 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
613
diff
changeset
|
45 <div class="dottes-body"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
363
diff
changeset
|
46 <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
|
47 <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
|
48 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one |
331 | 49 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> |
50 suitable for use with an eReader like a Kindle, Nook, Kobo etc., | |
51 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
|
52 more tunes per page. |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
186
diff
changeset
|
53 <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
|
54 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
|
55 <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
|
56 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
|
57 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
|
58 </div> |
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 </body> |
01ded8741361
Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents:
331
diff
changeset
|
61 </html> |