Mercurial > dottes
annotate dottes.html.learnertune @ 727:772402f5f8ea
Provide full titles for next and previous tunes in web pages.
| author | Jim Hague <jim.hague@acm.org> | 
|---|---|
| date | Wed, 11 Oct 2017 17:45:27 +0100 | 
| parents | 833e6185b6a2 | 
| 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> | 
