-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
177 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,19 +1,45 @@ | ||
| const Footer = () => { | ||
| return ( | ||
| "use client"; | ||
| import { Link, useMatch, useResolvedPath } from "react-router-dom" | ||
| import { Footer } from "flowbite-react"; | ||
| import Lvtc from "../lvtcw-letters.png" | ||
|
|
||
| <div className="container"> | ||
| <footer className="py-3 my-4"> | ||
| <ul className="nav justify-content-center border-bottom pb-3 mb-3"> | ||
| <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Home</a></li> | ||
| <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Features</a></li> | ||
| <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">Pricing</a></li> | ||
| <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">FAQs</a></li> | ||
| <li className="nav-item"><a href="#" className="nav-link px-2 text-body-secondary">About</a></li> | ||
| </ul> | ||
| <p className="text-center text-body-secondary">© 2024 Company, Inc</p> | ||
| </footer> | ||
| </div> | ||
| export function FooterNew() { | ||
| return ( | ||
| <Footer container> | ||
| <div className="w-full text-center bg-dark"> | ||
| <div className="w-full justify-between sm:flex sm:items-center sm:justify-between"> | ||
| <div className="ms-5 mt-3"> | ||
| <Footer.Brand | ||
| href="https://github.com/mpcgt/levetica" | ||
| src={Lvtc} | ||
| alt="Levetica Logo" | ||
| /> | ||
| </div> | ||
| <Footer.LinkGroup> | ||
| <FooterLink to="/"><i className="fa-solid fa-house"></i> Accueil</FooterLink> | ||
| <FooterLink to="/products"><i className="fa-solid fa-book"></i> Outils</FooterLink> | ||
| <FooterLink to="/articles"><i className="fa-solid fa-newspaper"></i> Articles</FooterLink> | ||
| <FooterLink to="/about"><i className="fa-solid fa-circle-info"></i> À propos</FooterLink> | ||
| <FooterLink to="https://github.com/mpcgt/levetica" target="_blank"><i className="fa-brands fa-github"></i> GitHub</FooterLink> | ||
| </Footer.LinkGroup> | ||
| </div> | ||
| <Footer.Divider /> | ||
| </div> | ||
| </Footer> | ||
| ); | ||
| }; | ||
| } | ||
|
|
||
| function FooterLink({ to, children, ...props }) { | ||
| const resolvedPath = useResolvedPath(to) | ||
| const isActive = useMatch({ path: resolvedPath.pathname, end: true }) | ||
|
|
||
| return ( | ||
| <li className={isActive ? "active" : ""}> | ||
| <Link to={to} {...props}> | ||
| {children} | ||
| </Link> | ||
| </li> | ||
| ) | ||
| } | ||
|
|
||
| export default Footer; | ||
| export default FooterNew |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
|
|
||
| "use client"; | ||
|
|
||
| import { Button, Card } from "flowbite-react"; | ||
|
|
||
| export function cardvscode() { | ||
| return ( | ||
| <Card className="max-w-sm"> | ||
| <h5 className="text-2xl font-bold tracking-tight text-gray-900 dark:text-white"> | ||
| Noteworthy technology acquisitions 2021 | ||
| </h5> | ||
| <p className="font-normal text-gray-700 dark:text-gray-400"> | ||
| Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order. | ||
| </p> | ||
| <Button> | ||
| Read more | ||
| <svg className="-mr-1 ml-2 h-4 w-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> | ||
| <path | ||
| fillRule="evenodd" | ||
| d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" | ||
| clipRule="evenodd" | ||
| /> | ||
| </svg> | ||
| </Button> | ||
| </Card> | ||
| ); | ||
| } | ||
|
|
||
| export default cardvscode |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,76 @@ | ||
| function Themes() { | ||
| return ( | ||
| <div className="dropdown position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle"> | ||
| <button | ||
| className="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" | ||
| id="bd-theme" | ||
| type="button" | ||
| aria-expanded="false" | ||
| data-bs-toggle="dropdown" | ||
| aria-label="Toggle theme (auto)" | ||
| > | ||
| <svg className="bi my-1 theme-icon-active" width="1em" height="1em"> | ||
| <use href="#circle-half"></use> | ||
| </svg> | ||
| <span className="visually-hidden" id="bd-theme-text"> | ||
| Toggle theme | ||
| </span> | ||
| </button> | ||
| <ul | ||
| className="dropdown-menu dropdown-menu-end shadow" | ||
| aria-labelledby="bd-theme-text" | ||
| > | ||
| <li> | ||
| <button | ||
| type="button" | ||
| className="dropdown-item d-flex align-items-center" | ||
| data-bs-theme-value="light" | ||
| aria-pressed="false" | ||
| > | ||
| <svg className="bi me-2 opacity-50" width="1em" height="1em"> | ||
| <use href="#sun-fill"></use> | ||
| </svg> | ||
| Light | ||
| <svg className="bi ms-auto d-none" width="1em" height="1em"> | ||
| <use href="#check2"></use> | ||
| </svg> | ||
| </button> | ||
| </li> | ||
| <li> | ||
| <button | ||
| type="button" | ||
| className="dropdown-item d-flex align-items-center" | ||
| data-bs-theme-value="dark" | ||
| aria-pressed="false" | ||
| > | ||
| <svg className="bi me-2 opacity-50" width="1em" height="1em"> | ||
| <use href="#moon-stars-fill"></use> | ||
| </svg> | ||
| Dark | ||
| <svg className="bi ms-auto d-none" width="1em" height="1em"> | ||
| <use href="#check2"></use> | ||
| </svg> | ||
| </button> | ||
| </li> | ||
| <li> | ||
| <button | ||
| type="button" | ||
| className="dropdown-item d-flex align-items-center active" | ||
| data-bs-theme-value="auto" | ||
| aria-pressed="true" | ||
| > | ||
| <svg className="bi me-2 opacity-50" width="1em" height="1em"> | ||
| <use href="#circle-half"></use> | ||
| </svg> | ||
| Auto | ||
| <svg className="bi ms-auto d-none" width="1em" height="1em"> | ||
| <use href="#check2"></use> | ||
| </svg> | ||
| </button> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default Themes; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters