diff options
| author | Yuval Adam <_@yuv.al> | 2025-03-07 13:38:39 +0100 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-03-07 13:38:39 +0100 |
| commit | fbdf80a36d384c8d51badc80abcc97511d958e5b (patch) | |
| tree | dead4192a52723116bed4695a713cd89e7ebfae5 | |
| parent | 0a9549db44f3adff71f6cc7249a1bcdb3db5a479 (diff) | |
CLeanup homepage"
| -rw-r--r-- | src/pages/HomePage.tsx | 29 |
1 files changed, 4 insertions, 25 deletions
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index f0e1732..8797c29 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -248,35 +248,14 @@ const HomePage = () => { <div className="cta-container"> <button id="startButton" className="start-button" onClick={startGame}> - Start Playing - <span className="button-morse">· − · − ·</span> - </button> - <button className="how-to-play-button" onClick={() => setShowHowToPlay(!showHowToPlay)}> - {showHowToPlay ? 'Hide Instructions' : 'How to Play'} + Start Game </button> + <div className="chart-link"> + <Link to="/chart">View Morse Code Chart</Link> + </div> </div> - {showHowToPlay && ( - <div className="how-to-play"> - <h3>How to Play Morse Hero</h3> - <ol> - <li>Listen to the Morse code sound played</li> - <li>Select the correct character from the four options</li> - <li>Use keyboard keys that match the displayed characters for faster play</li> - <li>Enable hints if you need help seeing the Morse patterns</li> - <li>Adjust the speed to match your skill level</li> - </ol> - <div className="morse-fact"> - <h4>Did You Know?</h4> - <p>Morse code was developed by Samuel Morse and Alfred Vail in the 1830s and revolutionized long-distance communication.</p> - </div> - </div> - )} - - <div className="chart-link"> - <Link to="/chart">View Morse Code Chart</Link> - </div> <div className="feature-grid"> <div className="feature-item"> |