Mercurial > dottes
annotate dottes.html.tuneindex @ 369:e5f59f0e7dd5
Add audio player to tune web page.
Add an <audio> tag to the bottom centre of the tune web page. Give it options for MP3 and
OGG files. Most browsers will play MP3, and the ones that won't (Firefox) will play OGG.
Since we now have to generate OGGs, add a download link as well.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Wed, 28 Aug 2013 11:54:45 +0100 |
parents | db569ede2165 |
children | f1c4abe4fc75 |
rev | line source |
---|---|
224
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
1 <div class="dottes-tune-list-item"> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
2 <div class="dottes-tune-list-item-link"> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
3 <a class="dottes-tune-link" href="@TUNE@.html">@TITLE@</a> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
4 </div> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
5 <div class="dottes-tune-list-item-image"> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
6 <img class="dottes-tune-table-image" src="firstline-@TUNE@.png" |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
7 alt="@TITLE@ first line"> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
8 </div> |
db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents:
197
diff
changeset
|
9 </div> |