Mercurial > dottes

comparison dottes.html.learnertune @ 400:f1c4abe4fc75 build-default-175

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First go at adding the tune learner page.
author Jim Hague <jim.hague@acm.org>
date Mon, 02 Sep 2013 11:48:16 +0100
parents dottes.html.tune@04bd083eed29
children 66e83b32ad90
comparison
equal deleted inserted replaced
399:aeef7b1ca0ad 400:f1c4abe4fc75
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>Cry Havoc tunes - learning @TITLE@</title>
6 <link rel="stylesheet" href="../css/reset.css" />
7 <link rel="stylesheet" href="../css/text.css" />
8 <link rel="stylesheet" href="../css/960.css" />
9 <link rel="stylesheet" href="../css/dottes.css" />
10
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald'
12 rel='stylesheet' type='text/css'>
13 </head>
14 <body>
15 <div class="container_12">
16 <a href="/">
17 <div class="grid_12 header-strip banner">
18 <h1>Ye Crie Havock Booke of Dottes</h1>
19 </div>
20 </a>
21
22 <div class="grid_12 dottes-body">
23 <div class="dottes-tune-display">
24 <div class="dottes-tune-header">
25 <div class="dottes-tune-header-row">
26 <div class="dottes-tune-header-left"></div>
27 <div class="dottes-tune-header-middle">
28 <h1>@TITLE@</h1>
29 <h2>@SUBTITLE@</h2>
30 </div>
31 <div class="dottes-tune-header-right">
32 <em>@COMPOSER@</em>
33 </div>
34 </div>
35 </div>
36 <p>@TITLE@ is in the key of @KEY@.
37 <div class="dottes-tune-footer">
38 <div class="dottes-tune-footer-row">
39 <div class="dottes-tune-footer-left">
40 <p>Normal speed
41 </div>
42 <div class="dottes-tune-footer-centre">
43 <audio controls loop>
44 <source src="../@MASTERBOOKE@/@TUNE@.mp3" type="audio/mpeg" />
45 <source src="../@MASTERBOOKE@/@TUNE@.ogg" type="audio/ogg" />
46 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
47 <param name="FileName" value="@TUNE@.mp3" />
48 <param name="autoStart" value="false" />
49 <param name="autoplay" value="false" />
50 <param name="playCount" value="100000" />
51 <object type="audio/mpeg" data="@TUNE@.mp3">
52 <param name="controller" value="true" />
53 <param name="autoplay" value="false" />
54 <param name="playCount" value="100000" />
55 </object>
56 </object>
57 </audio>
58 </div>
59 <div class="dottes-tune-footer-right">
60 <ul class="tune-data-list">
61 <li><a class="dottes-link-tune dottes-mp3"
62 href="../@MASTERBOOKE@/@TUNE@.mp3">MP3</a></li>
63 <li><a class="dottes-link-tune dottes-ogg"
64 href="../@MASTERBOOKE@/@TUNE@.ogg">OGG</a></li>
65 </ul>
66 </div>
67 </div>
68 <div class="dottes-tune-footer-row">
69 <div class="dottes-tune-footer-left">
70 <p>Slightly slower
71 </div>
72 <div class="dottes-tune-footer-centre">
73 <audio controls loop>
74 <source src="../@MASTERBOOKE@/littleslow-@TUNE@.mp3" type="audio/mpeg" />
75 <source src="../@MASTERBOOKE@/littleslow-@TUNE@.ogg" type="audio/ogg" />
76 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
77 <param name="FileName" value="littleslow-@TUNE@.mp3" />
78 <param name="autoStart" value="false" />
79 <param name="autoplay" value="false" />
80 <param name="playCount" value="100000" />
81 <object type="audio/mpeg" data="littleslow-@TUNE@.mp3">
82 <param name="controller" value="true" />
83 <param name="autoplay" value="false" />
84 <param name="playCount" value="100000" />
85 </object>
86 </object>
87 </audio>
88 </div>
89 <div class="dottes-tune-footer-right">
90 <ul class="tune-data-list">
91 <li><a class="dottes-link-tune dottes-mp3"
92 href="../@MASTERBOOKE@/littleslow-@TUNE@.mp3">MP3</a></li>
93 <li><a class="dottes-link-tune dottes-ogg"
94 href="../@MASTERBOOKE@/littleslow-@TUNE@.ogg">OGG</a></li>
95 </ul>
96 </div>
97 </div>
98 <div class="dottes-tune-footer-row">
99 <div class="dottes-tune-footer-left">
100 <p>Slow
101 </div>
102 <div class="dottes-tune-footer-centre">
103 <audio controls loop>
104 <source src="../@MASTERBOOKE@/slow-@TUNE@.mp3" type="audio/mpeg" />
105 <source src="../@MASTERBOOKE@/slow-@TUNE@.ogg" type="audio/ogg" />
106 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
107 <param name="FileName" value="slow-@TUNE@.mp3" />
108 <param name="autoStart" value="false" />
109 <param name="autoplay" value="false" />
110 <param name="playCount" value="100000" />
111 <object type="audio/mpeg" data="slow-@TUNE@.mp3">
112 <param name="controller" value="true" />
113 <param name="autoplay" value="false" />
114 <param name="playCount" value="100000" />
115 </object>
116 </object>
117 </audio>
118 </div>
119 <div class="dottes-tune-footer-right">
120 <ul class="tune-data-list">
121 <li><a class="dottes-link-tune dottes-mp3"
122 href="../@MASTERBOOKE@/slow-@TUNE@.mp3">MP3</a></li>
123 <li><a class="dottes-link-tune dottes-ogg"
124 href="../@MASTERBOOKE@/slow-@TUNE@.ogg">OGG</a></li>
125 </ul>
126 </div>
127 </div>
128 <div class="dottes-tune-footer-row">
129 <div class="dottes-tune-footer-left">
130 <p>Very slow
131 </div>
132 <div class="dottes-tune-footer-centre">
133 <audio controls loop>
134 <source src="../@MASTERBOOKE@/veryslow-@TUNE@.mp3" type="audio/mpeg" />
135 <source src="../@MASTERBOOKE@/veryslow-@TUNE@.ogg" type="audio/ogg" />
136 <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
137 <param name="FileName" value="veryslow-@TUNE@.mp3" />
138 <param name="autoStart" value="false" />
139 <param name="autoplay" value="false" />
140 <param name="playCount" value="100000" />
141 <object type="audio/mpeg" data="veryslow-@TUNE@.mp3">
142 <param name="controller" value="true" />
143 <param name="autoplay" value="false" />
144 <param name="playCount" value="100000" />
145 </object>
146 </object>
147 </audio>
148 </div>
149 <div class="dottes-tune-footer-right">
150 <ul class="tune-data-list">
151 <li><a class="dottes-link-tune dottes-mp3"
152 href="../@MASTERBOOKE@/veryslow-@TUNE@.mp3">MP3</a></li>
153 <li><a class="dottes-link-tune dottes-ogg"
154 href="../@MASTERBOOKE@/veryslow-@TUNE@.ogg">OGG</a></li>
155 </ul>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161 </div>
162 </body>
163 </html>