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

74 lines
3.0 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>
In tune list, put L in column of its own. It can be a big difficult to hit when the text is wrapped.
2016-11-07 23:14:14 +00:00
<div class="dottes-tune-list-learner-link-column"></div>
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-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>
Add web links to the Bumper Booke.
2019-08-08 11:38:54 +01:00
<p>You can download a PDF of a booklet of these tunes. There is an
Finish first version of newly tarted up website.
2013-02-17 00:27:07 +00:00
<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.
Add web links to the Bumper Booke.
2019-08-08 11:38:54 +01:00
<p>You can also now download a PDF of the Bumper Booke. The Bumper
Booke contains all the Session tunes and all the Morris tunes in
a single book. There is an
Correct Bumper download links.
2019-08-08 19:04:16 +01:00
<a href="../Bumper-A5@INSTRUMENT@.pdf">A5 landscape book</a> with one
Add link to Bumper Nook PDF.
2024-04-22 14:01:45 +01:00
tune per page,
a <a href=@../Bumper-Nook@INSTRUMENT@.pdf>4x5in portrait book</a>,
an <a href="../Bumper-A4@INSTRUMENT@.pdf">A4 book</a>
Add web links to the Bumper Booke.
2019-08-08 11:38:54 +01:00
with two or more tunes per page, and an
Correct Bumper download links.
2019-08-08 19:04:16 +01:00
<a href="../Bumper-A5bookletA4@INSTRUMENT@.pdf">A5 booklet</a>
Add web links to the Bumper Booke.
2019-08-08 11:38:54 +01:00
for printing on A4 paper and folding in half.
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>