From b1cbf6efd4e6a411cf1f71ab3197b1cda512189a Mon Sep 17 00:00:00 2001
From: Michael Murtaugh <mm@automatist.org>
Date: Thu, 23 Mar 2017 20:42:06 +0100
Subject: [PATCH] corrected index html

---
 floppies/karina/noweb/index.html | 106 ++++++++++++++++++-------------
 1 file changed, 61 insertions(+), 45 deletions(-)
diff --git a/floppies/karina/noweb/index.html b/floppies/karina/noweb/index.html
index 8a913e5..37f6c81 100644
--- a/floppies/karina/noweb/index.html
+++ b/floppies/karina/noweb/index.html
@@ -1,41 +1,65 @@
 <html>
-<head>
-	<title></title>
-<style>
-form.buttons input {
-	width: 160px;
-	height: 160px;
-	/*hide the labels*/
-	font-size: 0; 
-	line-height: 0;
-}
-</style>
-
-</head>
-<body>
-
-<form action="cgi-bin/play.cgi" class="buttons">
-	<input type="submit" name="p" value="BasicTurn.mp3" style="background:url(images/Choreology-BasicTurn.png) no-repeat;" />
-	<input type="submit" name="p" value="Follow.mp3" />
-	<input type="submit" name="p" value="AmericanSpin.mp3" />
-	<input type="submit" name="p" value="Bump.mp3" />
-	<input type="submit" name="p" value="StopAndGo.mp3" />
-	<input type="submit" name="p" value="Windmill.mp3" />
-	<input type="submit" name="p" value="SpanishArms.mp3" />
-	<input type="submit" name="p" value="Hucklebuck.mp3" />
-	<input type="submit" name="p" value="TheWhip.mp3" />
-	<input type="submit" name="p" value="Whip.mp3" />
-	<input type="submit" name="p" value="ChickenWalks.mp3" />
-	<div class="tempo">
-		<input id="slider3" type="range" min ="100" max="180" step ="1" style="width: 640px" /> 
-<!-- 		<input id="slider3" type="range" min ="100" max="180" step ="1" orient="vertical" style="-webkit-appearance: slider-vertical; writing-mode: bt-lr" /> 
- -->	
-	</div>
-
-</form>
-
-
-</body>
+  <head>
+    <title></title>
+
+    <style>
+
+      body {
+      margin-left: 20;
+      margin-right: 20;
+      padding: 0;
+      color: grey;
+      }
+
+      form.buttons {
+
+      }
+
+      form.buttons input {
+      width: 150px;
+      height: 150px;
+      /*hide the labels*/
+      font-size: 0;
+      line-height: 0;
+      border: 0;
+      margin: ;
+      }
+    </style>
+
+  </head>
+  <body>
+
+    <form action="cgi-bin/play.cgi" class="buttons">
+      <input type="submit" name="p" value="BasicTurn.mp3" style="background:url(images/choreology1-BasicTurn.svg) no-repeat;" />
+      <input type="submit" name="p" value="Follow.mp3" style="background:url(images/choreology2-Follow.svg) no-repeat;" />
+      <br>
+      <input type="submit" name="p" value="AmericanSpin.mp3" style="background:url(images/choreology3-AmericanSpin.svg) no-repeat;" />
+      <input type="submit" name="p" value="Bump.mp3" style="background:url(images/choreology4-Bump.svg) no-repeat;" />
+      <br>
+      <input type="submit" name="p" value="StopAndGo.mp3" style="background:url(images/choreology5-StopAndGo.svg) no-repeat;" />
+      <input type="submit" name="p" value="Windmill.mp3" style="background:url(images/choreology6-Windmill.svg) no-repeat;" />
+      <br>
+      <input type="submit" name="p" value="SpanishArms.mp3" style="background:url(images/choreology7-SpanishArms.svg) no-repeat;" />
+      <input type="submit" name="p" value="Hucklebuck.mp3" style="background:url(images/choreology8-Hucklebuck.svg) no-repeat;" />
+      <br>
+      <!--"Whip" of "The Whip" options - needs testing with music playing in the background
+	  <input type="submit" name="p" value="TheWhip.mp3" style="background:url(images/choreology9-Whip.svg) no-repeat;" />
+	  -->
+      <input type="submit" name="p" value="Whip.mp3" style="background:url(images/choreology9-Whip.svg) no-repeat;" />
+      <input type="submit" name="p" value="ChickenWalks.mp3" style="background:url(images/choreology10-ChickenWalks.svg) no-repeat;" />
+      <div class="tempo">
+	<br>
+	<br>
+	<br>
+	<input id="slider3" type="range" min ="100" max="180" step ="1" style="width: 640px" />
+	<!-- <input id="slider3" type="range" min ="100" max="180" step ="1" orient="vertical" style="-webkit-appearance: slider-vertical; writing-mode: bt-lr" /> 
+	  -->
+      </div>
+
+    </form>
+
+
+  </body>
 </html>
 
 
@@ -43,11 +67,3 @@ form.buttons input {
 
 
 
-
-
-
-
-
-
-
-
