chore: rebrand navbar + footer — tadpole logo, retrait Boutique nav, copyright Tetardtek

- Logo bretzel → tadpole.svg (navbar + footer)
- Retrait lien Boutique de la navigation (page conservée, masquée)
- Footer : texte Clickerz, GitHub Kevin T seul, © 2026 Tetardtek · Powered by Brain
This commit is contained in:
2026-03-20 14:24:26 +01:00
parent 5323ad056e
commit 0374602047
4 changed files with 26 additions and 63 deletions

View File

@@ -2,56 +2,26 @@ import "../scss/components/footer.scss";
import { NavLink as Link } from "react-router-dom"; import { NavLink as Link } from "react-router-dom";
import CardContact from "./cardsContact/CardContact"; import CardContact from "./cardsContact/CardContact";
const infoDev = [
{
id: "1",
name: "Alix C",
gitHub: "https://github.com/Halicksse",
},
{
id: "2",
name: "Sebatien L",
gitHub: "https://github.com/Lambseb",
},
{
id: "3",
name: "Baptiste S",
gitHub: "https://github.com/Batsave",
},
{
id: "4",
name: "Kevin T",
gitHub: "https://github.com/tetardtek",
},
{
id: "5",
name: "Nicolas DF",
gitHub: "https://github.com/Defreitasnicolas",
},
];
export default function Footer() { export default function Footer() {
return ( return (
<footer className="footer"> <footer className="footer">
<div className="footer-container"> <div className="footer-container">
<Link <Link
to="/#home" to="/"
className="footer-logo" className="footer-logo"
alt="Logo" aria-label="Logo Clickerz"
aria-label="Logo Officiel" title="Aller à la page daccueil"
title="Aller à la page d'accueil"
/> />
<div className="section"> <div className="section">
<p className="section-title">A Propos</p> <p className="section-title">A Propos</p>
<p className="section-text"> <p className="section-text">
Ce site est un prototype d'exercice développé lors d'un Hackathon Clickerz fais éclore des têtards, construis ton empire et domine
dans le cadre dune formation de Développeur Web et Mobile au sein le marais.
de la Wild Code School sur le campus Remote de Septembre 2023.
</p> </p>
</div> </div>
<div className="section"> <div className="section">
<p className="section-title">Légale</p> <p className="section-title">Légal</p>
<ul className="section-list"> <ul className="section-list">
<li className="section-item"> <li className="section-item">
<Link <Link
@@ -66,18 +36,17 @@ export default function Footer() {
Cookies Cookies
</Link> </Link>
</li> </li>
<li className="section-item"></li>
</ul> </ul>
</div> </div>
<div className="spacing" /> <div className="spacing" />
</div> </div>
<div className="footer-section"> <div className="footer-section">
<div className="cardContactContainer"> <div className="cardContactContainer">
{infoDev.map((info) => ( <CardContact name="Kevin T" gitHub="https://github.com/tetardtek" />
<CardContact key={info.id} name={info.name} gitHub={info.gitHub} />
))}
</div> </div>
<p className="copyright">© 2023 | TrueQuiLeaks. Tous droits réservés.</p> <p className="copyright">
© 2026 Tetardtek · Powered by Brain
</p>
</div> </div>
</footer> </footer>
); );

View File

@@ -5,12 +5,6 @@
"linkurl": "/jeu", "linkurl": "/jeu",
"btn": false "btn": false
}, },
{
"id": "2",
"linkname": "Boutique",
"linkurl": "/boutique",
"btn": false
},
{ {
"id": "3", "id": "3",
"linkname": "Succès", "linkname": "Succès",

View File

@@ -22,7 +22,7 @@
} }
.footer-logo { .footer-logo {
background-image: url(/svg/logo.svg); background-image: url(/svg/tadpole.svg);
background-size: contain; background-size: contain;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@@ -22,7 +22,7 @@
} }
.logo { .logo {
width: 5rem; width: 5rem;
content: url(/svg/logo.svg); content: url(/svg/tadpole.svg);
transition: 0.2s; transition: 0.2s;
&:hover { &:hover {