Mercurial > dottes

view dottes.html.tune @ 330:473d335235b8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Put tune title, image and following content into a table. Use tabularx to put tune title, image and any following content into a table. This should (a) get the following content closer to the tune image, and (b) stop LaTeX splitting them over a page.
author Jim Hague <jim.hague@acm.org>
date Mon, 05 Aug 2013 18:06:00 +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>