Mercurial > dottes
changeset 629:37a9b621b5a6
Tidy main page and rename transpose container. Adjust CSS for main page.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 06 Nov 2016 21:01:56 +0000 |
parents | 4618fbf52662 |
children | eb1392fd0b76 |
files | web/css/dottes.css web/index.html |
diffstat | 2 files changed, 19 insertions(+), 14 deletions(-) [+] |
line wrap: on
line diff
--- a/web/css/dottes.css Sun Nov 06 21:01:20 2016 +0000 +++ b/web/css/dottes.css Sun Nov 06 21:01:56 2016 +0000 @@ -69,6 +69,7 @@ div.dottes-body { background-color: white; + -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; @@ -85,6 +86,8 @@ margin-top: 5px; margin-bottom: 5px; + + padding: 5px; } div.dottes-body h1 @@ -93,10 +96,10 @@ text-align: left; } -div.dottes-container +div.dottes-transpose-container { border: 2px solid grey; - margin: 10px; + margin: 5px; } div.dottes-transpose-instrument
--- a/web/index.html Sun Nov 06 21:01:20 2016 +0000 +++ b/web/index.html Sun Nov 06 21:01:56 2016 +0000 @@ -42,8 +42,8 @@ music scene, and therefore there is at least tacit approval by the authors for their dissemination. If this is not the case, please contact me at the address below and I will remove the - offending tune. - <div class="dottes-container"> + offending tune.</p> + <div class="dottes-transpose-container"> <div class="dottes-transpose-instrument"> <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> <h1>Tunes</h1> @@ -65,7 +65,7 @@ <div class="dottes-body"> <h1>But my instrument isn't suited for treble clef concert pitch!</h1> <p>Of course, not all instruments are suited to playing music written - in concert pitch in the treble clef. + in concert pitch in the treble clef.</p> <p>To help those with such instruments get started, I've done some simple transpositions for requested instruments. These are <strong>not</strong> proper arrangements; I lack the time and the @@ -74,14 +74,14 @@ simple method. <p>I hope you find them useful.</p> - <div class="dottes-container"> + <div class="dottes-transpose-container"> <div class="dottes-transpose-instrument"> <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> <h1>Cello</h1> </div> <div class="dottes-transpose-instrument-item dottes-transpose-how"> <p>Transpose down one or two octaves depending on the range in the - tune, and use the bass clef. + tune, and use the bass clef.</p> </div> <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> <ul class="tune-type-list"> @@ -92,7 +92,7 @@ </div> </div> </div> - <div class="dottes-container"> + <div class="dottes-transpose-container"> <div class="dottes-transpose-instrument"> <div class="dottes-transpose-instrument-item dottes-transpose-instrument-name"> <h1>Horn in F</h1> @@ -102,7 +102,7 @@ range in the tune. To avoid scaring less able horn players such as myself, the transposed score will prefer going below middle C to going above the top G on the stave. Able horn players - can transpose in their heads anyway, so don't need this. + can transpose in their heads anyway, so don't need this.</p> </div> <div class="dottes-transpose-instrument-item dottes-transpose-tune-types"> <ul class="tune-type-list"> @@ -128,17 +128,18 @@ Paul Hardy's Session Tunebook</a>. Many thanks to Paul for licensing it under permissive terms. I have followed his lead and used the same <a href="#licencing">licence</a> for the - Booke of Dottes. + Booke of Dottes.</p> <p>One icon on this website is courtesy of <a href="www.creativefreedom.co.uk">Creative Freedom</a>. Thanks to them. <p>Above all, profuse and grateful thanks to all my fellow - Havocs, and to Jane. They have supplied the tunes, checked the - renditions, and offered corrections and suggestions. Without them, - this project couldn't have happened. + Havocs, and most especially to Jane. They have supplied the tunes, + checked the renditions, and offered corrections and suggestions. + Without them, this project couldn't have happened.</p> </div> <div class="dottes-body"> + <p> <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/uk/deed.en_US"> <img alt="Creative Commons License" style="border-width:0" @@ -154,7 +155,8 @@ is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/"> Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales - License</a>. + License</a>. + </p> </div> </div>