From a2bc1e68ee24f37681af673643f7c1da036362cc Mon Sep 17 00:00:00 2001 From: Brunobrno Date: Wed, 10 Dec 2025 03:24:31 +0100 Subject: [PATCH] Refactor footer and remove unused pages Updated the footer component and its styles for improved layout and clarity, including new contact and service sections. Removed unused pages: DonateShopPage, SkillsPage, and related CSS/JS files, and cleaned up routing in App.tsx. Also streamlined Home.module.css by merging introduction styles and removing redundant imports. --- frontend/src/App.tsx | 4 - .../src/components/Footer/footer.module.css | 94 ++++- frontend/src/components/Footer/footer.tsx | 83 +++-- frontend/src/pages/donate/DonateShopPage.tsx | 4 - frontend/src/pages/home/Home.module.css | 338 ++++++++---------- frontend/src/pages/home/introduction.css | 194 ---------- frontend/src/pages/home/jquery-3.7.1.js | 2 - frontend/src/pages/skills/SkillsPage.tsx | 4 - 8 files changed, 274 insertions(+), 449 deletions(-) delete mode 100644 frontend/src/pages/donate/DonateShopPage.tsx delete mode 100644 frontend/src/pages/home/introduction.css delete mode 100644 frontend/src/pages/home/jquery-3.7.1.js delete mode 100644 frontend/src/pages/skills/SkillsPage.tsx diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index d221675..ed9ca45 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -7,9 +7,7 @@ import { UserContextProvider } from "./context/UserContext"; // Pages import PortfolioPage from "./pages/portfolio/PortfolioPage"; -import SkillsPage from "./pages/skills/SkillsPage"; import HostingSecurityPage from "./pages/hosting/HostingSecurityPage"; -import DonateShopPage from "./pages/donate/DonateShopPage"; import ContactPage from "./pages/contact/ContactPage"; import ScrollToTop from "./components/common/ScrollToTop"; @@ -23,9 +21,7 @@ export default function App() { }> } /> } /> - } /> } /> - } /> } /> {/* Utilities */} diff --git a/frontend/src/components/Footer/footer.module.css b/frontend/src/components/Footer/footer.module.css index 54d7228..4881c0f 100644 --- a/frontend/src/components/Footer/footer.module.css +++ b/frontend/src/components/Footer/footer.module.css @@ -1,16 +1,12 @@ footer a{ color: var(--c-text); text-decoration: none; -} -footer a i{ color: white; - text-decoration: none; -} -footer a:hover i{ - color: var(--c-text); - text-decoration: none; + } footer{ + padding: 2em; + font-family: "Roboto Mono", monospace; background-color: var(--c-boxes); @@ -19,16 +15,85 @@ footer{ display: flex; color: white; - align-items: center; + align-items: flex-start; justify-content: space-evenly; } -footer address{ - padding: 1em; - font-style: normal; -} -footer .contacts{ - font-size: 2em; +footer .logo{ + font-size: 3em; + transition: all 0.3s ease-in-out; + + &:hover{ + text-shadow: 0.25em 0.25em 0.2em var(--c-text); + } +} +footer address{ + display: flex; + flex-direction: column; + align-items: flex-start; + + font-size: 1.2em; + font-style: normal; + gap: 0.2em; +} +footer address h2{ + font-size: 1.5em; +} +footer address p{ + display: flex; + flex-direction: row; + align-items: center; + gap: 1em; +} +footer address p > svg{ + font-size: 1.2em; +} +footer address a{ + display: inline-block; + color: var(--c-text); +} + + +footer .services{ + display: flex; + flex-direction: column; + align-items: flex-start; + + font-size: 1.2em; + font-style: normal; + gap: 0.2em; +} +footer .services h2{ + font-size: 1.5em; +} +footer .services p{ + display: flex; + flex-direction: row; + align-items: center; + gap: 1em; +} +footer .services p > svg{ + font-size: 1.2em; +} +footer .services a{ + display: inline-block; + color: var(--c-text); +} + +footer .links{ + margin-top: 0.5em; + font-size: 2em; + display: flex; + flex-direction: row; + justify-content: space-around; + gap: 0.8em; + +} +footer .links a{ + transition: all 0.2s ease-in-out; + &:hover{ + transform: scale(1.5); + } } @media only screen and (max-width: 990px){ @@ -36,5 +101,6 @@ footer .contacts{ flex-direction: column; padding-bottom: 1em; padding-top: 1em; + gap: 2em; } } \ No newline at end of file diff --git a/frontend/src/components/Footer/footer.tsx b/frontend/src/components/Footer/footer.tsx index 2608d40..2ba49a8 100644 --- a/frontend/src/components/Footer/footer.tsx +++ b/frontend/src/components/Footer/footer.tsx @@ -1,44 +1,55 @@ -import { FaGithub, FaInstagram, FaYoutube, FaLinkedin, FaSteam, FaXTwitter } from "react-icons/fa6"; +import { FaGitAlt , FaInstagram, FaYoutube, FaLinkedin, FaSteam, FaXTwitter, FaClapperboard } from "react-icons/fa6"; +import { FaPhoneAlt, FaEnvelope, FaTeamspeak, FaGlobe } from "react-icons/fa"; +import { GiAutoRepair } from "react-icons/gi"; + +import styles from "./footer.module.css"; export default function Footer() { return ( -