Mercurial > dottes

annotate web/index.html @ 207:afe8fc2c8d8c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Set margin on divs so that they leave gaps between themselves. So 'clear' divs are unnecessary.
author Jim Hague <jim.hague@laicatc.com>
date Mon, 18 Feb 2013 21:50:58 +0000
parents 11a6e197c14f
children 8e6105d2bf59
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>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
37 <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
38 <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
39 <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
40 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
41 <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
42 <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
43 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
44 <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
45 <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
46 <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
47 <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
48 </ul>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
49 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
50 </div>
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
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
53 <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
54 <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
55 <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
56 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
57 <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
58 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
59 <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
60 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
61 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
62 simple method.
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
63 <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
64
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
65 <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
66 <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
67 <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
68 </div>
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_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
70 <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
71 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
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_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
74 <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
75 <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
76 <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
77 </ul>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
78 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
79 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
80 </div>
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
81
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke.
Jim Hague <jim.hague@acm.org>
parents: 189
diff changeset
82 </div>
43
d92717f8130c First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff changeset
83 </body>
d92717f8130c First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff changeset
84 </html>