Mercurial > dottes

diff dottes.html.header @ 197:8f352063f277

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Finish first version of newly tarted up website.
author Jim Hague <jim.hague@acm.org>
date Sun, 17 Feb 2013 00:27:07 +0000
parents 09a87d3f128c
children afe8fc2c8d8c
line wrap: on
line diff
--- a/dottes.html.header	Sat Feb 16 23:23:50 2013 +0000
+++ b/dottes.html.header	Sun Feb 17 00:27:07 2013 +0000
@@ -1,23 +1,44 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<title>Cry Havoc tunes - @BOOK@</title>
+  <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|Oswald'
+        rel='stylesheet' type='text/css'>
 </head>
 <body>
-<h1>@SUBTITLE@</h1>
-<p>
-@INTRO@
-<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
-tune per page, or an <a href="@BOOK@-A4.pdf">A4 book</a> with two or
-more tunes per page.
-<p>
-If you have a printer that can do duplex (i.e. print on both sides of the
-paper), you might like the
-<a href="@BOOK@-A5bookletA4.pdf">A5 booklet</a>.
-Print this onto A4 paper using both sides of the paper, and fold in half
-to make an A5 booklet.
-<p>
-Issue @BUILD@
-<p>
-<table>
+  <div class="container_12">
+    <a href="/">
+      <div class="grid_12 header-strip banner">
+        <h1>Ye Crie Havock Booke of Dottes</h1>
+      </div>
+    </a>
+
+    <div class="clear"></div>
+
+    <div class="grid_12 dottes-body">
+      <h1>@SUBTITLE@</h1>
+      <p>@INTRO@
+      <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
+        tune per page, or an <a href="@BOOK@-A4.pdf">A4 book</a> with two or
+        more tunes per page.
+      <p>If you have a printer that can do duplex (i.e. print on both sides
+        of the paper), you might like the
+        <a href="@BOOK@-A5bookletA4.pdf">A5 booklet</a>.
+        Print this onto A4 paper using both sides of the paper, and fold in half
+        to make an A5 booklet.
+      <p>When changes to this site are made, the issue number is incremented.
+        This is issue @BUILD@.
+    </div>
+
+    <div class="clear"></div>
+
+    <div class="grid_12 dottes-body">
+      <h1>The tunes</h1>
+      <table class="dottes-tune-table">