diff dottes.html @ 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 af814cd756e8
children 464a2adedeb6
line wrap: on
line diff
--- a/dottes.html	Sun Nov 06 08:24:22 2016 +0000
+++ b/dottes.html	Sun Nov 06 13:40:32 2016 +0000
@@ -3,23 +3,20 @@
 <head>
   <meta charset="utf-8" />
   <title>Cry Havoc tunes - @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="banner">
+        <img src="../img/banner.png" alt="Ye Crie Havoc Booke Of Dottes">
       </div>
     </a>
 
-    <div class="grid_12 dottes-body">
+    <div class="dottes-body">
       <h1>@SUBTITLE@</h1>
       <!--#include file="intro.html" -->
       <p>See <a href="#printing">below</a> if you'd like to print a book
@@ -36,7 +33,7 @@
         This is issue @BUILD@.
     </div>
 
-    <div class="grid_12 dottes-body">
+    <div class="dottes-body">
       <h1>The tunes</h1>
       <div class="dottes-tune-list">
         <div class="dottes-tune-list-link-column"></div>
@@ -45,7 +42,7 @@
       </div>
     </div>
 
-    <div class="grid_12 dottes-body">
+    <div class="dottes-body">
       <a id="printing"><h1>Printing</h1></a>
       <p>You can download a PDF with a booklet of these tunes. There is an
         <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one