From 5dd6161b93c676cb789edf0dc327509de4cf6642 Mon Sep 17 00:00:00 2001
From: ImpulsiveFPS <roberthrajala@gmail.com>
Date: Sun, 1 Feb 2026 17:48:37 +0100
Subject: [PATCH] Fix: Add inline display:none to modals, fix terminal to loop
 after 3 cycles

---
 index.html | 12 ++++++------
 script.js  | 22 +++++++++++++---------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index f04b89b..c3dc57e 100644
--- a/index.html
+++ b/index.html
@@ -687,8 +687,8 @@
         </div>
     </footer>
 
-    <!-- Service Info Modals -->
-    <div id="modal-nextcloud" class="service-modal">
+    <!-- Service Info Modals - Hidden by default -->
+    <div id="modal-nextcloud" class="service-modal" style="display: none !important;">
         <div class="modal-content">
             <button class="modal-close">&times;</button>
             <h3>☁️ Nextcloud</h3>
@@ -707,7 +707,7 @@
         </div>
     </div>
 
-    <div id="modal-netdata" class="service-modal">
+    <div id="modal-netdata" class="service-modal" style="display: none !important;">
         <div class="modal-content">
             <button class="modal-close">&times;</button>
             <h3>📊 Netdata Monitoring</h3>
@@ -726,7 +726,7 @@
         </div>
     </div>
 
-    <div id="modal-immich" class="service-modal">
+    <div id="modal-immich" class="service-modal" style="display: none !important;">
         <div class="modal-content">
             <button class="modal-close">&times;</button>
             <h3>📸 Immich Photo Server</h3>
@@ -745,7 +745,7 @@
         </div>
     </div>
 
-    <div id="modal-homarr" class="service-modal">
+    <div id="modal-homarr" class="service-modal" style="display: none !important;">
         <div class="modal-content">
             <button class="modal-close">&times;</button>
             <h3>🎛️ Homarr Dashboard</h3>
@@ -764,7 +764,7 @@
         </div>
     </div>
 
-    <div id="modal-tailscale" class="service-modal">
+    <div id="modal-tailscale" class="service-modal" style="display: none !important;">
         <div class="modal-content">
             <button class="modal-close">&times;</button>
             <h3>🔒 Tailscale VPN</h3>
diff --git a/script.js b/script.js
index 0c948fe..8330d8d 100644
--- a/script.js
+++ b/script.js
@@ -368,7 +368,7 @@ function initLimitedTerminalTyping() {
     let isTyping = false;
 
     const typeCommand = () => {
-        if (isTyping || cycleCount >= maxCycles) return;
+        if (isTyping) return;
         isTyping = true;
 
         const cmd = commands[currentCommand];
@@ -416,10 +416,11 @@ function initLimitedTerminalTyping() {
                     terminal.scrollTop = terminal.scrollHeight;
                     
                     isTyping = false;
-                    currentCommand = (currentCommand + 1) % commands.length;
+                    currentCommand++;
                     
                     // Count completed cycles
-                    if (currentCommand === 0) {
+                    if (currentCommand >= commands.length) {
+                        currentCommand = 0;
                         cycleCount++;
                     }
                 }, 500);
@@ -429,15 +430,18 @@ function initLimitedTerminalTyping() {
         typeChar();
     };
 
-    // Start typing effect every 6 seconds, but only for 3 cycles
-    const intervalId = setInterval(() => {
+    // Start typing effect every 5 seconds - loops forever, clears after 3 cycles
+    setInterval(() => {
+        // Reset terminal after 3 cycles
         if (cycleCount >= maxCycles) {
-            clearInterval(intervalId);
-            // Keep cursor blinking at the end
-            return;
+            // Clear all dynamic content
+            const dynamicContent = terminal.querySelectorAll('.terminal-line:nth-child(n+4), .terminal-output');
+            dynamicContent.forEach(el => el.remove());
+            currentCommand = 0;
+            cycleCount = 0;
         }
         typeCommand();
-    }, 6000);
+    }, 5000);
 }
 
 /**