up

src/content/equatives/habitual-equative.mdx

@@ -16,6 +16,10 @@ import EquativeFormChoice from "../../components/EquativeFormChoice";
 import Link from "../../components/Link";
 export const opts = defaultTextOptions;
 import grassBeWet from "../../images/grass-be-wet.jpg";
+import {
+    equativeGameHabitual,
+} from "../../games/games";
+import GameDisplay from "../../games/GameDisplay";
 
 In the last section we looked at the <Link to="/equatives/present-equative/">present equative</Link>, which we use to say something *is* something currently. But **we can only use the <Link to="/equatives/present-equative/">present equative</Link> for something is something *right now, at this moment***. What if we want to say that something *generally is something*?
 
@@ -127,3 +131,5 @@ Interestingly, there is also a separate [habitual equative](https://en.wikipedia
             </tbody>
         </table>
 </div>
+
+<GameDisplay record={equativeGameHabitual} />

src/content/equatives/other-equatives.mdx

@@ -27,6 +27,14 @@ import psmd from "../../lib/psmd";
 import EquativeFormChoice from "../../components/EquativeFormChoice";
 import Formula from "../../components/formula/Formula";
 import Link from "../../components/Link";
+import {
+    equativeGameSubjunctive,
+    equativeGameFuture,
+    equativeGamePast,
+    equativeGameWouldBe,
+    equativeGamePastSubjunctive,
+} from "../../games/games";
+import GameDisplay from "../../games/GameDisplay";
 
 ## Subjunctive Equative
 
@@ -138,6 +146,8 @@ This is the standard/written form of the subjunctive equative. However in many d
     },
 ])}</Examples>
 
+<GameDisplay record={equativeGameSubjunctive} />
+
 ## Future Equative
 
 This is used for:
@@ -208,6 +218,8 @@ This is used for:
     },
 ])}</Examples>
 
+<GameDisplay record={equativeGameFuture} />
+
 ## Past Equative
 
 This is used to say that something was something in the past. ("I was...")
@@ -271,6 +283,8 @@ It is usually used in the short form.
     },
 ])}</Examples>
 
+<GameDisplay record={equativeGamePast} />
+
 ## "Would be" Equative
 
 This is used to presume something about the past, to talk about something being something habitually/repeatedly in past, or to talk about the outcomes of hypothetical conditions.
@@ -352,6 +366,8 @@ Like the <Link to="#past-equative">past equative</Link> that it's based on, it's
     },
 ])}</Examples>
 
+<GameDisplay record={equativeGameWouldBe} />
+
 ## Past Subjunctive
 
 This is used to talk about something being hypothetically something, or to wish that something were something. ("If I was ...", "If only I was ..."). It is also used for prayers and blessings in some dialects.
@@ -421,3 +437,5 @@ export function WithTailChoice() {
         e: "I we had known, we wouldn't have come.",
     },
 ])}</Examples>
+
+<GameDisplay record={equativeGamePastSubjunctive} />

src/games/GameCore.tsx

@@ -129,7 +129,7 @@ function GameCore<T>({ questions, Display, timeLimit, Instructions, studyLink, i
                     colors="#555555"
                     onComplete={handleTimeOut}
                 />
-                {!finish && <button onClick={handleQuit} className="btn btn-outline-secondary btn-sm mr-2">Quit</button>}
+                <button onClick={handleQuit} className="btn btn-outline-secondary btn-sm mr-2">Quit</button>
             </div>}
             <Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 125 }} type="confetti">
                 <div className="py-3">
@@ -161,9 +161,12 @@ function GameCore<T>({ questions, Display, timeLimit, Instructions, studyLink, i
                             {finish?.answer}
                         </div>}
                         <div>
-                            <button className="btn btn-secondary my-4" onClick={handleRestart}>Try Again</button>
+                            <button className="btn btn-secondary mt-3" onClick={handleRestart}>Try Again</button>
                         </div>
                         <div>
+                            <button className="btn btn-secondary mt-3" onClick={handleQuit}>Quit</button>
+                        </div>
+                        <div onClick={() => onStartStop("stop")} className="mt-3">
                             <Link to={studyLink}>
                                 <button className="btn btn-outline-secondary"><span role="img" aria-label="">📚</span> Study more</button>
                             </Link>