tzmcion · tzmcion · Sep 10, 2025 · Sep 8, 2025 · Sep 10, 2025
diff --git a/Attributions.MD b/Attributions.MD
@@ -3,4 +3,5 @@
 <a href="https://www.flaticon.com/free-icons/stop" title="stop icons">Stop icons created by DinosoftLabs - Flaticon</a>
 <a href="https://www.flaticon.com/free-icons/play-button" title="play button icons">Play button icons created by Those Icons - Flaticon</a>
 <a href="https://www.flaticon.com/free-icons/save-as" title="save as icons">Save as icons created by Sir.Vector - Flaticon</a>
-<a href="https://www.flaticon.com/free-icons/preview" title="preview icons">Preview icons created by Miftakhul Rizky - Flaticon</a>
+<a href="https://www.flaticon.com/free-icons/preview" title="preview icons">Preview icons created by Miftakhul Rizky - Flaticon</a>
+<a href="www.freepik.com" title="Icon for donation designed by FreePik">Icon on Donate page</a>
diff --git a/changeIndex.txt b/changeIndex.txt
@@ -30,3 +30,8 @@ Changes For new version of PBA:
 - Added Workers to handle MIDI  NOT NEEDED - new algorithm workes 200times faster,  DONE
 - RAPAIR THE AUDIO BY ADDING MULTIPLE DOUBELING THE AUDIO SOUNDS    DONE
 - CHANGE THE DESIGN OF CARDS TO IMPLEMENT CORRECTLY THE RIBBON VISUALS  DONE
+- Player pauses automatically when page is switched DONE
+- Resize is now refreshing also the blocks, making everything look ok DONE
+- Deleted transition and bugs during resizing of options page DONE
+- Deleted alterations of state with every note event creation, now the connection between rendering component and playing component is direct DONE
+- 
diff --git a/src/App.css b/src/App.css
@@ -2,7 +2,8 @@
     width:100%;
     position: absolute;
     top: 0px;
-    overflow-y: hidden;
+    height: 100vh;
+    overflow-y: auto;
     overflow-x: hidden;
 }
 

diff --git a/src/Assets/Cactus.gif b/src/Assets/Cactus.gif
diff --git a/src/Assets/Donate_Img.png b/src/Assets/Donate_Img.png
diff --git a/src/Assets/FontAwesomeLogo.png b/src/Assets/FontAwesomeLogo.png
diff --git a/src/Assets/GoogleFontsLogo.png b/src/Assets/GoogleFontsLogo.png
diff --git a/src/Assets/NPMLogo.png b/src/Assets/NPMLogo.png
diff --git a/src/Assets/ReactJSLogo.png b/src/Assets/ReactJSLogo.png
diff --git a/src/Assets/Rhombus.gif b/src/Assets/Rhombus.gif
diff --git a/src/Assets/TypeScriptLogo.png b/src/Assets/TypeScriptLogo.png
diff --git a/src/Assets/avnt_big.png b/src/Assets/avnt_big.png
diff --git a/src/Assets/demo.MID b/src/Assets/demo.MID
diff --git a/src/Assets/demo_old.MID b/src/Assets/demo_old.MID
diff --git a/src/Assets/herokuLogo.png b/src/Assets/herokuLogo.png
diff --git a/src/Assets/hug.gif b/src/Assets/hug.gif
diff --git a/src/Assets/preview.png b/src/Assets/preview.png
diff --git a/src/Components/DonateButton/DonateButton.scss b/src/Components/DonateButton/DonateButton.scss
diff --git a/src/Components/DonateButton/DonateButton.tsx b/src/Components/DonateButton/DonateButton.tsx
diff --git a/src/Components/Header/Header.tsx b/src/Components/Header/Header.tsx
@@ -24,7 +24,7 @@ export default function Header() {
                     <Link to='/RebuildInfo' className='Link jersey-10'>RECORD</Link>
                     {/* <Link to='/PlayLive' className='Link jersey-10'>LIVE PLAY</Link> */}
                     <Link to='/tutorial' className='Link jersey-10'>DOCS</Link>
-                    <Link to='https://www.paypal.com/donate/?hosted_button_id=J6GQGKHC7H7SG' className='Link jersey-10'>SUPPORT</Link>
+                    <Link to='/Info' className='Link jersey-10'>ABOUT</Link>
                 </div>
             </div>
         </nav>