comparison dottes.html.learnertune @ 621:dfeb781e5196

Attempt revamp of CSS and presentation. Ditch 960.
author Jim Hague <jim.hague@acm.org>
date Sun, 06 Nov 2016 13:40:32 +0000
parents 2fe68733ec17
children 464a2adedeb6
comparison
equal deleted inserted replaced
619:2fe68733ec17 621:dfeb781e5196
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta charset="utf-8" /> 4 <meta charset="utf-8" />
5 <title>Cry Havoc tunes - learning ${title}</title> 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" /> 6 <link rel="stylesheet" href="../css/dottes.css" />
10 7
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans' 8 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
12 rel='stylesheet' type='text/css'> 9 rel='stylesheet' type='text/css'>
13 </head> 10 </head>
14 <body> 11 <body>
15 <div class="container_12"> 12 <div class="container">
16 <a href="/"> 13 <a href="/">
17 <div class="grid_12 header-strip banner"> 14 <div class="header-strip banner">
18 <h1>Ye Crie Havock Booke of Dottes</h1> 15 <img src="../img/banner.png">
19 </div> 16 </div>
20 </a> 17 </a>
21 18
22 <div class="grid_12 dottes-body"> 19 <div class="dottes-body">
23 <div class="dottes-tune-display"> 20 <div class="dottes-tune-display">
24 <img src="../img/learner.png">Work out the melody or play along 21 <img src="../img/learner.png">Work out the melody or play along
25 with these audio players. They play the melody repeatedly. There's 22 with these audio players. They play the melody repeatedly. There's
26 a variety of speeds to choose from. You can also download the 23 a variety of speeds to choose from. You can also download the
27 audio files. 24 audio files.
28 </div> 25 </div>
29 </div> 26 </div>
30 27
31 <div class="grid_12 dottes-body"> 28 <div class="dottes-body">
32 <div class="dottes-tune-display"> 29 <div class="dottes-tune-display">
33 <div class="dottes-tune-header"> 30 <div class="dottes-tune-header">
34 <div class="dottes-tune-header-icons-column"></div> 31 <div class="dottes-tune-header-icons-column"></div>
35 <div class="dottes-tune-header-title-column"></div> 32 <div class="dottes-tune-header-title-column"></div>
36 <div class="dottes-tune-header-composer-column"></div> 33 <div class="dottes-tune-header-composer-column"></div>