From a01268308424f5f7cb01fb4fba46fd2a29a4aaf8 Mon Sep 17 00:00:00 2001
From: karina <karina.k.duk@gmail.com>
Date: Thu, 23 Mar 2017 14:57:40 +0100
Subject: [PATCH] updated web page

---
 floppies/karina/pushingscore-Karina.html | 50 ++++++++++++++++++------
 1 file changed, 37 insertions(+), 13 deletions(-)
diff --git a/floppies/karina/pushingscore-Karina.html b/floppies/karina/pushingscore-Karina.html
index 8a913e5..6233062 100644
--- a/floppies/karina/pushingscore-Karina.html
+++ b/floppies/karina/pushingscore-Karina.html
@@ -1,13 +1,28 @@
 <html>
 <head>
 	<title></title>
+
 <style>
+
+body {
+	margin-left: 20;
+	margin-right: 20;
+	padding: 0;
+	color: grey;
+}
+
+form.buttons {
+
+}
+
 form.buttons input {
-	width: 160px;
-	height: 160px;
+	width: 150px;
+	height: 150px;
 	/*hide the labels*/
 	font-size: 0; 
 	line-height: 0;
+	border: 0;
+	margin: ;
 }
 </style>
 
@@ -15,18 +30,27 @@ form.buttons input {
 <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" />
+	<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" /> 
  -->	
