Mercurial > dottes

diff 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
--- a/dottes.html.learnertune	Sun Nov 06 08:24:22 2016 +0000
+++ b/dottes.html.learnertune	Sun Nov 06 13:40:32 2016 +0000
@@ -3,23 +3,20 @@
 <head>
   <meta charset="utf-8" />
   <title>Cry Havoc tunes - learning ${title}</title>
-  <link rel="stylesheet" href="../css/reset.css" />
-  <link rel="stylesheet" href="../css/text.css" />
-  <link rel="stylesheet" href="../css/960.css" />
   <link rel="stylesheet" href="../css/dottes.css" />
 
   <link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
         rel='stylesheet' type='text/css'>
 </head>
 <body>
-  <div class="container_12">
+  <div class="container">
     <a href="/">
-      <div class="grid_12 header-strip banner">
-        <h1>Ye Crie Havock Booke of Dottes</h1>
+      <div class="header-strip banner">
+        <img src="../img/banner.png">
       </div>
     </a>
 
-    <div class="grid_12 dottes-body">
+    <div class="dottes-body">
       <div class="dottes-tune-display">
         <img src="../img/learner.png">Work out the melody or play along
         with these audio players. They play the melody repeatedly. There's
@@ -28,7 +25,7 @@
       </div>
     </div>
 
-    <div class="grid_12 dottes-body">
+    <div class="dottes-body">
       <div class="dottes-tune-display">
         <div class="dottes-tune-header">
           <div class="dottes-tune-header-icons-column"></div>