view web/index.html @ 192:fd0bcf094cf8

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
line wrap: on
line source

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Ye Crie Havock Booke of Dottes</title>
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/text.css" />
  <link rel="stylesheet" href="css/960.css" />
  <link rel="stylesheet" href="css/dottes.css" />

  <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald' rel='stylesheet' type='text/css'>
</head>
<body>
  <div class="container_12">
    <a href="/">
      <div class="grid_12 header-strip banner">
        <h1>Ye Crie Havock Booke of Dottes</h1>
      </div>
    </a>

    <div class="clear"></div>

    <div class="grid_12 dottes-body">
      <h1>The music of Cry Havoc, a reference.</h1>
      <p>After every practice or dance-out, the musicians of Cry Havoc
        Botley Morris like to have a little session.
      <p>Havoc musicians come in all shades of experience and ability.
        This collection is intended to help those like me who are inexpert with
        instrument and folk music generally, but have a little musical
        background.</p>
      <p>Being folk tunes, many of the tunes herein have many variations.
        The music presented here is my attempt at reflecting what is actually
        played at Havoc sessions. I'm in no way suggesting that they are
        in any way <em>correct</em>. This is just how we go about them.</p>
      <p>The tunes we play tend to vary over time. So this collection is
        not static, but will change over time.I'll probably not delete tunes,
        but at some stage may get round to marking some as less used.</p>
      <div class="grid_11 dottes-container">
        <div class="grid_2 alpha">
          <h1>Tunes</h1>
        </div>
        <div class="grid_5">
          <p>The tunes are separated into tune collections.
        </div>
        <div class="grid_4 omega">
          <ul class="tune-type-list">
            <li><a href="Morris">Morris</a></li>
            <li><a href="Session">Session</a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="clear"></div>

    <div class="grid_12 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.
      <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
        knowledge or ability to do that. Instead, they are automatically
        generated from the concert pitch originals using a typically very
        simple method.
      <p>I hope you find them useful.

        <div class="grid_11 dottes-container">
          <div class="grid_2 alpha dottes-transpose-instrument">
            <h1>Cello</h1>
          </div>
          <div class="grid_5 dottes-transpose-how">
            <p>Transpose down one or two octaves depending on the range in the
              tune, and use the bass clef.
          </div>
          <div class="grid_4 omega dottes-transpose-tunes">
            <ul class="tune-type-list">
              <li><a href="Morris-Cello">Morris</a></li>
              <li><a href="Session-Cello">Session</a></li>
            </ul>
          </div>
        </div>
    </div>

  </div>
</body>
</html>