diff --git a/src/App.css b/src/App.css
index f6a72c4..325af74 100644
--- a/src/App.css
+++ b/src/App.css
@@ -237,6 +237,7 @@ a:active {
.Settings-setting label {
margin-inline-start: 8px;
+ margin-inline-end: 8px;
}
.top-right {
diff --git a/src/App.tsx b/src/App.tsx
index 252ecfc..b30c53a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,6 +35,11 @@ function App() {
const [dark, setDark] = useSetting("dark", prefersDark);
const [colorBlind, setColorBlind] = useSetting("colorblind", false);
const [difficulty, setDifficulty] = useSetting("difficulty", 0);
+ const [keyboard, setKeyboard] = useSetting(
+ "keyboard",
+ "qwertyuiop-asdfghjkl-BzxcvbnmE"
+ );
+ const [enterLeft, setEnterLeft] = useSetting("enter-left", false);
useEffect(() => {
document.body.className = dark ? "dark" : "";
@@ -131,7 +136,6 @@ function App() {
/>
-
{["Normal", "Hard", "Ultra Hard"][difficulty]}
+
+
+
+ setEnterLeft((x: boolean) => !x)}
+ />
+
+
)}
(enterLeft ? "EB" : "BE")["BE".indexOf(x)]
+ )}
/>
);
diff --git a/src/Game.tsx b/src/Game.tsx
index 560bdbd..89a63b8 100644
--- a/src/Game.tsx
+++ b/src/Game.tsx
@@ -26,6 +26,7 @@ interface GameProps {
hidden: boolean;
difficulty: Difficulty;
colorBlind: boolean;
+ keyboardLayout: string;
}
const targets = targetList.slice(0, targetList.indexOf("murky") + 1); // Words no rarer than this one
@@ -281,7 +282,11 @@ function Game(props: GameProps) {
>
{hint || `\u00a0`}
-
+
{gameState !== GameState.Playing && (