diff --git a/src/App.tsx b/src/App.tsx index 028f4e5..ca867c1 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -5,9 +5,77 @@ import { useState } from "react"; import { Row, RowState } from "./Row"; import { Clue } from "./clue"; +const maxGuesses = 6; + +function About() { + return ( +
+

+ hello wordl is a remake of the word game{" "} + + Wordle + {" "} + by powerlanguage, which + I think is based on the TV show Lingo. +

+

+ You get {maxGuesses} tries to guess a target word. +
+ After each guess, you get Mastermind-style feedback: +

+ +

+ W and O aren't in the target word at all. +
+ R is correct! The third letter is R + .
+ D occurs elsewhere in the target word. +

+

+ Let's move the D in our next guess: +

+ +

So close!

+ +

Got it!

+

+ Report issues{" "} + here, or tweet{" "} + @chordbug. +

+
+ ); +} + function App() { const [about, setAbout] = useState(false); - const maxGuesses = 6; return (

hello wordl

@@ -29,69 +97,7 @@ function App() { {seed ? "Random" : "Today's"}
- {about && ( -
-

- hello wordl is a remake of the word game{" "} - - Wordle - - , which I think is based on the TV show Lingo. -

-

- You get {maxGuesses} tries to guess a target word. -
- After each guess, you get Mastermind-style feedback: -

-

- -

-

- W and O aren't in the target word at all. -
- R is correct! The third letter is R - .
- D occurs elsewhere in the target word. -

-

- Let's move the D in our next guess: - - So close! - - Got it! -

- Report issues{" "} - here, or - tweet @chordbug. -
- )} + {about && }