annotate dottes.html @ 360:01ded8741361

Use server-side includes (with Apache XBitHack setting) in web. This means that we can have one main web page, dottes.html, for each book and include the intro and tunelist to make the page. This removes the separate header and footer components. Perhaps we should use a template engine instead to generate the output. That means choosing one. And preferably one that isn't aimed only at HTML so we could use it for the printed books. More research required.
author Jim Hague <jim.hague@acm.org>
date Wed, 21 Aug 2013 10:32:50 +0100
parents dottes.html.header@583c06d0e9ef
children e4d6a612c755
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
1 <!DOCTYPE html>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
2 <html lang="en">
43
d92717f8130c First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff changeset
3 <head>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
4 <meta charset="utf-8" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
5 <title>Cry Havoc tunes - @TITLE@</title>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
6 <link rel="stylesheet" href="../css/reset.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
7 <link rel="stylesheet" href="../css/text.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
8 <link rel="stylesheet" href="../css/960.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
9 <link rel="stylesheet" href="../css/dottes.css" />
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
10
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
11 <link href='http://fonts.googleapis.com/css?family=Pirata+One|Oswald'
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
12 rel='stylesheet' type='text/css'>
43
d92717f8130c First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff changeset
13 </head>
d92717f8130c First go at producing a very simple website.
Jim Hague <jim.hague@laicatc.com>
parents:
diff changeset
14 <body>
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
15 <div class="container_12">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
16 <a href="/">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
17 <div class="grid_12 header-strip banner">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
18 <h1>Ye Crie Havock Booke of Dottes</h1>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
19 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
20 </a>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
21
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
22 <div class="grid_12 dottes-body">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
23 <h1>@SUBTITLE@</h1>
360
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
24 <!--#include file="intro.html" -->
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
25 <p>@INTRO@
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
26 <p>You can download a PDF with a booklet of these tunes. There is an
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
27 <a href="@BOOK@-A5.pdf">A5 landscape book</a> with one
331
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
28 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
29 suitable for use with an eReader like a Kindle, Nook, Kobo etc.,
583c06d0e9ef Add Nook-sized PDF output.
Jim Hague <jim.hague@acm.org>
parents: 224
diff changeset
30 and an <a href="@BOOK@-A4.pdf">A4 book</a> with two or
197
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
31 more tunes per page.
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
32 <p>If you have a printer that can do duplex (i.e. print on both sides
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
33 of the paper), you might like the
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
34 <a href="@BOOK@-A5bookletA4.pdf">A5 booklet</a>.
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
35 Print this onto A4 paper using both sides of the paper, and fold in half
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
36 to make an A5 booklet.
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
37 <p>When changes to this site are made, the issue number is incremented.
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
38 This is issue @BUILD@.
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
39 </div>
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
40
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
41 <div class="grid_12 dottes-body">
8f352063f277 Finish first version of newly tarted up website.
Jim Hague <jim.hague@acm.org>
parents: 186
diff changeset
42 <h1>The tunes</h1>
224
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
Jim Hague <jim.hague@acm.org>
parents: 207
diff changeset
43 <div class="dottes-tune-list">
360
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
44 <!--#include file="tunelist.html" -->
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
45 </div>
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
46 </div>
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
47 </div>
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
48 </body>
01ded8741361 Use server-side includes (with Apache XBitHack setting) in web.
Jim Hague <jim.hague@acm.org>
parents: 331
diff changeset
49 </html>