diff --git a/html/static/styles.css b/html/static/styles.css
index 6bd69c8..b5c5059 100644
--- a/html/static/styles.css
+++ b/html/static/styles.css
@@ -7,6 +7,16 @@ body {
background-color: black;
}
+h1 {
+ color: white;
+ text-align: center;
+ font-size: 60px;
+}
+
+h2 {
+ font-size: 40px;
+}
+
.setup {
text-align: center;
color: white;
@@ -14,6 +24,7 @@ body {
.setup ul {
list-style-type: none;
+ padding: 0;
}
.setup li {
diff --git a/src/components/App.jsx b/src/components/App.jsx
index 02488aa..9f9fac1 100644
--- a/src/components/App.jsx
+++ b/src/components/App.jsx
@@ -21,17 +21,20 @@ export const App = () => {
console.log(correct)
- return <>{ wordLength === null ?
- :
- setWordLength(null)}
- numberOfGuesses={numberOfGuesses}
- availableWords={availableWords}
- correctWord={correct}
- />
- }>
+ return <>
+ x86-64 Wordle
+ { wordLength === null ?
+ :
+ setWordLength(null)}
+ numberOfGuesses={numberOfGuesses}
+ availableWords={availableWords}
+ correctWord={correct}
+ />
+ }
+ >
};
\ No newline at end of file
diff --git a/src/components/SetupScreen.jsx b/src/components/SetupScreen.jsx
index 07ee905..445d9a6 100644
--- a/src/components/SetupScreen.jsx
+++ b/src/components/SetupScreen.jsx
@@ -11,7 +11,7 @@ export const SetupScreen = ({dictionary, selectLength}) => {
.map(length => [length, lengthsMap[length].length]);
return
-
Select word length
+
Select word length
{lengths.map(([length, numberOfWordsWithLength]) =>
- selectLength(parseInt(length))}>