Mercurial > dottes
annotate dottes.html.learnertune @ 748:ce5c7214f9aa
Introduce mechanism for having different tune images for compact printed output.
Sort alternate .abc in subdir 'Compact' under the booke dir. Use that as
the graphic for A5 output, assuming it will be vertically more compact.
Use Bear Dance as an example, as it has commentary that currently
overflows an A5 landscape page.
For the moment, transposed Bookes don't transpose and so don't use Compact.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Fri, 13 Oct 2017 15:44:15 +0100 |
parents | 772402f5f8ea |
children | d6e2a281cceb |
rev | line source |
---|---|
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
1 <!DOCTYPE html> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
2 <html lang="en"> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
3 <head> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
4 <meta charset="utf-8" /> |
624
464a2adedeb6
Set initial viewport settings.
Jim Hague <jim.hague@acm.org>
parents:
621
diff
changeset
|
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
6 <title>Cry Havoc tunes - learning ${title}</title> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
7 <link rel="stylesheet" href="../css/dottes.css" /> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
8 |
443
ae0836b5f4dd
Change main body font to Open Sans, to match the main Havoc website.
Jim Hague <jim.hague@acm.org>
parents:
432
diff
changeset
|
9 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans' |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
10 rel='stylesheet' type='text/css'> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
11 </head> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
12 <body> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
619
diff
changeset
|
13 <div class="container"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
14 <a href="/"> |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
619
diff
changeset
|
15 <div class="header-strip banner"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
16 <img src="../img/banner.png" alt="Havoc banner image"> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
17 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
18 </a> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
19 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
619
diff
changeset
|
20 <div class="dottes-body"> |
319
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
21 <div class="dottes-tune-display"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
22 <img src="../img/learner.png" alt="Learner tune image"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
23 Work out the melody or play along |
567
cb7a4eff9d5b
Have learner tunes play only the melody.
Jim Hague <jim.hague@acm.org>
parents:
488
diff
changeset
|
24 with these audio players. They play the melody repeatedly. There's |
406
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
25 a variety of speeds to choose from. You can also download the |
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
26 audio files. |
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
27 </div> |
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
28 </div> |
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
29 |
621
dfeb781e5196
Attempt revamp of CSS and presentation. Ditch 960.
Jim Hague <jim.hague@acm.org>
parents:
619
diff
changeset
|
30 <div class="dottes-body"> |
406
66e83b32ad90
Tweak presentation of learner page.
Jim Hague <jim.hague@acm.org>
parents:
400
diff
changeset
|
31 <div class="dottes-tune-display"> |
319
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
32 <div class="dottes-tune-header"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
33 <div class="dottes-tune-header-parts-column"></div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
34 <div class="dottes-tune-header-title-column"></div> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
35 <div class="dottes-tune-header-composer-column"></div> |
319
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
36 <div class="dottes-tune-header-row"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
37 <div class="dottes-tune-header-parts"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
38 <p> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
39 ${parts} |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
40 </p> |
410
723aa1ff3b8b
Add link from dots page to learner page and vice-versa.
Jim Hague <jim.hague@acm.org>
parents:
406
diff
changeset
|
41 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
42 <div class="dottes-tune-header-title"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
43 <h1>${title}</h1> |
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
44 <h2>${subtitle}</h2> |
319
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
45 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
46 <div class="dottes-tune-header-composer"> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
47 <em>${composer}</em> |
319
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
48 </div> |
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
49 </div> |
cbe9c10b5a3e
Render tune title, subtitle and composer in Latex/HTML and not in the image.
Jim Hague <jim.hague@acm.org>
parents:
229
diff
changeset
|
50 </div> |
726
833e6185b6a2
Add fulltitle to template fields.
Jim Hague <jim.hague@acm.org>
parents:
724
diff
changeset
|
51 <p>${fulltitle} is in the key of ${key}. |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
52 <div class="dottes-tune-learner"> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
53 <div class="dottes-tune-learner-speed-column"></div> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
54 <div class="dottes-tune-learner-play-column"></div> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
55 <div class="dottes-tune-learner-download-column"></div> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
56 <div class="dottes-tune-learner-row"> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
57 <div class="dottes-tune-learner-speed"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
58 <p>Normal speed |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
59 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
60 <div class="dottes-tune-learner-play"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
61 <audio controls loop> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
62 <source src="../${masterbooke}/normal-${name}.mp3" type="audio/mpeg" /> |
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
63 <source src="../${masterbooke}/normal-${name}.ogg" type="audio/ogg" /> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
64 </audio> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
65 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
66 <div class="dottes-tune-learner-download"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
67 <ul class="tune-data-list"> |
632
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
68 <li><a class="dottes-link-tune dottes-midi" download |
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
69 href="../${masterbooke}/${name}.mid">MIDI</a></li> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
70 <li><a class="dottes-link-tune dottes-mp3" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
71 href="../${masterbooke}/${name}.mp3">MP3</a></li> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
72 <li><a class="dottes-link-tune dottes-ogg" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
73 href="../${masterbooke}/${name}.ogg">OGG</a></li> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
74 </ul> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
75 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
76 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
77 <div class="dottes-tune-learner-row"> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
78 <div class="dottes-tune-learner-speed"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
79 <p>Slightly slower |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
80 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
81 <div class="dottes-tune-learner-play"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
82 <audio controls loop> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
83 <source src="../${masterbooke}/littleslow-${name}.mp3" type="audio/mpeg" /> |
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
84 <source src="../${masterbooke}/littleslow-${name}.ogg" type="audio/ogg" /> |
369
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
85 </audio> |
e5f59f0e7dd5
Add audio player to tune web page.
Jim Hague <jim.hague@acm.org>
parents:
355
diff
changeset
|
86 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
87 <div class="dottes-tune-learner-download"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
88 <ul class="tune-data-list"> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
89 <li><a class="dottes-link-tune dottes-mp3" download |
632
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
90 href="../${masterbooke}/littleslow-${name}.mid">MIDI</a></li> |
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
91 <li><a class="dottes-link-tune dottes-mp3" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
92 href="../${masterbooke}/littleslow-${name}.mp3">MP3</a></li> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
93 <li><a class="dottes-link-tune dottes-ogg" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
94 href="../${masterbooke}/littleslow-${name}.ogg">OGG</a></li> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
95 </ul> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
96 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
97 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
98 <div class="dottes-tune-learner-row"> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
99 <div class="dottes-tune-learner-speed"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
100 <p>Slow |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
101 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
102 <div class="dottes-tune-learner-play"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
103 <audio controls loop> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
104 <source src="../${masterbooke}/slow-${name}.mp3" type="audio/mpeg" /> |
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
105 <source src="../${masterbooke}/slow-${name}.ogg" type="audio/ogg" /> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
106 </audio> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
107 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
108 <div class="dottes-tune-learner-download"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
109 <ul class="tune-data-list"> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
110 <li><a class="dottes-link-tune dottes-mp3" download |
632
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
111 href="../${masterbooke}/slow-${name}.mid">MIDI</a></li> |
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
112 <li><a class="dottes-link-tune dottes-mp3" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
113 href="../${masterbooke}/slow-${name}.mp3">MP3</a></li> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
114 <li><a class="dottes-link-tune dottes-ogg" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
115 href="../${masterbooke}/slow-${name}.ogg">OGG</a></li> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
116 </ul> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
117 </div> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
118 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
119 <div class="dottes-tune-learner-row"> |
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
120 <div class="dottes-tune-learner-speed"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
121 <p>Very slow |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
122 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
123 <div class="dottes-tune-learner-play"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
124 <audio controls loop> |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
125 <source src="../${masterbooke}/veryslow-${name}.mp3" type="audio/mpeg" /> |
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
126 <source src="../${masterbooke}/veryslow-${name}.ogg" type="audio/ogg" /> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
127 </audio> |
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
128 </div> |
619
2fe68733ec17
Fix learner tune CSS. Broken during tune page CSS revision.
Jim Hague <jim.hague@acm.org>
parents:
588
diff
changeset
|
129 <div class="dottes-tune-learner-download"> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
130 <ul class="tune-data-list"> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
131 <li><a class="dottes-link-tune dottes-mp3" download |
632
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
132 href="../${masterbooke}/veryslow-${name}.mid">MIDI</a></li> |
353cc3db3017
Add MIDI download links to learner page.
Jim Hague <jim.hague@acm.org>
parents:
624
diff
changeset
|
133 <li><a class="dottes-link-tune dottes-mp3" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
134 href="../${masterbooke}/veryslow-${name}.mp3">MP3</a></li> |
488
e16c20e63d9c
Decide that all links for downloading things should get HTML5 download tags.
Jim Hague <jim.hague@acm.org>
parents:
443
diff
changeset
|
135 <li><a class="dottes-link-tune dottes-ogg" download |
588
afc031477784
Replace sed substitution with Python templating for HTML and LaTeX output.
Jim Hague <jim.hague@acm.org>
parents:
567
diff
changeset
|
136 href="../${masterbooke}/veryslow-${name}.ogg">OGG</a></li> |
400
f1c4abe4fc75
First go at adding the tune learner page.
Jim Hague <jim.hague@acm.org>
parents:
382
diff
changeset
|
137 </ul> |
355
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
138 </div> |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
139 </div> |
b233893b4c51
Add date of last change to bottom of web tune page.
Jim Hague <jim.hague@acm.org>
parents:
326
diff
changeset
|
140 </div> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
141 <div class="dottes-tune-footer-learner"> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
142 <div class="dottes-tune-footer-learner-prev-column"></div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
143 <div class="dottes-tune-footer-learner-booke-column"></div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
144 <div class="dottes-tune-footer-learner-next-column"></div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
145 <div class="dottes-tune-footer-learner-row"> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
146 <div class="dottes-tune-footer-learner-prev"> |
727
772402f5f8ea
Provide full titles for next and previous tunes in web pages.
Jim Hague <jim.hague@acm.org>
parents:
726
diff
changeset
|
147 <a href="${prevpage}">${prevfulltitle}</a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
148 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
149 <div class="dottes-tune-footer-learner-booke"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
150 <a class="dottes-tune-icon-link" href="${name}.html"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
151 <img class="dottes-tune-header-image" src="../img/music.png" |
726
833e6185b6a2
Add fulltitle to template fields.
Jim Hague <jim.hague@acm.org>
parents:
724
diff
changeset
|
152 alt="Tune dottes page" title="Go to dottes page for ${fulltitle}"> |
724
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
153 </a> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
154 <a class="dottes-tune-icon-link" href="index.html"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
155 <img class="dottes-tune-header-image" src="../img/book.png" |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
156 alt="Tune booke index" title="Go to tune booke index"> |
be87f9a027f1
Move book and learner tune link to centre of bottom row, and add popup text.
Jim Hague <jim.hague@acm.org>
parents:
722
diff
changeset
|
157 </a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
158 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
159 <div class="dottes-tune-footer-learner-next"> |
727
772402f5f8ea
Provide full titles for next and previous tunes in web pages.
Jim Hague <jim.hague@acm.org>
parents:
726
diff
changeset
|
160 <a href="${nextpage}">${nextfulltitle}</a> |
722
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
161 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
162 </div> |
f8ab14cc9d8d
Add previous and next tune links to website.
Jim Hague <jim.hague@acm.org>
parents:
659
diff
changeset
|
163 </div> |
229 | 164 </div> |
197
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
165 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
166 </div> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
167 </body> |
8f352063f277
Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents:
diff
changeset
|
168 </html> |