Solitaire: Checkbox um Regeln beim Start zu verstecken

solitaire/index.html

@@ -357,6 +357,7 @@
             <div class="controls">
                 <button onclick="newGame()">Neues Spiel</button>
                 <button onclick="showHighscores()">Highscores</button>
+                <button onclick="showRules()">Regeln</button>
                 <button onclick="takeScreenshot()">Screenshot</button>
                 <button onclick="showGiveUpConfirmation()" class="give-up-btn">Aufgeben</button>
             </div>
@@ -390,6 +391,10 @@
                     <li>Wenn der Kartenstapel leer ist, können die Karten vom Ablagestapel wieder verwendet werden</li>
                     <li>Bei vorzeitiger Aufgabe des Spiels werden die erspielten Punkte halbiert</li>
                 </ul>
+                <div style="margin-top: 15px; display: flex; align-items: center;">
+                    <input type="checkbox" id="dontShowRulesAgain" style="margin-right: 10px;">
+                    <label for="dontShowRulesAgain">Regeln beim Start nicht mehr anzeigen</label>
+                </div>
                 <button onclick="closeRules()">Verstanden</button>
             </div>
         </div>
@@ -896,6 +901,12 @@
 
         function closeRules() {
             document.getElementById('rulesModal').classList.remove('show');
+            
+            // Prüfe, ob die Checkbox angehakt ist
+            const dontShowAgain = document.getElementById('dontShowRulesAgain').checked;
+            if (dontShowAgain) {
+                localStorage.setItem('solitaire_hide_rules', 'true');
+            }
         }
 
         function showInvalidMove() {
@@ -1021,9 +1032,16 @@
             modal.classList.add('show');
         }
 
+        // Prüfe, ob die Regeln angezeigt werden sollen
+        function shouldShowRules() {
+            return localStorage.getItem('solitaire_hide_rules') !== 'true';
+        }
+
         // Spiel initialisieren
         newGame();
-        showRules(); // Zeige Spielregeln beim Start
+        if (shouldShowRules()) {
+            showRules(); // Zeige Spielregeln beim Start nur, wenn nicht deaktiviert
+        }
     </script>
 </body>
 </html>