Mercurial > dottes

view dottes.html.tune @ 343:26ff97bb525b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add tune markers to Green Mountain Petronella. The tune changes in the middle of a line.
author Jim Hague <jim.hague@acm.org>
date Mon, 12 Aug 2013 19:19:47 +0100
parents 27f29e8aafea
children b233893b4c51
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">
      <div class="dottes-tune-display">
        <div class="dottes-tune-header">
          <div class="dottes-tune-header-row">
            <div class="dottes-tune-header-left"></div>
            <div class="dottes-tune-header-middle">
              <h1>@TITLE@</h1>
              <h2>@SUBTITLE@</h2>
            </div>
            <div class="dottes-tune-header-right">
              <em>@COMPOSER@</em>
            </div>
          </div>
        </div>
        <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
        <div class="dottes-credit-@CREDITVISIBILITY@">
          From @CREDIT@.
        </div>
        <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>

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