Mercurial > dottes

view dottes.html @ 400:f1c4abe4fc75 build-default-175

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First go at adding the tune learner page.
author Jim Hague <jim.hague@acm.org>
date Mon, 02 Sep 2013 11:48:16 +0100
parents e4d6a612c755
children a6a096bb279a
line wrap: on
line source

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cry Havoc tunes - @TITLE@</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="grid_12 dottes-body">
      <h1>@SUBTITLE@</h1>
      <!--#include file="intro.html" -->
      <p>See <a href="#printing">below</a> if you'd like to print a book
        of these tunes.
      <p>Click on the tune title or first line music for a page showing
        the dots for the tune and giving links for downloading the tune
        in various formats. If you don't read music, or you'd like to work
        on practicing learning tunes by ear, or just playing along with
        the tune, click on the learner icon
        <img width=20 height=20 src="../img/learner.png">
        for a page where you can listen to the tune repeatedly, either
        at the full playing speed or several slower speeds.
      <p>When changes to this site are made, the issue number is incremented.
        This is issue @BUILD@.
    </div>

    <div class="grid_12 dottes-body">
      <h1>The tunes</h1>
      <div class="dottes-tune-list">
        <!--#include file="tunelist.html" -->
      </div>
    </div>

    <div class="grid_12 dottes-body">
      <a id="printing"><h1>Printing</h1></a>
      <p>You can download a PDF with a booklet of these tunes. There is an
        <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one
        tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
        suitable for use with an eReader like a Kindle, Nook, Kobo etc.,
        and an <a href="@BOOK@-A4.pdf">A4 book</a> with two or
        more tunes per page.
      <p>If you have a printer that can do duplex (i.e. print on both sides
        of the paper), you might like the
        <a href="@BOOK@-A5bookletA4.pdf">A5 booklet</a>.
        Print this onto A4 paper using both sides of the paper, and fold in half
        to make an A5 booklet.
    </div>
  </div>
</body>
</html>