From 619c893517497ad289c1d8ad95bf5c1e59547a04 Mon Sep 17 00:00:00 2001 From: sigmasternchen 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 ? - : - 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))}>