Mercurial > dottes

comparison dottes.html @ 621:dfeb781e5196

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
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 - @TITLE@</title> 5 <title>Cry Havoc tunes - @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="banner">
18 <h1>Ye Crie Havock Booke of Dottes</h1> 15 <img src="../img/banner.png" alt="Ye Crie Havoc Booke Of Dottes">
19 </div> 16 </div>
20 </a> 17 </a>
21 18
22 <div class="grid_12 dottes-body"> 19 <div class="dottes-body">
23 <h1>@SUBTITLE@</h1> 20 <h1>@SUBTITLE@</h1>
24 <!--#include file="intro.html" --> 21 <!--#include file="intro.html" -->
25 <p>See <a href="#printing">below</a> if you'd like to print a book 22 <p>See <a href="#printing">below</a> if you'd like to print a book
26 of these tunes. 23 of these tunes.
27 <p>Click on the tune title or first line music for a page showing 24 <p>Click on the tune title or first line music for a page showing
34 at the full playing speed or several slower speeds. 31 at the full playing speed or several slower speeds.
35 <p>When changes to this site are made, the issue number is incremented. 32 <p>When changes to this site are made, the issue number is incremented.
36 This is issue @BUILD@. 33 This is issue @BUILD@.
37 </div> 34 </div>
38 35
39 <div class="grid_12 dottes-body"> 36 <div class="dottes-body">
40 <h1>The tunes</h1> 37 <h1>The tunes</h1>
41 <div class="dottes-tune-list"> 38 <div class="dottes-tune-list">
42 <div class="dottes-tune-list-link-column"></div> 39 <div class="dottes-tune-list-link-column"></div>
43 <div class="dottes-tune-list-image-column"></div> 40 <div class="dottes-tune-list-image-column"></div>
44 <!--#include file="tunelist.html" --> 41 <!--#include file="tunelist.html" -->
45 </div> 42 </div>
46 </div> 43 </div>
47 44
48 <div class="grid_12 dottes-body"> 45 <div class="dottes-body">
49 <a id="printing"><h1>Printing</h1></a> 46 <a id="printing"><h1>Printing</h1></a>
50 <p>You can download a PDF with a booklet of these tunes. There is an 47 <p>You can download a PDF with a booklet of these tunes. There is an
51 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one 48 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one
52 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> 49 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
53 suitable for use with an eReader like a Kindle, Nook, Kobo etc., 50 suitable for use with an eReader like a Kindle, Nook, Kobo etc.,