feat: modified

jmargrove · Apr 16, 2018 · accc318 · accc318
1 parent c2d0607
commit accc318
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -20,7 +20,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>nRooks & nQueens</title>
   </head>
   <body>
     <noscript>

diff --git a/src/App.css b/src/App.css
@@ -199,3 +199,43 @@ h1 {
     font-size: 20px;
   }
 }
+
+.BTLtile {
+  position: relative;
+  float: right;
+  width: 20%;
+  height: 20%;
+  transform: rotate(270deg);
+}
+
+.BTRtile {
+  background-color: yellow;
+  position: relative;
+  float: left;
+  width: 20%;
+  height: 20%;
+  transform: rotate(180deg);
+}
+
+.BBRtile {
+  background-color: red;
+  position: relative;
+  float: left;
+  width: 20%;
+  height: 20%;
+  /* transform: rotate(180deg); */
+}
+.BBLtile {
+  background-color: blue;
+  position: relative;
+  float: left;
+  width: 20%;
+  height: 20%;
+  transform: rotate(90deg);
+}
+
+.image {
+  width: 100%;
+  height: 100%;
+  background-size: contain;
+}
diff --git a/src/App.js b/src/App.js
@@ -9,7 +9,7 @@ class App extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      tileColor: ["black", "white"],
+      tileColor: ["rgba(0, 0, 0, 0.7)", "rgba(255, 255, 255, 0.7)"],
       allRes: null,
       solutionNumber: 0,
       displaySolution: null,

diff --git a/src/components/Board.js b/src/components/Board.js
@@ -92,9 +92,10 @@ class Board extends Component {
     return {
       width: this.state.tileDim,
       height: this.state.tileDim,
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
+      display: "grid",
+      grid: "repeat(2, 60px) / auto-flow 80px",
+      // justifyContent: "center",
+      // alignItems: "center",
       backgroundColor: this.sortingTheTileColor(el, i, dim)
     };
   }

diff --git a/src/embelishment.svg b/src/embelishment.svg
diff --git a/src/gothicTile.jpg b/src/gothicTile.jpg