CryHavoc
/
dottes
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity
dottes/dottes.html

63 lines
2.4 KiB
HTML
Raw Normal View History

Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<!DOCTYPE html>
<html lang="en">
First go at producing a very simple website. Templating done with sed, and minimal HTML.
2012-03-04 12:39:12 +00:00
<head>
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<meta charset="utf-8" />
Set initial viewport settings.
2016-11-06 14:28:08 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<title>Cry Havoc tunes - @TITLE@</title>
<link rel="stylesheet" href="../css/dottes.css" />
Change main body font to Open Sans, to match the main Havoc website.
2013-11-11 22:14:00 +00:00
<link href='http://fonts.googleapis.com/css?family=Pirata+One|Open+Sans'
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
rel='stylesheet' type='text/css'>
First go at producing a very simple website. Templating done with sed, and minimal HTML.
2012-03-04 12:39:12 +00:00
</head>
<body>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="container">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<a href="/">
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="banner">
<img src="../img/banner.png" alt="Ye Crie Havoc Booke Of Dottes">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
</div>
</a>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="dottes-body">
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<h1>@SUBTITLE@</h1>
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.
2013-08-21 10:32:50 +01:00
<!--#include file="intro.html" -->
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<p>See <a href="#printing">below</a> if you'd like to print a book
of these tunes.
<p>Click on the tune title or first line music for a page showing
the dots for the tune and giving links for downloading the tune
in various formats. If you don't read music, or you'd like to work
Remove unfortunate American spelling thing.
2013-09-03 22:42:05 +01:00
on practising learning tunes by ear, or just playing along with
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
the tune, click on the learner icon
Make learner icon smaller and put by tune name in tune list. Trying to keep all tune stuff on one line.
2013-09-02 12:48:15 +01:00
<img src="../img/learner.png">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
for a page where you can listen to the tune repeatedly, either
at the full playing speed or several slower speeds.
<p>When changes to this site are made, the issue number is incremented.
This is issue @BUILD@.
</div>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="dottes-body">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<h1>The tunes</h1>
<div class="dottes-tune-list">
Sort out column widths for web tune list. In the process discover display: table-column and use those on tune headers and footers to set column widths.
2016-11-05 10:46:41 +00:00
<div class="dottes-tune-list-link-column"></div>
<div class="dottes-tune-list-image-column"></div>
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<!--#include file="tunelist.html" -->
</div>
</div>
Attempt revamp of CSS and presentation. Ditch 960.
2016-11-06 13:40:32 +00:00
<div class="dottes-body">
First go at adding the tune learner page.
2013-09-02 11:48:16 +01:00
<a id="printing"><h1>Printing</h1></a>
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<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
Add Nook-sized PDF output.
2013-08-05 18:06:19 +01:00
tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
suitable for use with an eReader like a Kindle, Nook, Kobo etc.,
and an <a href="@BOOK@-A4.pdf">A4 book</a> with two or
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
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.
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.
2013-08-21 10:32:50 +01:00
</div>
</div>
</body>
</html>