Mercurial > dottes
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 |
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 | 28 tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a> |
29 suitable for use with an eReader like a Kindle, Nook, Kobo etc., | |
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> |