Mercurial > dottes
annotate web/index.html @ 213:8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
| author | Jim Hague <jim.hague@laicatc.com> | 
|---|---|
| date | Tue, 19 Feb 2013 16:26:16 +0000 | 
| parents | afe8fc2c8d8c | 
| children | 64b84dea3337 | 
| 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="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
 | 
23 <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
 | 
24 <p>After every practice or dance-out, the musicians of Cry Havoc | 
| 195 | 25 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
 | 
26 <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
 | 
27 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
 | 
28 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
 | 
29 background.</p> | 
| 
 
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
 
Jim Hague <jim.hague@acm.org> 
parents: 
189 
diff
changeset
 | 
30 <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
 | 
31 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
 | 
32 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
 | 
33 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
 | 
34 <p>The tunes we play tend to vary over time. So this collection is | 
| 205 | 35 not static, but will change over time. I'll probably not delete tunes, | 
| 
192
 
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
 
Jim Hague <jim.hague@acm.org> 
parents: 
189 
diff
changeset
 | 
36 but at some stage may get round to marking some as less used.</p> | 
| 
213
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
37 <div class="dottes-container"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
38 <div class="dottes-transpose-instrument"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
39 <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
40 <h1>Tunes</h1> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
41 </div> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
42 <div class="dottes-transpose-instrument-item dottes-transpose-how"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
43 <p>The tunes are separated into tune collections. | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
44 </div> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
45 <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
46 <ul class="tune-type-list"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
47 <li><a href="Morris">Morris</a></li> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
48 <li><a href="Session">Session</a></li> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
49 </ul> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
50 </div> | 
| 
192
 
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="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
 | 
56 <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
 | 
57 <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
 | 
58 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
 | 
59 <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
 | 
60 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
 | 
61 <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
 | 
62 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
 | 
63 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
 | 
64 simple method. | 
| 
 
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
 
Jim Hague <jim.hague@acm.org> 
parents: 
189 
diff
changeset
 | 
65 <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
 | 
66 | 
| 
213
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
67 <div class="dottes-container"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
68 <div class="dottes-transpose-instrument"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
69 <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
70 <h1>Cello</h1> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
71 </div> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
72 <div class="dottes-transpose-instrument-item dottes-transpose-how"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
73 <p>Transpose down one or two octaves depending on the range in the | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
74 tune, and use the bass clef. | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
75 </div> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
76 <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
77 <ul class="tune-type-list"> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
78 <li><a href="Morris-Cello">Morris</a></li> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
79 <li><a href="Session-Cello">Session</a></li> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
80 </ul> | 
| 
 
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
 
Jim Hague <jim.hague@laicatc.com> 
parents: 
207 
diff
changeset
 | 
81 </div> | 
| 
192
 
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> | 
