comparison dottes.html.tune @ 319:cbe9c10b5a3e

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
comparison
equal deleted inserted replaced
318:77372a0166fe 319:cbe9c10b5a3e
18 <h1>Ye Crie Havock Booke of Dottes</h1> 18 <h1>Ye Crie Havock Booke of Dottes</h1>
19 </div> 19 </div>
20 </a> 20 </a>
21 21
22 <div class="grid_12 dottes-body"> 22 <div class="grid_12 dottes-body">
23 <h1>@TITLE@</h1> 23 <div class="dottes-tune-display">
24 <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots"> 24 <div class="dottes-tune-header">
25 <div class="dottes-change-@CHANGEVISIBILITY@"> 25 <div class="dottes-tune-header-row">
26 Change: <a class="dottes-change-link" 26 <div class="dottes-tune-header-left"></div>
27 href="@CHANGETUNE@">@CHANGETITLE@</a> 27 <div class="dottes-tune-header-middle">
28 <h1>@TITLE@</h1>
29 <h2>@SUBTITLE@</h2>
30 </div>
31 <div class="dottes-tune-header-right">
32 <em>@COMPOSER@</em>
33 </div>
34 </div>
35 </div>
36 <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
37 <div class="dottes-change-@CHANGEVISIBILITY@">
38 Change: <a class="dottes-change-link"
39 href="@CHANGETUNE@">@CHANGETITLE@</a>
40 </div>
41 <ul class="tune-data-list">
42 <li><a class="dottes-link-tune dottes-pdf"
43 href="@TUNE@.pdf">PDF</a></li>
44 <li><a class="dottes-link-tune dottes-midi"
45 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li>
46 <li><a class="dottes-link-tune dottes-mp3"
47 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
48 <li><a class="dottes-link-tune dottes-abc"
49 href="@TUNE@.abc">ABC</a></li>
50 </ul>
28 </div> 51 </div>
29 <ul class="tune-data-list">
30 <li><a class="dottes-link-tune dottes-pdf"
31 href="@TUNE@.pdf">PDF</a></li>
32 <li><a class="dottes-link-tune dottes-midi"
33 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li>
34 <li><a class="dottes-link-tune dottes-mp3"
35 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
36 <li><a class="dottes-link-tune dottes-abc"
37 href="@TUNE@.abc">ABC</a></li>
38 </ul>
39 </div> 52 </div>
40 53
41 </div> 54 </div>
42 </body> 55 </body>
43 </html> 56 </html>