body.html
Changed around line 1
+
+
Sudoku Tricks
+
Master Sudoku with live playing tricks and strategies
+
+
+
+
+
Welcome to Sudoku Tricks
+
Improve your Sudoku skills with our interactive guide. Learn essential techniques and watch live examples to solve puzzles faster and more efficiently.
+
+
+
+
Live Sudoku Tricks
+
+
+
Single Candidate
+
Find cells with only one possible number.
+
+
+
+
Naked Pair
+
Identify pairs of numbers that eliminate possibilities in other cells.
+
+
+
+
Hidden Single
+
Discover numbers that can only fit in one cell within a row, column, or box.
+
+
+
+
+
+
+
Live Example
+
+
+
+
+
+
+
Practice makes perfect. Keep solving!
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://sudokutricks.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Sudoku Tricks - Improve Your Sudoku Skills
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # sudokutricks.scroll.pub
+ Website generated by DeepSeek from prompt: Create a site to help me improve in sudoku by showing live playing tricks.
script.js
Changed around line 1
+ function showExample(trickId) {
+ const exampleBoard = document.getElementById('example-board');
+ const exampleDescription = document.getElementById('example-description');
+ exampleBoard.innerHTML = '';
+ let description = '';
+
+ switch (trickId) {
+ case 'single-candidate':
+ description = 'This example shows how to identify cells with only one possible number.';
+ // Example grid for single candidate
+ for (let i = 0; i < 81; i++) {
+ const cell = document.createElement('div');
+ if (i === 40) {
+ cell.textContent = '5';
+ cell.style.backgroundColor = '#d4edda';
+ }
+ exampleBoard.appendChild(cell);
+ }
+ break;
+ case 'naked-pair':
+ description = 'This example demonstrates how to find and use naked pairs to eliminate possibilities.';
+ // Example grid for naked pair
+ for (let i = 0; i < 81; i++) {
+ const cell = document.createElement('div');
+ if (i === 10 || i === 11) {
+ cell.textContent = '2 3';
+ cell.style.backgroundColor = '#d4edda';
+ }
+ exampleBoard.appendChild(cell);
+ }
+ break;
+ case 'hidden-single':
+ description = 'This example illustrates how to find hidden singles in rows, columns, or boxes.';
+ // Example grid for hidden single
+ for (let i = 0; i < 81; i++) {
+ const cell = document.createElement('div');
+ if (i === 60) {
+ cell.textContent = '7';
+ cell.style.backgroundColor = '#d4edda';
+ }
+ exampleBoard.appendChild(cell);
+ }
+ break;
+ }
+
+ exampleDescription.textContent = description;
+ }
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f4;
+ color: #333;
+ }
+
+ header {
+ background-color: #4CAF50;
+ color: white;
+ padding: 20px 0;
+ text-align: center;
+ }
+
+ header h1 {
+ margin: 0;
+ font-size: 2.5em;
+ }
+
+ header p {
+ margin: 5px 0 0;
+ font-size: 1.2em;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ color: #4CAF50;
+ font-size: 2em;
+ margin-bottom: 10px;
+ }
+
+ .trick-container {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 20px;
+ }
+
+ .trick {
+ background-color: white;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ flex: 1 1 calc(33.333% - 40px);
+ text-align: center;
+ }
+
+ .trick h3 {
+ margin-top: 0;
+ color: #4CAF50;
+ }
+
+ .trick p {
+ font-size: 0.9em;
+ color: #666;
+ }
+
+ .trick button {
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ border-radius: 5px;
+ cursor: pointer;
+ margin-top: 10px;
+ }
+
+ .trick button:hover {
+ background-color: #45a049;
+ }
+
+ #example-board {
+ display: grid;
+ grid-template-columns: repeat(9, 1fr);
+ gap: 5px;
+ margin: 20px auto;
+ max-width: 450px;
+ }
+
+ #example-board div {
+ background-color: white;
+ border: 1px solid #ccc;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 50px;
+ font-size: 1.2em;
+ }
+
+ #example-description {
+ text-align: center;
+ font-size: 1.1em;
+ color: #666;
+ }
+
+ footer {
+ background-color: #333;
+ color: white;
+ text-align: center;
+ padding: 10px 0;
+ margin-top: 40px;
+ }
+
+ @media (max-width: 768px) {
+ .trick {
+ flex: 1 1 100%;
+ }
+ }