From 619c893517497ad289c1d8ad95bf5c1e59547a04 Mon Sep 17 00:00:00 2001
From: sigmasternchen <git@sigma-star.io>
Date: Fri, 20 Sep 2024 22:51:36 +0200
Subject: [PATCH] feat: Add heading

---
 html/static/styles.css         | 11 +++++++++++
 src/components/App.jsx         | 29 ++++++++++++++++-------------
 src/components/SetupScreen.jsx |  2 +-
 3 files changed, 28 insertions(+), 14 deletions(-)

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 ?
-        <SetupScreen
-            dictionary={dictionary}
-            selectLength={setWordLength}
-        /> :
-        <Game
-            wordLength={wordLength}
-            reset={() => setWordLength(null)}
-            numberOfGuesses={numberOfGuesses}
-            availableWords={availableWords}
-            correctWord={correct}
-        />
-    }</>
+    return <>
+        <h1>x86-64 Wordle</h1>
+        { wordLength === null ?
+            <SetupScreen
+                dictionary={dictionary}
+                selectLength={setWordLength}
+            /> :
+            <Game
+                wordLength={wordLength}
+                reset={() => 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 <div className="setup">
-        <h1>Select word length</h1>
+        <h2>Select word length</h2>
         <ul>
         {lengths.map(([length, numberOfWordsWithLength]) =>
             <li key={length} onClick={() => selectLength(parseInt(length))}>