From 7d146d41baa7c518b963b7eef8f1124bd7c4a5fb Mon Sep 17 00:00:00 2001 From: HaudinFlorence Date: Fri, 16 Aug 2024 23:53:26 +0200 Subject: [PATCH 1/5] Define a custom footer. --- docusaurus.config.ts | 5 +- src/components/home/Footer.tsx | 69 +++++++++++++++++++++++++++ src/components/home/styles.module.css | 7 +++ src/css/custom.css | 6 +-- src/pages/index.tsx | 3 ++ 5 files changed, 83 insertions(+), 7 deletions(-) create mode 100644 src/components/home/Footer.tsx diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 5e84a6a94..18facf28f 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -131,7 +131,7 @@ const config: Config = { ], }, - footer: { + /*footer: { links: [ { title: " ", @@ -214,8 +214,7 @@ const config: Config = { ], copyright: copyright, - }, - + },*/ colorMode: { defaultMode: 'light', diff --git a/src/components/home/Footer.tsx b/src/components/home/Footer.tsx new file mode 100644 index 000000000..373d1c781 --- /dev/null +++ b/src/components/home/Footer.tsx @@ -0,0 +1,69 @@ +import Link from "@docusaurus/Link"; +import styles from "./styles.module.css"; +import GHPicture from "@site/static/img/socialmedias/GH.svg"; +import LinkedInPicture from "@site/static/img/socialmedias/LinkedIn.svg"; +import XPicture from "@site/static/img/socialmedias/X.svg"; +import AstronautPicture from "@site/static/img/quantstack/astronaut-footer.svg"; + +export default function Footer() { + return ( +
+
+
+
+ +
+ +
+
+ +
+ Menu
+
    +
  • + Home +
    • +
  • + Projects +
    • +
  • + About us +
    • +
  • + Services +
    • +
  • + Careers +
    • +
  • + Blog +
    • +
+
+ +
+
+ {} + + {} + + {} +
+
+ QuantStack office
+ 16, avenue Curti
+ 94100 Saint-Maur-des-Fossés
+ France +
+
+
+
+ Copyright © 2024 · QuantStack website · Built with Docusaurus +
+
+ ); +} diff --git a/src/components/home/styles.module.css b/src/components/home/styles.module.css index dd56629a1..b52fc4150 100644 --- a/src/components/home/styles.module.css +++ b/src/components/home/styles.module.css @@ -1,3 +1,10 @@ +.footer_container { + background-color: var(--ifm-color-primary-p1); + display: flex; + align-items: center; + justify-content: center; +} + @media only screen and (max-width: 996px) { /*Mobile*/ .link_to { diff --git a/src/css/custom.css b/src/css/custom.css index 600c375fe..e1b87ce65 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -148,10 +148,8 @@ ul { .footer-astronaut { display: flex; - text-align: left; - margin-right: var(--ifm-spacing-lg); - width: 200px; - height: 200px; + width: 35px; + height: 35px; padding: 10px; } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 3ac761a41..fc187e03d 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -2,12 +2,15 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import Layout from "@theme/Layout"; import Home from "../components/home/Home"; import BrowserOnly from "@docusaurus/BrowserOnly"; +import Footer from "../components/home/Footer"; export default function QSWebsite(): JSX.Element { const { siteConfig } = useDocusaurusContext(); return ( {() => } +