From 6167eedaae29074c9c7445773de2b72d5a43f4d7 Mon Sep 17 00:00:00 2001
From: Jim Hague <jim.hague@acm.org>
Date: Thu, 8 Aug 2019 07:38:30 +0100
Subject: [PATCH] Add tech data section to website and update printed version.

---
 dottes.tex         |  8 +++++---
 web/css/dottes.css | 27 +++++++++++++++++++++++++++
 web/index.html     | 26 +++++++++++++++++++++++++-
 3 files changed, 57 insertions(+), 4 deletions(-)

diff --git a/dottes.tex b/dottes.tex
index 2b49efd..48b6116 100644
--- a/dottes.tex
+++ b/dottes.tex
@@ -8,6 +8,7 @@
 \usepackage{graphicx}
 \usepackage{fancyhdr}
 \usepackage{ifthen}
+\usepackage{metalogo}
 \usepackage[defaultlines=4,all]{nowidow}
 \usepackage{tabularx}
 \usepackage{longtable}
@@ -192,10 +193,11 @@ This is issue \build, generated \today.
 Book sources can be found at in a Mercurial
 (\url{https://www.mercurial-scm.org/}) repository at
 \url{http://hg.cryhavoc.org.uk/dottes/}. Tunes are
-in abc notation (\url{http://abcnotation.com/}).
+in Chris Walshaw's abc notation (\url{http://abcnotation.com/}).
 
-Music typeset by abcm2ps (\url{http://moinejf.free.fr/}).
-Document typeset by {\LaTeX} using {\TeX} Live on a Debian Linux system.
+Music typeset by Jef Moine's abcm2ps (\url{http://moinejf.free.fr/}).
+Document typeset by {\LaTeX} using {\XeLaTeX} from {\TeX} Live on
+a Debian Linux system.
 Grateful thanks to all contributors to abc, {\LaTeX}, Debian,
 Linux and related software.
 
diff --git a/web/css/dottes.css b/web/css/dottes.css
index 9df38e3..ce51a93 100644
--- a/web/css/dottes.css
+++ b/web/css/dottes.css
@@ -660,3 +660,30 @@ div.dottes-history-yes
 @media screen and (orientation: landscape){
   .doesnt-exist { background:red; }
 }
+
+/*
+ * Fancy *Tex rendering.
+ */
+.latex sub {
+  vertical-align: -0.1ex;
+  margin-left: -0.1667em;
+  margin-right: -0.025em;
+}
+
+.xetex sub {
+  vertical-align: -0.1ex;
+  margin-left: -0.1667em;
+  margin-right: -0.125em;
+}
+
+.latex sub, .latex sup, .xetex sub {
+  font-size: 0.9em;
+  text-transform:uppercase;
+
+}
+.latex sup {
+  font-size: 0.85em;
+  vertical-align: -0.2em;
+  margin-left: -0.26em;
+  margin-right: -0.05em;
+}
diff --git a/web/index.html b/web/index.html
index 60cef7e..9e89046 100644
--- a/web/index.html
+++ b/web/index.html
@@ -152,7 +152,7 @@
         Booke of Dottes.</p>
       <p>One icon on this website is courtesy
         of <a href="www.creativefreedom.co.uk">Creative Freedom</a>.
-        Thanks to them.
+        Thanks to them.</p>
       <p>Above all, profuse and grateful thanks to all my fellow
         Havocs, notably MickP, Nerys, KateK, Susie and Ed, and most especially
         to Jane. They have supplied the tunes,
@@ -160,6 +160,30 @@
         Without them, this project couldn't have happened.</p>
     </div>
 
+    <div class="dottes-body">
+      <h1>Geek zone</h1>
+      <p>All sources for the Booke can be found at in a
+        <a href="https://www.mercurial-scm.org">Mercurial</a>
+        repository at <a href="http://hg.cryhavoc.org.uk/dottes">
+          http://hg.cryhavoc.org.uk/dottes</a>. Tunes are in
+        Chris Walshaw's <a href="http://abcnotation.com">abc notation</a>.</p>
+      <p>The music scores are typeset by Jef Moine's
+        <a href="http://moinejf.free.fr/">abcm2ps</a>. Music samples
+        are generated with <a href="http://abc.sourceforge.net/abcMIDI/">
+          abcMIDI</a> and <a href="https://sourceforge.net/projects/timidity/">
+          TiMidity++</a>.</p>
+      <p>The printed documents are <a href="https://www.latex-project.org/">
+          <span class="latex">L<sup>A</sup>T<sub>E</sub>X</span></a>
+        using <a href="http://xetex.sourceforge.net/">
+          <span class="xetex">X<sub>&#398;</sub>L<sub>A</sub>T<sub>E</sub>X</span></a>
+        from <a href="https://www.tug.org/texlive/">
+          <span class="latex">T<sub>E</sub>X</span> Live</a>
+        on a <a href="https://www.debian.org/">Debian Linux</a> system.
+        Grateful thanks to all contributors to abc,
+        <span class="latex">L<sup>A</sup>T<sub>E</sub>X</span>,
+        Debian, Linux and related software.</p>
+    </div>
+
     <div class="dottes-body">
       <p>
       <a rel="license"