diff dottes.html @ 400:f1c4abe4fc75 build-default-175

First go at adding the tune learner page.
author Jim Hague <jim.hague@acm.org>
date Mon, 02 Sep 2013 11:48:16 +0100
parents e4d6a612c755
children a6a096bb279a
line wrap: on
line diff
--- a/dottes.html	Mon Sep 02 10:15:56 2013 +0100
+++ b/dottes.html	Mon Sep 02 11:48:16 2013 +0100
@@ -22,6 +22,29 @@
     <div class="grid_12 dottes-body">
       <h1>@SUBTITLE@</h1>
       <!--#include file="intro.html" -->
+      <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
+        on practicing learning tunes by ear, or just playing along with
+        the tune, click on the learner icon
+        <img width=20 height=20 src="../img/learner.png">
+        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>
+
+    <div class="grid_12 dottes-body">
+      <h1>The tunes</h1>
+      <div class="dottes-tune-list">
+        <!--#include file="tunelist.html" -->
+      </div>
+    </div>
+
+    <div class="grid_12 dottes-body">
+      <a id="printing"><h1>Printing</h1></a>
       <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
         tune per page, a <a href="@BOOK@-Nook.pdf">4x5in portrait book</a>
@@ -33,15 +56,6 @@
         <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.
-      <p>When changes to this site are made, the issue number is incremented.
-        This is issue @BUILD@.
-    </div>
-
-    <div class="grid_12 dottes-body">
-      <h1>The tunes</h1>
-      <div class="dottes-tune-list">
-        <!--#include file="tunelist.html" -->
-      </div>
     </div>
   </div>
 </body>