fix: keynote regenerate title

Author: edux

keynote/index.html

@@ -28,6 +28,9 @@ <h3>¡Un juego en el que podes ser keynote speaker!</h3>
             <button id="generate-btn" class="generate-button">
                 Generar keynote
             </button>
+            <button id="regenerate-btn" class="generate-button">
+                Regenerar título
+            </button>
 
             <div id="timer-display" class="timer-display hidden">
                 <div class="timer-circle">

keynote/main.js

@@ -308,6 +308,7 @@ const years = ["2025", "2026", "2027", "2030", "2035", "2040"];
 
 // DOM elements
 const generateBtn = document.getElementById('generate-btn');
+const regenerateBtn = document.getElementById('regenerate-btn');
 const startupNameEl = document.getElementById('keynote-name');
 const timerDisplay = document.getElementById('timer-display');
 const countdownNumber = document.getElementById('countdown-number');
@@ -404,7 +405,7 @@ const endGame = () => {
     timerDisplay.classList.add('hidden');
     gameOverDisplay.classList.remove('hidden');
     generateBtn.disabled = false;
-    generateBtn.textContent = 'Generar nueva startup';
+    generateBtn.textContent = 'Generar nueva Keynote';
 
     // Reset timer circle styles
     const timerCircle = document.querySelector('.timer-circle');
@@ -421,11 +422,33 @@ const startGame = () => {
         gameState = 'pitching';
         generateBtn.disabled = true;
         generateBtn.textContent = 'Pitching...';
+        regenerateBtn.disabled = false;
         setTimeout(() => {
             startCountdown();
         }, 1000);
     }
 };
 
+const regenerateTitle = () => {
+    if (gameState === 'pitching') {
+        // Clear any running countdown
+        clearInterval(countdownInterval);
+
+        // Reset timer styles and display
+        const timerCircle = document.querySelector('.timer-circle');
+        timerCircle.classList.remove('pulse');
+        timerCircle.style.background = '';
+        countdownNumber.style.color = '';
+
+        // Generate and show new keynote title
+        currentStartupName = generateUniqueKeynoteTitle();
+        displayKeynoteTitle(currentStartupName);
+
+        // Restart countdown
+        startCountdown();
+    }
+};
+
 // Event listeners
 generateBtn.addEventListener('click', startGame);
+regenerateBtn.addEventListener('click', regenerateTitle);

keynote/styles.css

@@ -1,3 +1,7 @@
+/* Add margin to the regenerate button to separate it from the generate button */
+#regenerate-btn {
+    margin-left: 10px;
+}
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
 
 * {