Mercurial > dottes
comparison web/index.html @ 621:dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 06 Nov 2016 13:40:32 +0000 |
parents | ae0836b5f4dd |
children | 464a2adedeb6 |
comparison
equal
deleted
inserted
replaced
619:2fe68733ec17 | 621:dfeb781e5196 |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <meta charset="utf-8" /> | 4 <meta charset="utf-8" /> |
5 <title>Ye Crie Havock Booke of Dottes</title> | 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" /> | 6 <link rel="stylesheet" href="css/dottes.css" /> |
10 | 7 |
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans' | 8 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans' |
12 rel='stylesheet' type='text/css'> | 9 rel='stylesheet' type='text/css'> |
13 </head> | 10 </head> |
14 <body> | 11 <body> |
15 <div class="container_12"> | 12 <div class="container"> |
16 <a href="/"> | 13 <a href="/"> |
17 <div class="grid_12 header-strip banner"> | 14 <div class="header-strip banner"> |
18 <h1>Ye Crie Havock Booke of Dottes</h1> | 15 <h1>Ye Crie Havock Booke of Dottes</h1> |
19 </div> | 16 </div> |
20 </a> | 17 </a> |
21 | 18 |
22 <div class="grid_12 dottes-body"> | 19 <div class="dottes-body"> |
23 <h1>The music of Cry Havoc, a reference.</h1> | 20 <h1>The music of Cry Havoc, a reference.</h1> |
24 <p>Music forms a core part of Cry Havoc Botley Morris. Of course, the | 21 <p>Music forms a core part of Cry Havoc Botley Morris. Of course, the |
25 musicians provide the music we dance to. And after every practice or | 22 musicians provide the music we dance to. And after every practice or |
26 dance-out, there is a music-playing session. | 23 dance-out, there is a music-playing session. |
27 <p>Havoc musicians come in all shades of experience and ability. | 24 <p>Havoc musicians come in all shades of experience and ability. |
62 </div> | 59 </div> |
63 </div> | 60 </div> |
64 </div> | 61 </div> |
65 </div> | 62 </div> |
66 | 63 |
67 <div class="grid_12 dottes-body"> | 64 <div class="dottes-body"> |
68 <h1>But my instrument isn't suited for treble clef concert pitch!</h1> | 65 <h1>But my instrument isn't suited for treble clef concert pitch!</h1> |
69 <p>Of course, not all instruments are suited to playing music written | 66 <p>Of course, not all instruments are suited to playing music written |
70 in concert pitch in the treble clef. | 67 in concert pitch in the treble clef. |
71 <p>To help those with such instruments get started, I've done some | 68 <p>To help those with such instruments get started, I've done some |
72 simple transpositions for requested instruments. These are | 69 simple transpositions for requested instruments. These are |
115 </div> | 112 </div> |
116 </div> | 113 </div> |
117 </div> | 114 </div> |
118 </div> | 115 </div> |
119 | 116 |
120 <div class="grid_12 dottes-body"> | 117 <div class="dottes-body"> |
121 <h1>Who is responsible for this?</h1> | 118 <h1>Who is responsible for this?</h1> |
122 <p>Found a mistake, missing a tune or just want something changed? | 119 <p>Found a mistake, missing a tune or just want something changed? |
123 Email Jim at <a href="mailto:dottes@cryhavoc.org.uk"> | 120 Email Jim at <a href="mailto:dottes@cryhavoc.org.uk"> |
124 dottes@cryhavoc.org.uk</a>.</p> | 121 dottes@cryhavoc.org.uk</a>.</p> |
125 </div> | 122 </div> |
126 | 123 |
127 <div class="grid_12 dottes-body"> | 124 <div class="dottes-body"> |
128 <h1>Acknowledgements</h1> | 125 <h1>Acknowledgements</h1> |
129 <p>A few tunes here are from <a href="http://www.paulhardy.net/"> | 126 <p>A few tunes here are from <a href="http://www.paulhardy.net/"> |
130 Paul Hardy's Session Tunebook</a>. Many thanks to Paul for | 127 Paul Hardy's Session Tunebook</a>. Many thanks to Paul for |
131 licensing it under permissive terms. I have followed his lead | 128 licensing it under permissive terms. I have followed his lead |
132 and used the same <a href="#licencing">licence</a> for the | 129 and used the same <a href="#licencing">licence</a> for the |
138 Havocs, and to Jane. They have supplied the tunes, checked the | 135 Havocs, and to Jane. They have supplied the tunes, checked the |
139 renditions, and offered corrections and suggestions. Without them, | 136 renditions, and offered corrections and suggestions. Without them, |
140 this project couldn't have happened. | 137 this project couldn't have happened. |
141 </div> | 138 </div> |
142 | 139 |
143 <div class="grid_12 dottes-body"> | 140 <div class="dottes-body"> |
144 <a rel="license" | 141 <a rel="license" |
145 href="http://creativecommons.org/licenses/by-sa/2.0/uk/deed.en_US"> | 142 href="http://creativecommons.org/licenses/by-sa/2.0/uk/deed.en_US"> |
146 <img alt="Creative Commons License" style="border-width:0" | 143 <img alt="Creative Commons License" style="border-width:0" |
147 src="http://i.creativecommons.org/l/by-nc-sa/2.0/uk/88x31.png"/> | 144 src="http://i.creativecommons.org/l/by-nc-sa/2.0/uk/88x31.png"/> |
148 </a> | 145 </a> |