Mercurial > dottes

diff dottes.html.tune @ 319:cbe9c10b5a3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.
author Jim Hague <jim.hague@acm.org>
date Tue, 16 Jul 2013 16:35:07 +0100
parents 1e4443d58177
children 27f29e8aafea
line wrap: on
line diff
--- a/dottes.html.tune	Tue Jul 16 16:27:49 2013 +0100
+++ b/dottes.html.tune	Tue Jul 16 16:35:07 2013 +0100
@@ -20,22 +20,35 @@
     </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 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-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>
-      <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>