Changed Background Picture for dark mode compatablility, Keys were changed back to 4qwer 3asd 2yx 1c. The throwing positions were adjusted to the cups.

Output/public/js/Board.js

@@ -87,81 +87,81 @@ Board.prototype.getCup = function(code) {
   ball.classList.add("Shoot");
   switch (code)
   {
-    case 'e':
+    case 'q':
-    case 'E':
+    case 'Q':
-    root.style.setProperty('--top325', "-350"+ "px");
+    root.style.setProperty('--top325', "-515"+ "px");
-    ball.style.top = "-350px";
+    ball.style.top = "-515px";
     ball.style.left = "-155px";
       return "cup1";
       break;
-    case 'r':
+    case 'w':
-    case 'R':
+    case 'W':
-      root.style.setProperty('--top325', "-350"+ "px");
+      root.style.setProperty('--top325', "-515"+ "px");
-      ball.style.top = "-350px";
+      ball.style.top = "-515px";
       ball.style.left = "-50px";
       return "cup2";
-      //removeCup("2");
+      //removeCup("2");j
       break;
-    case 't':
+    case 'e':
-    case 'T':
+    case 'E':
-      root.style.setProperty('--top325', "-350"+ "px");
+      root.style.setProperty('--top325', "-515"+ "px");
-      ball.style.top = "-350px";
+      ball.style.top = "-515px";
-      ball.style.left = "55px";
+      ball.style.left = "50px";
       return "cup3";
       //removeCup("3");
       break;
-    case 'z':
+    case 'r':
-    case 'Z':
+    case 'R':
-      root.style.setProperty('--top325', "-350"+ "px");
+      root.style.setProperty('--top325', "-515"+ "px");
-      ball.style.top = "-350px";
+      ball.style.top = "-515px";
-      ball.style.left = "160px";
+      ball.style.left = "150px";
       return "cup4";
       //removeCup("4");
       break;
-    case 'd':
+    case 'a':
-    case 'D':
+    case 'A':
-      root.style.setProperty('--top325', "-290"+ "px");
+      root.style.setProperty('--top325', "-430"+ "px");
-      ball.style.top = "-290px";
+      ball.style.top = "-430px";
       ball.style.left = "-100px";
       return "cup5";
       //removeCup("5");
       break;
-    case 'f':
+    case 's':
-    case 'F':
+    case 'S':
-      root.style.setProperty('--top325', "-290"+ "px");
+      root.style.setProperty('--top325', "-430"+ "px");
-      ball.style.top = "-290px";
+      ball.style.top = "-430px";
       ball.style.left = "0px";
       return "cup6";
       //removeCup("6");
       break;
-    case 'g':
+    case 'd':
-    case 'G':
+    case 'D':
-      root.style.setProperty('--top325', "-290"+ "px");
+      root.style.setProperty('--top325', "-430"+ "px");
-      ball.style.top = "-290px";
+      ball.style.top = "-430px";
-      ball.style.left = "110px";
+      ball.style.left = "100px";
       //removeCup("7");
       return "cup7";
       break;
-    case 'c':
+    case 'y':
-    case 'C':
+    case 'Y':
-      root.style.setProperty('--top325', "-220"+ "px");
+      root.style.setProperty('--top325', "-340"+ "px");
-      ball.style.top = "-220px"
+      ball.style.top = "-340px"
       ball.style.left = "-50px";
       //removeCup("8");
       return "cup8";
       break;
-    case 'v':
+    case 'x':
-    case 'V':
+    case 'X':
-      root.style.setProperty('--top325', "-220"+ "px");
+      root.style.setProperty('--top325', "-340"+ "px");
-      ball.style.top = "-220px"
+      ball.style.top = "-340px"
-      ball.style.left = "55px";
+      ball.style.left = "50px";
       //removeCup("9");
       return "cup9";
       break;
-    case 'b':
+    case 'c':
-    case 'B':
+    case 'C':
-      root.style.setProperty('--top325', "-160"+ "px");
+      root.style.setProperty('--top325', "-250"+ "px");
-      ball.style.top = "-160px"
+      ball.style.top = "-250px"
       ball.style.left = "0px";
       //removeCup("10");
       return "cup10";