Mercurial > dottes

comparison dottes.html.tune @ 588:afc031477784

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Replace sed substitution with Python templating for HTML and LaTeX output.
author Jim Hague <jim.hague@acm.org>
date Wed, 02 Nov 2016 00:21:18 +0000
parents e16c20e63d9c
children 60749c792cde
comparison
equal deleted inserted replaced
587:1b79867b4f35 588:afc031477784
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="utf-8" /> 4 <meta charset="utf-8" />
5 <title>Cry Havoc tunes - @TITLE@</title> 5 <title>Cry Havoc tunes - ${title}</title>
6 <link rel="stylesheet" href="../css/reset.css" /> 6 <link rel="stylesheet" href="../css/reset.css" />
7 <link rel="stylesheet" href="../css/text.css" /> 7 <link rel="stylesheet" href="../css/text.css" />
8 <link rel="stylesheet" href="../css/960.css" /> 8 <link rel="stylesheet" href="../css/960.css" />
9 <link rel="stylesheet" href="../css/dottes.css" /> 9 <link rel="stylesheet" href="../css/dottes.css" />
10 10
22 <div class="grid_12 dottes-body"> 22 <div class="grid_12 dottes-body">
23 <div class="dottes-tune-display"> 23 <div class="dottes-tune-display">
24 <div class="dottes-tune-header"> 24 <div class="dottes-tune-header">
25 <div class="dottes-tune-header-row"> 25 <div class="dottes-tune-header-row">
26 <div class="dottes-tune-header-left"> 26 <div class="dottes-tune-header-left">
27 <a class="dottes-tune-icon-link" href="learner-@TUNE@.html"> 27 <a class="dottes-tune-icon-link" href="learner-${name}.html">
28 <img class="dottes-tune-table-image" src="../img/learner.png" 28 <img class="dottes-tune-table-image" src="../img/learner.png"
29 alt="Learner"> 29 alt="Learner">
30 </a> 30 </a>
31 <a class="dottes-tune-icon-link" href="index.html"> 31 <a class="dottes-tune-icon-link" href="index.html">
32 <img class="dottes-tune-table-image" src="../img/book.png" 32 <img class="dottes-tune-table-image" src="../img/book.png"
33 alt="Tune index"> 33 alt="Tune index">
34 </a> 34 </a>
35 </div> 35 </div>
36 <div class="dottes-tune-header-middle"> 36 <div class="dottes-tune-header-middle">
37 <h1>@TITLE@</h1> 37 <h1>${title}</h1>
38 <h2>@SUBTITLE@</h2> 38 <h2>${subtitle}</h2>
39 </div> 39 </div>
40 <div class="dottes-tune-header-right"> 40 <div class="dottes-tune-header-right">
41 <em>@COMPOSER@</em> 41 <em>${composer}</em>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots"> 45 <img class="dottes-png" src="${name}.png" alt="${title} dots">
46 <div class="dottes-credit-@CREDITVISIBILITY@"> 46 <div class="dottes-credit-${creditvisibility}">
47 From @CREDIT@. 47 From ${credit}.
48 </div> 48 </div>
49 <div class="dottes-change-@CHANGEVISIBILITY@"> 49 <div class="dottes-change-${changevisibility}">
50 Change: <a class="dottes-change-link" 50 Change: <a class="dottes-change-link"
51 href="@CHANGETUNE@">@CHANGETITLE@</a> 51 href="${changename}.html">${changetitle}</a>
52 </div> 52 </div>
53 <div class="dottes-tune-footer"> 53 <div class="dottes-tune-footer">
54 <div class="dottes-tune-footer-row"> 54 <div class="dottes-tune-footer-row">
55 <div class="dottes-tune-footer-left"> 55 <div class="dottes-tune-footer-left">
56 <ul class="tune-data-list"> 56 <ul class="tune-data-list">
57 <li><a class="dottes-link-tune dottes-pdf" download 57 <li><a class="dottes-link-tune dottes-pdf" download
58 href="@TUNE@.pdf">PDF</a></li> 58 href="${name}.pdf">PDF</a></li>
59 <li><a class="dottes-link-tune dottes-midi" download 59 <li><a class="dottes-link-tune dottes-midi" download
60 href="../@MASTERBOOKE@/@TUNE@.mid">MIDI</a></li> 60 href="../${masterbooke}/${name}.mid">MIDI</a></li>
61 <li><a class="dottes-link-tune dottes-mp3" download 61 <li><a class="dottes-link-tune dottes-mp3" download
62 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li> 62 href="../${masterbooke}/${name}.mp3">MP3</a></li>
63 <li><a class="dottes-link-tune dottes-ogg" download 63 <li><a class="dottes-link-tune dottes-ogg" download
64 href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</a></li> 64 href="../${masterbooke}/${name}.ogg">OGG</a></li>
65 <li><a class="dottes-link-tune dottes-abc" download 65 <li><a class="dottes-link-tune dottes-abc" download
66 href="@TUNE@.abc">ABC</a></li> 66 href="${name}.abc">ABC</a></li>
67 <li><a class="dottes-link-tune dottes-xml" download 67 <li><a class="dottes-link-tune dottes-xml" download
68 href="@TUNE@.xml">XML</a></li> 68 href="${name}.xml">XML</a></li>
69 </ul> 69 </ul>
70 </div> 70 </div>
71 <div class="dottes-tune-footer-centre"> 71 <div class="dottes-tune-footer-centre">
72 <audio controls> 72 <audio controls>
73 <source src="../@MASTERBOOKE@/@TUNE@.mp3" type="audio/mpeg" /> 73 <source src="../${masterbooke}/${name}.mp3" type="audio/mpeg" />
74 <source src="../@MASTERBOOKE@/@TUNE@.ogg" type="audio/ogg" /> 74 <source src="../${masterbooke}/${name}.ogg" type="audio/ogg" />
75 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> 75 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
76 <param name="FileName" value="@TUNE@.mp3" /> 76 <param name="FileName" value="${name}.mp3" />
77 <param name="autoStart" value="false" /> 77 <param name="autoStart" value="false" />
78 <param name="autoplay" value="false" /> 78 <param name="autoplay" value="false" />
79 <object type="audio/mpeg" data="@TUNE@.mp3"> 79 <object type="audio/mpeg" data="${name}.mp3">
80 <param name="controller" value="true" /> 80 <param name="controller" value="true" />
81 <param name="autoplay" value="false" /> 81 <param name="autoplay" value="false" />
82 </object> 82 </object>
83 </object> 83 </object>
84 </audio> 84 </audio>
85 </div> 85 </div>
86 <div class="dottes-tune-footer-right"> 86 <div class="dottes-tune-footer-right">
87 Last changed @LASTCHANGED@ 87 Last changed ${lastchanged}
88 </div> 88 </div>
89 </div> 89 </div>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>