Updated Keyboard demo to have more realistic keyboard-layout.

Author: KristofferStrube

samples/KristofferStrube.Blazor.WebAudio.WasmExample/Pages/Keyboard.razor

@@ -48,9 +48,9 @@
               @onmouseout="End"
               @ontouchstart="e => Start(keys[k].Octave, keys[k].Pitch, e)"
               @ontouchend="End"
-              x="@(keys.GetRange(0, i).Count(k => k.Color == "white")*100-35)"
+              x="@(keys.GetRange(0, i).Count(k => k.Color == "white")*100-30 - (keys[k].Pitch is 2 or 7 ? 10 : 0) + (keys[k].Pitch is 4 or 11 ? 10 : 0))"
               y="0"
-              width="70"
+              width="60"
               height="400"
               fill="black"
               stroke="black"