Mercurial > dottes
annotate web/index.html @ 195:0e5a72b8894f
A little tidy-up.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sat, 16 Feb 2013 23:14:13 +0000 |
parents | fd0bcf094cf8 |
children | 11a6e197c14f |
rev | line source |
---|---|
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
1 <!DOCTYPE html> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
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> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
4 <meta charset="utf-8" /> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
5 <title>Ye Crie Havock Booke of Dottes</title> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
6 <link rel="stylesheet" href="css/reset.css" /> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
7 <link rel="stylesheet" href="css/text.css" /> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
8 <link rel="stylesheet" href="css/960.css" /> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
9 <link rel="stylesheet" href="css/dottes.css" /> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
10 |
195 | 11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald' |
12 rel='stylesheet' type='text/css'> | |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
13 </head> |
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
14 <body> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
15 <div class="container_12"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
16 <a href="/"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
17 <div class="grid_12 header-strip banner"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
18 <h1>Ye Crie Havock Booke of Dottes</h1> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
19 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
20 </a> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
21 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
22 <div class="clear"></div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
23 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
24 <div class="grid_12 dottes-body"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
25 <h1>The music of Cry Havoc, a reference.</h1> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
26 <p>After every practice or dance-out, the musicians of Cry Havoc |
195 | 27 Botley Morris like to have a little music-playing session. |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
28 <p>Havoc musicians come in all shades of experience and ability. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
29 This collection is intended to help those like me who are inexpert with |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
30 instrument and folk music generally, but have a little musical |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
31 background.</p> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
32 <p>Being folk tunes, many of the tunes herein have many variations. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
33 The music presented here is my attempt at reflecting what is actually |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
34 played at Havoc sessions. I'm in no way suggesting that they are |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
35 in any way <em>correct</em>. This is just how we go about them.</p> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
36 <p>The tunes we play tend to vary over time. So this collection is |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
37 not static, but will change over time.I'll probably not delete tunes, |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
38 but at some stage may get round to marking some as less used.</p> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
39 <div class="grid_11 dottes-container"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
40 <div class="grid_2 alpha"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
41 <h1>Tunes</h1> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
42 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
43 <div class="grid_5"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
44 <p>The tunes are separated into tune collections. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
45 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
46 <div class="grid_4 omega"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
47 <ul class="tune-type-list"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
48 <li><a href="Morris">Morris</a></li> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
49 <li><a href="Session">Session</a></li> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
50 </ul> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
51 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
52 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
53 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
54 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
55 <div class="clear"></div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
56 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
57 <div class="grid_12 dottes-body"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
58 <h1>But my instrument isn't suited for treble clef concert pitch!</h1> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
59 <p>Of course, not all instruments are suited to playing music written |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
60 in concert pitch in the treble clef. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
61 <p>To help those with such instruments get started, I've done some |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
62 simple transpositions for requested instruments. These are |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
63 <strong>not</strong> proper arrangements; I lack the time and the |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
64 knowledge or ability to do that. Instead, they are automatically |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
65 generated from the concert pitch originals using a typically very |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
66 simple method. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
67 <p>I hope you find them useful. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
68 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
69 <div class="grid_11 dottes-container"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
70 <div class="grid_2 alpha dottes-transpose-instrument"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
71 <h1>Cello</h1> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
72 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
73 <div class="grid_5 dottes-transpose-how"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
74 <p>Transpose down one or two octaves depending on the range in the |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
75 tune, and use the bass clef. |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
76 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
77 <div class="grid_4 omega dottes-transpose-tunes"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
78 <ul class="tune-type-list"> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
79 <li><a href="Morris-Cello">Morris</a></li> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
80 <li><a href="Session-Cello">Session</a></li> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
81 </ul> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
82 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
83 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
84 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
85 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
86 </div> |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
87 </body> |
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
88 </html> |