Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Polish Chessboard Repaint Puzzle - consolidate rules text and add parity spoiler

Browse source
This commit is contained in:
Neeldhara Misra 2025-07-22 10:44:38 +05:30
parent 0cdcfe3a2e
commit bb8c3ef58d
1 changed files with 5 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/ChessboardRepaintPuzzle.tsx
View file

@ -367,12 +367,7 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
<div className="space-y-6 text-sm"> <div className="space-y-6 text-sm">
<div> <div>
<h4 className="font-semibold mb-2 text-lg">Objective</h4> <h4 className="font-semibold mb-2 text-lg">Objective</h4>
<p className="text-gray-700">Repaint the chessboard to achieve exactly one black square.</p> <p className="text-gray-700">You start with a standard 8×8 chessboard with alternating black and white squares. Repaint the chessboard to achieve exactly one black square.</p>
</div>
<div>
<h4 className="font-semibold mb-2 text-lg">Initial Setup</h4>
<p className="text-gray-700">You start with a standard 8×8 chessboard with alternating black and white squares.</p>
</div> </div>
<div> <div>
@ -382,17 +377,15 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
<li><strong>Repaint a row:</strong> Click any square in the rightmost column to flip all squares in that entire row.</li> <li><strong>Repaint a row:</strong> Click any square in the rightmost column to flip all squares in that entire row.</li>
<li><strong>Repaint a column:</strong> Click any square in the bottom row to flip all squares in that entire column.</li> <li><strong>Repaint a column:</strong> Click any square in the bottom row to flip all squares in that entire column.</li>
<li><strong>Bottom-right corner:</strong> Hover for 3 seconds to switch between row and column mode.</li> <li><strong>Bottom-right corner:</strong> Hover for 3 seconds to switch between row and column mode.</li>
<li><strong>Preview:</strong> Hover over any square to see which squares will be affected (highlighted with red border).</li> <li><strong>Preview:</strong> Hover over any square to see which squares will be affected.</li>
<li><strong>Goal:</strong> Achieve exactly one black square on the entire board.</li>
</ol> </ol>
</div> </div>
<div> <div>
<h4 className="font-semibold mb-2 text-lg">Rules</h4> <h4 className="font-semibold mb-2 text-lg">Rules</h4>
<ul className="list-disc list-inside space-y-2 ml-4 text-gray-700"> <ul className="list-disc list-inside space-y-2 ml-4 text-gray-700">
<li>You can repaint any row, any column, or any 2×2 square</li> <li>You can repaint any row, any column, or any 2×2 square; each click counts as one move.</li>
<li>Each click counts as one move</li> <li>The puzzle is solved when exactly one square is black.</li>
<li>The puzzle is solved when exactly one square is black</li>
<li>Try to solve it in as few moves as possible!</li> <li>Try to solve it in as few moves as possible!</li>
</ul> </ul>
</div> </div>
@ -444,7 +437,7 @@ const ChessboardRepaintPuzzle: React.FC<ChessboardRepaintPuzzleProps> = ({ showS
{/* Attribution */} {/* Attribution */}
<div className="pt-4 border-t border-outline"> <div className="pt-4 border-t border-outline">
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
This puzzle explores the fascinating concept of parity and how different operations affect the overall state of a system. ⚠️ Spoiler: This solution to this puzzle leverages a parity-based invariant.
</p> </p>
</div> </div>