Upload 3 files

app.js

@@ -1155,7 +1155,7 @@ function drawVisualizer() {
   const minMidi = 36;
   const maxMidi = 96;
   const secondsVisible = 4.5;
-  const keyboardH = 120;
+  const keyboardH = width < 640 ? 80 : 120;
   const playLineY = height - keyboardH;
   const speed = playLineY / secondsVisible;
   

index.html

@@ -48,6 +48,11 @@
             <p>This model is a tiny, approximately 50 MB music-generation model with about 13 million parameters, designed to run continuously in real time on almost any consumer CPU.</p>
             <p>Inference runs entirely on your device through WebAssembly (WASM), allowing NanoMaestro to generate music directly on your device locally.</p>
           </div>
+          
+          <div class="info-card">
+            <h5>Bored from the song?</h5>
+            <p>Click the <strong>New Song</strong> button to generate a completely new unique song. NanoMaestro will keep generating forever!</p>
+          </div>
         </aside>
         
         <!-- Left Column: Visualizer and bottom controls -->

styles.css

@@ -322,6 +322,12 @@ body {
   min-width: 0;
 }
 
+.info-sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
 .info-card {
   background-color: var(--color-panel);
   border: 1px dashed var(--color-border);