Mercurial > dottes
annotate dottes.html.learnertune @ 738:69a7499817c8 build-default-284
On Nook and A5 prints, start a new page with each tune and centre vertically..
A5 mostly did, but ran into trouble with longer comments on a tune.
This may give blank space after tunes where a long comment overflows
onto another page, but I think for now it's better to have each tune
at the top of the page.
Or rather, and this is the other change, in the middle of the page. Centre
the page content for A5 and Nook.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Thu, 12 Oct 2017 14:50:51 +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> |