Bigger buttons are easier to click.

kg583 · Jul 19, 2020 · 6880330 · 6880330
1 parent e53f112
commit 6880330
Show file tree

Hide file tree

Showing 53 changed files with 15 additions and 15 deletions.
diff --git a/7a.png b/7a.png
diff --git a/7b.png b/7b.png
diff --git a/7c.png b/7c.png
diff --git a/7d.png b/7d.png
diff --git a/7e.png b/7e.png
diff --git a/7f.png b/7f.png
diff --git a/7g.png b/7g.png
diff --git a/7h.png b/7h.png
diff --git a/7i.png b/7i.png
diff --git a/7j.png b/7j.png
diff --git a/7k.png b/7k.png
diff --git a/7l.png b/7l.png
diff --git a/7m.png b/7m.png
diff --git a/7n.png b/7n.png
diff --git a/7o.png b/7o.png
diff --git a/7p.png b/7p.png
diff --git a/7q.png b/7q.png
diff --git a/7r.png b/7r.png
diff --git a/7s.png b/7s.png
diff --git a/7t.png b/7t.png
diff --git a/7u.png b/7u.png
diff --git a/7v.png b/7v.png
diff --git a/7w.png b/7w.png
diff --git a/7x.png b/7x.png
diff --git a/7y.png b/7y.png
diff --git a/7z.png b/7z.png
diff --git a/a.png b/a.png
diff --git a/b.png b/b.png
diff --git a/c.png b/c.png
diff --git a/d.png b/d.png
diff --git a/e.png b/e.png
diff --git a/f.png b/f.png
diff --git a/g.png b/g.png
diff --git a/h.png b/h.png
diff --git a/i.png b/i.png
diff --git a/index.html b/index.html
@@ -285,7 +285,7 @@ <h2 id="play">Play Free Bee on the Web</h2>
 	  <img id="comb1" class="bg" src="comb.png" width="100" height="100"><img id="comb2" class="bg" src="comb.png" width="100" height="100"><img id="comb3" class="bg" src="comb.png" width="100" height="100"><img id="comb4" class="bg" src="comb.png" width="100" height="100"><img id="comb5" class="bg" src="comb.png" width="100" height="100"><img id="comb6" class="bg" src="comb.png" width="100" height="100"><img id="comb7" class="bg" src="comb-inv.png" width="100" height="100">
 	</div>
 	<div id="playfield-fg">
-	  <img id="play1" class="fg" width="21" height="21"><img id="play2" class="fg" width="21" height="21"><img id="play3" class="fg" width="21" height="21"><img id="play4" class="fg" width="21" height="21"><img id="play5" class="fg" width="21" height="21"><img id="play6" class="fg" width="21" height="21"><img id="play7" class="fg" width="21" height="21">
+	  <img id="play1" class="fg" width="60" height="100"><img id="play2" class="fg" width="60" height="100"><img id="play3" class="fg" width="60" height="100"><img id="play4" class="fg" width="60" height="100"><img id="play5" class="fg" width="60" height="100"><img id="play6" class="fg" width="60" height="100"><img id="play7" class="fg" width="60" height="100">
 	</div>
       </div>
     </div>
@@ -381,44 +381,44 @@ <h4 id="yesterday-or-random" class="answers">Yesterday's answers</h4>
 
       function display() {
 	document.getElementById("play1").src = letters[0] + ".png";
-	document.getElementById("play1").style.left = "39px";
-	document.getElementById("play1").style.top = "89px";
+	document.getElementById("play1").style.left = "19px";
+	document.getElementById("play1").style.top = "50px";
 	document.getElementById("play1").onclick = function() {type(letters[0])};
 	document.getElementById("play1").style.display = "block";
 
 	document.getElementById("play2").src = letters[1] + ".png";
-	document.getElementById("play2").style.left = "119px";
-	document.getElementById("play2").style.top = "39px";
+	document.getElementById("play2").style.left = "99px";
+	document.getElementById("play2").style.top = "0px";
 	document.getElementById("play2").onclick = function() {type(letters[1])};
 	document.getElementById("play2").style.display = "block";
 
 	document.getElementById("play3").src = letters[2] + ".png";
-	document.getElementById("play3").style.left = "199px";
-	document.getElementById("play3").style.top = "89px";
+	document.getElementById("play3").style.left = "179px";
+	document.getElementById("play3").style.top = "50px";
 	document.getElementById("play3").onclick = function() {type(letters[2])};
 	document.getElementById("play3").style.display = "block";
 
 	document.getElementById("play4").src = letters[3] + ".png";
-	document.getElementById("play4").style.left = "39px";
-	document.getElementById("play4").style.top = "189px";
+	document.getElementById("play4").style.left = "19px";
+	document.getElementById("play4").style.top = "150px";
 	document.getElementById("play4").onclick = function() {type(letters[3])};
 	document.getElementById("play4").style.display = "block";
 
 	document.getElementById("play5").src = letters[4] + ".png";
-	document.getElementById("play5").style.left = "119px";
-	document.getElementById("play5").style.top = "239px";
+	document.getElementById("play5").style.left = "99px";
+	document.getElementById("play5").style.top = "200px";
 	document.getElementById("play5").onclick = function() {type(letters[4])};
 	document.getElementById("play5").style.display = "block";
 
 	document.getElementById("play6").src = letters[5] + ".png";
-	document.getElementById("play6").style.left = "199px";
-	document.getElementById("play6").style.top = "189px";
+	document.getElementById("play6").style.left = "179px";
+	document.getElementById("play6").style.top = "150px";
 	document.getElementById("play6").onclick = function() {type(letters[5])};
 	document.getElementById("play6").style.display = "block";
 
 	document.getElementById("play7").src = letters[6] + ".png";
-	document.getElementById("play7").style.left = "119px";
-	document.getElementById("play7").style.top = "139px";
+	document.getElementById("play7").style.left = "99px";
+	document.getElementById("play7").style.top = "100px";
 	document.getElementById("play7").onclick = function() {type(letters[6][1])};
 	document.getElementById("play7").style.display = "block";
       }

diff --git a/j.png b/j.png
diff --git a/k.png b/k.png
diff --git a/l.png b/l.png
diff --git a/m.png b/m.png
diff --git a/n.png b/n.png
diff --git a/o.png b/o.png
diff --git a/p.png b/p.png
diff --git a/q.png b/q.png
diff --git a/r.png b/r.png
diff --git a/s.png b/s.png
diff --git a/t.png b/t.png
diff --git a/u.png b/u.png
diff --git a/v.png b/v.png
diff --git a/w.png b/w.png
diff --git a/x.png b/x.png
diff --git a/y.png b/y.png
diff --git a/z.png b/z.png