view dottes.html.tune @ 359:2a7d03d6a89f

Use txt2tags to format intro text. That way we can include basic markup in the into text and use it in both LaTeX and HTML. Take advantage of this to expand the wording of the intro text in all books.
author Jim Hague <jim.hague@acm.org>
date Wed, 21 Aug 2013 10:28:10 +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>