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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
0e5a72b8894f A little tidy-up.
Jim Hague <jim.hague@acm.org>
parents: 192
diff changeset
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald'
0e5a72b8894f A little tidy-up.
Jim Hague <jim.hague@acm.org>
parents: 192
diff changeset
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
0e5a72b8894f A little tidy-up.
Jim Hague <jim.hague@acm.org>
parents: 192
diff changeset
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
11a6e197c14f Small typo fix.
Jim Hague <jim.hague@laicatc.com>
parents: 195
diff changeset
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>