EightQueens v0.4.1 - design

TODO.md

@@ -1,10 +1,5 @@
 # Future Developments
 
-* `[Easy Mode]` option:
-  show all attack paths of current queens on board
-  via change of square color.
-
-* add notice to this project from old
-  [attogram/8queens](https://github.com/attogram/8queens) repo
-
+* convert restart link into function that clears board and resets timer.
+* if Show Attack Paths is on, then also show # of squares free and # of squares under attack.
 * restart timer if solved game becomes unsolved due to queen removal

src/DidYouKnow.css

@@ -1,5 +1,7 @@
 .EightQueens-didyouknow {
     color: saddlebrown;
-    font-size: 14px;
+    font-family: "Times New Roman", serif;
+    font-size: 90%;
     margin: 5px 0 5px 0;
+    max-width: 500px;
 }

src/EightQueens.css

@@ -6,8 +6,10 @@
 }
 
 .EightQueens-header {
+  align-items: center;
   display: flex;
   flex-direction: row;
+  justify-content: center;
   margin: 0 0 5px 0;
 }
 

src/EightQueens.js

@@ -13,7 +13,7 @@ import Title from './Title.js';
 import queenUnderAttackSvg from './queenUnderAttack.svg';
 
 const gameName    = 'Eight Queens';
-const gameVersion = '0.4.0';
+const gameVersion = '0.4.1';
 const gameHome    = 'https://github.com/attogram/EightQueens';
 
 class EightQueens extends Component {

src/Status.css

@@ -1,6 +1,7 @@
 .EightQueens-status {
     font-size: 14px;
     margin: 0 20px 0 0;
+    white-space: nowrap;
 }
 
 .EightQueens-playing {