From fff69d74d71174f87a7b2801baef324740f4e557 Mon Sep 17 00:00:00 2001
From: tmont <tommy.mont@gmail.com>
Date: Tue, 19 Apr 2022 22:19:32 -0700
Subject: [PATCH] fixed centering of forms

---
 index.php | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/index.php b/index.php
index 304feab..98cfc37 100755
--- a/index.php
+++ b/index.php
@@ -238,7 +238,7 @@
 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Lead</span>";
 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+2*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Saw</span>";
 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+3*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Bass</span>\n\n";
-		  echo "\n\t<div align='center' width='".($xstart+$wwidth*$numoctaves*7)."px'>\n";
+		  echo "\n\t<div align='center' style='margin-top: ".(4 * ($wheight + $ystart))."px; width: ".($xstart+$wwidth*$numoctaves*7)."px'>\n";
 
 		echo "\n\t<span style='text-align: left; position: absolute; left: $xstart"."px; top:".(4*($wheight+$ystart))."px'>";
 		echo "\n\t\t<label title='[c]'><input type='checkbox' accesskey='c' onclick='toggleColor()' autocomplete='off' />Color Me Blind</label>";
@@ -247,9 +247,7 @@
 		echo "\n\t\t<a title='[q]' accesskey='q' onfocus='showFAQ()' href='javascript:void(0)'>FAQ</a>";
 		echo "\n\t</span>";
 	?>
-		<br /><br /><br /><br /><br /><br /><br />
-		<br /><br /><br /><br /><br /><br /><br />
-		<br /><br /><br /><br /><br /><br /><br />
+
 
 		<table border='0' align='center'>
 
@@ -282,9 +280,9 @@
 			<tr>
 				<td colspan='2' align='center'>
 						Tempo:
-						<input type='text' name='tempo' id='tempo' size='2' maxlength='3' value='<?php if (isset($_POST['tempo'])) echo $_POST['tempo']; else echo "120";?>' onblur='validateForm()'></input>
+						<input type='text' name='tempo' id='tempo' size='2' maxlength='3' value='<?php if (isset($_POST['tempo'])) echo $_POST['tempo']; else echo "120";?>' onblur='validateForm()' />
 						Time Signature:
-						<input type='text' name='timesig_num' id='timesig_num' size='1' maxlength='3' value='<?php if (isset($_POST['timesig_num'])) echo $_POST['timesig_num']; else echo "1";?>' onblur='validateForm()'></input>
+						<input type='text' name='timesig_num' id='timesig_num' size='1' maxlength='3' value='<?php if (isset($_POST['timesig_num'])) echo $_POST['timesig_num']; else echo "1";?>' onblur='validateForm()' />
 							/&nbsp;<select id='timesig_de' name='timesig_de'>
 									<option value='1' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 1) echo "selected='selected'";?>>1</option>
 									<option value='2' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 2) echo "selected='selected'";?>>2</option>
@@ -353,8 +351,9 @@
 		<span class='faq_q'>How?</span>
 		<blockquote class='faq_a'>
 			An unholy union of PHP, Javascript and the HTML DOM.  The MIDI files used to
-			play the sounds were created using Java because O didn't know PHP
-			could write to binary files at the time.
+			play the sounds were created using Java because I didn't know PHP
+			could write to binary files at the time. 15 years later in April 2022
+			I converted them to OGG.
 		</blockquote>
 		<span class='faq_q'>Why is this useful?</span>
 		<blockquote class='faq_a'>
@@ -443,9 +442,9 @@
 		<blockquote class='faq_a'>
 			Glad you asked. If you hover the cursor over various objects on the page, you'll notice
 			a single character in square brackets in the tooltip for some of them (try one of the
-			note value buttons, for example). If you're using IE (and you should be if you like
-			sound), press <code>ALT</code> and that character to use the function. If you're
-			using Firefox, press <code>SHIFT+ALT</code> and that character.
+			note value buttons, for example). Check
+			<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey">here</a>
+			to see your access key combination (generally <code>ALT</code> or <code>ALT+SHIFT</code>).
 		</blockquote>
 	</div>
 	<!-- END FAQ -->