view dottes.html.tune @ 282:ced1d1ba42f6

Various revisions of printed book presentation. 1. Purple background on the front and and new blank back pages. 2. UK English for hyphenation and date presentation. 3. Dedication and 'About Havoc' section. 4. Footer just page number in centre of page. 5. Revised copyright discussion. 6. Since it's a book, make content, intro and first lines to chapters. And prompt individual tunes to sections. 7. Omit 'Tunes' chapter heading. It doesn't look good in A5.
author Jim Hague <jim.hague@acm.org>
date Fri, 05 Jul 2013 18:56:34 +0100
parents 1e4443d58177
children cbe9c10b5a3e
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>@TITLE@</h1>
      <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
      <div class="dottes-change-@CHANGEVISIBILITY@">
        Change: <a class="dottes-change-link"
                   href="@CHANGETUNE@">@CHANGETITLE@</a>
      </div>
      <ul class="tune-data-list">
        <li><a class="dottes-link-tune dottes-pdf"
               href="@TUNE@.pdf">PDF</a></li>
        <li><a class="dottes-link-tune dottes-midi"
               href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li>
        <li><a class="dottes-link-tune dottes-mp3"
               href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
        <li><a class="dottes-link-tune dottes-abc"
               href="@TUNE@.abc">ABC</a></li>
      </ul>
    </div>

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