diff options
| author | Yuval Adam <_@yuv.al> | 2025-03-07 13:15:34 +0100 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-03-07 13:15:34 +0100 |
| commit | c1b4b14fc3f8e37f12286641d1e9c68baa72bb59 (patch) | |
| tree | e898f3544989c9fbd79d0b87159d5241db670959 /src/pages | |
| parent | a6fac18fb89d7268ac5ce1026f3bffd2e9f275a7 (diff) | |
Unify footer
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/HomePage.tsx | 34 | ||||
| -rw-r--r-- | src/pages/chart/ChartPage.tsx | 34 |
2 files changed, 36 insertions, 32 deletions
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index f7f65dd..931ccce 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -369,24 +369,26 @@ const HomePage = () => { } <footer className="footer"> - <div className="footer-content"> - <div className="footer-section"> - <h3>About Morse Code</h3> - <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p> - </div> - <div className="footer-section"> - <h3>Quick Links</h3> - <ul> - <li><Link to="/chart">Morse Code Chart</Link></li> - <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li> - </ul> + <div className="footer-unified"> + <div className="footer-sections"> + <div className="footer-section"> + <h3>About Morse Code</h3> + <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p> + </div> + <div className="footer-section"> + <h3>Quick Links</h3> + <ul> + <li><Link to="/chart">Morse Code Chart</Link></li> + <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li> + </ul> + </div> + <div className="footer-section"> + <h3>Resources</h3> + <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p> + <p>© {new Date().getFullYear()} Morse Hero</p> + </div> </div> </div> - <div className="footer-bottom"> - <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete and professional - Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p> - <p>© {new Date().getFullYear()} Morse Hero - Practice Morse Code the Fun Way</p> - </div> </footer> </div > ); diff --git a/src/pages/chart/ChartPage.tsx b/src/pages/chart/ChartPage.tsx index 0492265..1eac1ad 100644 --- a/src/pages/chart/ChartPage.tsx +++ b/src/pages/chart/ChartPage.tsx @@ -152,24 +152,26 @@ const ChartPage = () => { </div> <footer className="footer"> - <div className="footer-content"> - <div className="footer-section"> - <h3>About Morse Code</h3> - <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p> - </div> - <div className="footer-section"> - <h3>Quick Links</h3> - <ul> - <li><Link to="/">Morse Hero Game</Link></li> - <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li> - </ul> + <div className="footer-unified"> + <div className="footer-sections"> + <div className="footer-section"> + <h3>About Morse Code</h3> + <p>Morse code is a method of transmitting text as a series of on-off tones, lights, or clicks that can be understood by a skilled listener without specialized equipment.</p> + </div> + <div className="footer-section"> + <h3>Quick Links</h3> + <ul> + <li><Link to="/">Morse Hero Game</Link></li> + <li><a href="https://en.wikipedia.org/wiki/Morse_code" target="_blank" rel="noopener noreferrer">Learn More</a></li> + </ul> + </div> + <div className="footer-section"> + <h3>Resources</h3> + <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p> + <p>© {new Date().getFullYear()} Morse Hero</p> + </div> </div> </div> - <div className="footer-bottom"> - <p>Created with <a href="https://www.mastercw.com/cw.js/">CW.js</a>. For a complete and professional - Morse Code training solution visit <a href="https://www.mastercw.com">Master CW</a>.</p> - <p>© {new Date().getFullYear()} Morse Hero - Practice Morse Code the Fun Way</p> - </div> </footer> </div> ); |