Mercurial > dottes
annotate web/index.html @ 250:991c5c984c69
Decide to use the default paragraph indent.
A zero indent means that you really then want space between paragraphs.
And that in turn means that you get extra spaces between a tune and
any Change notification.
So for now use the default indentation to signal a paragraph and see
how that goes.
Possibly the tunes should be generate such that there is no paragraph
between the graphic and the change notification, but I'd have to work
out how.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Fri, 14 Jun 2013 23:39:37 +0100 |
parents | 9cdf1690d5e5 |
children | a3c356207253 |
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> |
249
9cdf1690d5e5
Add copyrighted tune removal statement to website.
Jim Hague <jim.hague@acm.org>
parents:
235
diff
changeset
|
37 <p>All tunes are believed to be in the public domain, or at the |
9cdf1690d5e5
Add copyrighted tune removal statement to website.
Jim Hague <jim.hague@acm.org>
parents:
235
diff
changeset
|
38 very least enjoy widespread currency on the folk music scene. If I have |
9cdf1690d5e5
Add copyrighted tune removal statement to website.
Jim Hague <jim.hague@acm.org>
parents:
235
diff
changeset
|
39 inadvertantly transgressed on anyone's copyright, please contact me at |
9cdf1690d5e5
Add copyrighted tune removal statement to website.
Jim Hague <jim.hague@acm.org>
parents:
235
diff
changeset
|
40 the address below and I will remove the offending tune. |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
207
diff
changeset
|
41 <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
|
42 <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
|
43 <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
|
44 <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
|
45 </div> |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
207
diff
changeset
|
46 <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
|
47 <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
|
48 </div> |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
207
diff
changeset
|
49 <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
|
50 <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
|
51 <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
|
52 <li><a href="Session">Session</a></li> |
234
6e96742a67a3
Add Library for non-Havoc tunes.
Jim Hague <jim.hague@laicatc.com>
parents:
216
diff
changeset
|
53 <li><a href="Library">Library</a></li> |
213
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
207
diff
changeset
|
54 </ul> |
8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
Jim Hague <jim.hague@laicatc.com>
parents:
207
diff
changeset
|
55 </div> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
56 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
57 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
58 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
59 |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
60 <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
|
61 <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
|
62 <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
|
63 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
|
64 <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
|
65 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
|
66 <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
|
67 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
|
68 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
|
69 simple method. |
216
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
70 <p>I hope you find them useful.</p> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
71 |
216
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
72 <div class="dottes-container"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
73 <div class="dottes-transpose-instrument"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
74 <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
75 <h1>Cello</h1> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
76 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
77 <div class="dottes-transpose-instrument-item dottes-transpose-how"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
78 <p>Transpose down one or two octaves depending on the range in the |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
79 tune, and use the bass clef. |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
80 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
81 <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
82 <ul class="tune-type-list"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
83 <li><a href="Morris-Cello">Morris</a></li> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
84 <li><a href="Session-Cello">Session</a></li> |
234
6e96742a67a3
Add Library for non-Havoc tunes.
Jim Hague <jim.hague@laicatc.com>
parents:
216
diff
changeset
|
85 <li><a href="Library-Cello">Library</a></li> |
216
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
86 </ul> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
87 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
88 </div> |
216
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
89 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
90 <div class="dottes-container"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
91 <div class="dottes-transpose-instrument"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
92 <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
93 <h1>Horn in F</h1> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
94 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
95 <div class="dottes-transpose-instrument-item dottes-transpose-how"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
96 <p>Transpose up a fifth, or down a seventh depending on the |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
97 range in the tune. To avoid scaring less able horn players such |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
98 as myself, the transposed score will prefer going below middle C |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
99 to going above the top G on the stave. Able horn players |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
100 can transpose in their heads anyway, so don't need this. |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
101 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
102 <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
103 <ul class="tune-type-list"> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
104 <li><a href="Morris-HornInF">Morris</a></li> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
105 <li><a href="Session-HornInF">Session</a></li> |
234
6e96742a67a3
Add Library for non-Havoc tunes.
Jim Hague <jim.hague@laicatc.com>
parents:
216
diff
changeset
|
106 <li><a href="Library-HornInF">Library</a></li> |
216
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
107 </ul> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
108 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
109 </div> |
64b84dea3337
Add Horn in F transposition.
Jim Hague <jim.hague@laicatc.com>
parents:
213
diff
changeset
|
110 </div> |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
111 </div> |
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
112 |
233
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
113 <div class="grid_12 dottes-body"> |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
114 <h1>Who is responsible for this?</h1> |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
115 <p>Found a mistake, missing a tune or just want something changed? |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
116 Email Jim at <a href="mailto:dottes@cryhavoc.org.uk"> |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
117 dottes@cryhavoc.org.uk</a>.</p> |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
118 </div> |
92500a8068ce
Add contact details to website.
Jim Hague <jim.hague@acm.org>
parents:
216
diff
changeset
|
119 |
192
fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents:
189
diff
changeset
|
120 </div> |
43
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
121 </body> |
d92717f8130c
First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff
changeset
|
122 </html> |