Ensure board is flipped when starting a game as dark, move some constants to environment variables, minor frontend changes:

5 files changed, 17 insertions, 11 deletions

diff --git a/front/src/routes/auth_successful.jsx b/front/src/routes/auth_successful.jsx
index 7c66587..7a20eae 100644
--- a/front/src/routes/auth_successful.jsx
+++ b/front/src/routes/auth_successful.jsx
@@ -24,16 +24,10 @@ export const AuthSuccessful = () => {
     return (
       <>
         <h3>Hello there, {player?.username || ""}! </h3>
-        <div>
-          <span> If you have not already done so: </span>
-          <Link to="/keys" className="button">
-            Add a Public Key
-          </Link>
-        </div>
-        <br />
+        <p>You've successfully been authenticated.</p>
         <div>
           <Link to="/home" className="button">
-            Go Home
+            Get Started
           </Link>
         </div>
       </>
diff --git a/front/src/routes/demo.jsx b/front/src/routes/demo.jsx
index b1a2f88..57d3ce4 100644
--- a/front/src/routes/demo.jsx
+++ b/front/src/routes/demo.jsx
@@ -6,7 +6,6 @@ import "asciinema-player/dist/bundle/asciinema-player.css";
 
 const demoProps = {
   theme: "tango",
-  startAt: 12,
   autoPlay: true,
 };
 
diff --git a/front/src/routes/home.jsx b/front/src/routes/home.jsx
index baccb5f..0660a72 100644
--- a/front/src/routes/home.jsx
+++ b/front/src/routes/home.jsx
@@ -49,6 +49,19 @@ export const Home = () => {
               codeBlock
             />
           </div>
+          <div>
+            <li>Finally, play chess!</li>
+            <p>Ideally, keeping the following contols in mind:</p>
+            <ul>
+              <li>Ctrl + b / Escape to return to the main menu.</li>
+              <li>Ctrl + c / Ctrl + d to exit at any point.</li>
+              <li>Arrow keys to move around the board.</li>
+              <li>
+                Select a piece with "enter", and move it to a square by pressing
+                "enter" again.
+              </li>
+            </ul>
+          </div>
         </ol>
       </>
     );
diff --git a/front/src/routes/keys.jsx b/front/src/routes/keys.jsx
index 4dee1ce..5b50fa9 100644
--- a/front/src/routes/keys.jsx
+++ b/front/src/routes/keys.jsx
@@ -20,7 +20,7 @@ const KeyCard = ({ onDelete, props }) => {
   const deleteThisKey = () => {
     if (
       window.confirm(
-        "Are you sure? This will close all your current ssh sessions."
+        "Are you sure? This will close all your currently opened ssh sessions."
       )
     ) {
       fetch(`/api/keys/${id}`, {
diff --git a/front/src/routes/password.jsx b/front/src/routes/password.jsx
index 11fb775..4203f94 100644
--- a/front/src/routes/password.jsx
+++ b/front/src/routes/password.jsx
@@ -21,7 +21,7 @@ export const Password = () => {
   const deletePassword = () => {
     if (
       window.confirm(
-        "Are you sure? This will close all your current ssh sessions."
+        "Are you sure? This will close all your currently opened ssh sessions."
       )
     ) {
       fetch(`/api/player/token/password`, {