Mercurial > dottes

comparison web/index.html @ 192:fd0bcf094cf8

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