Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit d6f0ba2

Browse files
HaudinFlorenceHaudinFlorence
committedAug 17, 2024·
Remove default footer and propose a react component to replace it.
1 parent 34fde6e commit d6f0ba2

13 files changed

+136
-170
lines changed
 

‎docusaurus.config.ts

+5-91
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const config: Config = {
6464
title: "",
6565
logo: {
6666
alt: "QuantStack Logo",
67-
src: "img/quantstack/logo-website.svg"
67+
src: "img/quantstack/logo-website.svg",
6868
},
6969

7070
items: [
@@ -131,96 +131,10 @@ const config: Config = {
131131
],
132132
},
133133

134-
/*footer: {
135-
links: [
136-
{
137-
title: " ",
138-
items: [
139-
{
140-
label: " ",
141-
className: "astronaut-footer",
142-
href: "/home",
143-
},
144-
],
145-
},
146-
147-
{
148-
title: "Follow QuantStack on",
149-
items: [
150-
{
151-
label: "GitHub",
152-
className: "github-icon",
153-
href: "https://github.com/QuantStack",
154-
},
155-
{
156-
label: "LinkedIn",
157-
className: "linkedin-icon",
158-
href: "https://www.linkedin.com/company/quantstack/mycompany/",
159-
},
160-
{
161-
label: "X",
162-
className: "x-icon",
163-
href: "https://twitter.com/QuantStack",
164-
},
165-
],
166-
},
167-
{
168-
title: "Menu ",
169-
items: [
170-
{
171-
label: "Home",
172-
href: "/home/",
173-
},
174-
{
175-
label: "Projects",
176-
href: "/projects/",
177-
},
178-
{
179-
label: "Services",
180-
href: "/services/",
181-
},
182-
{
183-
label: "About",
184-
href: "/about/",
185-
},
186-
{
187-
label: "Careers",
188-
href: "/careers/",
189-
},
190-
{
191-
label: "Blog",
192-
href: "/blog/",
193-
},
194-
],
195-
},
196-
197-
198-
{
199-
title: "QuantStack office ",
200-
items: [
201-
{
202-
html: `
203-
204-
<div class="div .address">
205-
16, avenue Curti <br/>
206-
94100 Saint-Maur-des-Fossés <br/>
207-
France
208-
</div>
209-
210-
`,
211-
},
212-
],
213-
},
214-
],
215-
216-
copyright: copyright,
217-
},*/
218-
219-
colorMode: {
220-
defaultMode: 'light',
221-
disableSwitch: true,
222-
respectPrefersColorScheme: false,
223-
134+
colorMode: {
135+
defaultMode: "light",
136+
disableSwitch: true,
137+
respectPrefersColorScheme: false,
224138
},
225139

226140
prism: {

‎src/components/footer/Footer.tsx

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
import Link from "@docusaurus/Link";
2+
import styles from "./styles.module.css";
3+
import GHPicture from "@site/static/img/socialmedias/GH.svg";
4+
import LinkedInPicture from "@site/static/img/socialmedias/LinkedIn.svg";
5+
import XPicture from "@site/static/img/socialmedias/X.svg";
6+
import AstronautPicture from "@site/static/img/quantstack/astronaut-footer.svg";
7+
8+
export default function Footer() {
9+
return (
10+
<div className={"container" + " " + styles.footer_container}>
11+
<div className={"row"} style={{ paddingBottom: "var(--ifm-spacing-xl)" }}>
12+
<div className="col col--4" style={{display:"flex", alignItems:"center"}}>
13+
<div className={styles.astronaut_container}>
14+
<div>
15+
<Link href={"/home"}>
16+
<AstronautPicture width={"140px"} height={"140px"} />
17+
</Link>
18+
</div>
19+
</div>
20+
</div>
21+
<div
22+
className={
23+
"col col--4 flex-full-centred" + " " + styles.menu_container
24+
}
25+
>
26+
<b>Menu</b> <br />
27+
<ul>
28+
<li>
29+
<Link href={"/home"}>Home</Link>
30+
</li>
31+
<li>
32+
<Link href={"/projects"}>Projects</Link>
33+
</li>
34+
<li>
35+
<Link href={"/about"}>About us</Link>
36+
</li>
37+
<li>
38+
<Link href={"/services"}>Services</Link>
39+
</li>
40+
<li>
41+
<Link href={"/careers"}>Careers</Link>
42+
</li>
43+
<li>
44+
<Link href={"/blog"}>Blog</Link>
45+
</li>
46+
<li>
47+
<Link href={"/contact"}>Contact us</Link>
48+
</li>
49+
</ul>
50+
</div>
51+
52+
<div className="col col--4 flex-full-centered">
53+
<div className={styles.social_media_links}>
54+
<b>Follow us on</b> <br />
55+
<div >
56+
<Link href={"https://github.com/QuantStack"}>
57+
{<GHPicture />}
58+
</Link>
59+
<Link
60+
href={"https://www.linkedin.com/company/quantstack/mycompany"}
61+
>
62+
{<LinkedInPicture />}
63+
</Link>
64+
<Link href={"https://twitter.com/QuantStack"}>
65+
{<XPicture />}
66+
</Link>
67+
</div>
68+
<div className={styles.office_address}>
69+
<b>QuantStack office</b> <br />
70+
16, avenue Curti <br />
71+
94100 Saint-Maur-des-Fossés <br />
72+
France
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
<div className={"row flex-full-centered"}>
78+
<div className={styles.copyright_container}>
79+
Copyright © 2024 · QuantStack website · Built with Docusaurus
80+
</div>
81+
</div>
82+
</div>
83+
);
84+
}

‎src/components/footer/styles.module.css

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.footer_container {
2+
background-color: var(--ifm-color-primary-p1);
3+
padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl) 0 var(--ifm-spacing-2xl);
4+
}
5+
6+
.copyright_container {
7+
text-align: center;
8+
}
9+
10+
@media only screen and (max-width: 996px) {
11+
/*Mobile*/
12+
.astronaut_container {
13+
display: none;
14+
}
15+
.menu_container {
16+
display: none;
17+
}
18+
}
19+
20+
@media only screen and (min-width: 996px) {
21+
/*Desktop*/
22+
.astronaut-container {
23+
padding: 100px;
24+
display: flex;
25+
align-items: center;
26+
justify-content: center;
27+
}
28+
.social_media_links {
29+
padding-bottom: var(--ifm-spacing-xl);
30+
}
31+
}

‎src/components/home/Footer.tsx

-69
This file was deleted.

‎src/components/home/styles.module.css

-6
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
.footer_container {
2-
background-color: var(--ifm-color-primary-p1);
3-
display: flex;
4-
align-items: center;
5-
justify-content: center;
6-
}
71

82
@media only screen and (max-width: 996px) {
93
/*Mobile*/

‎src/pages/about.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,14 @@ import Layout from "@theme/Layout";
22
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
33
import {About} from "../components/about";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5+
import Footer from "../components/footer/Footer";
56

67
export default function AboutPage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
89
return (
910
<Layout>
1011
<BrowserOnly>{() => <About />}</BrowserOnly>
12+
<Footer/>
1113
</Layout>
1214
);
1315
}

‎src/pages/blog.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,15 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import BlogsComponent from "../components/blog";
44
import blogpostDetails from "@site/src/components/blog/blogpostsDetails.json";
5+
import Footer from "../components/footer/Footer";
56

67

78
export default function BlogPage(): JSX.Element {
89
const { siteConfig } = useDocusaurusContext();
910
return (
1011
<Layout>
1112
<BlogsComponent blogpostsDetails={blogpostDetails} />
13+
<Footer/>
1214
</Layout>
1315
);
1416
}

‎src/pages/careers.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
22
import Layout from '@theme/Layout';
33
import Careers from '../components/careers';
4+
import Footer from "../components/footer/Footer";
45

56

67
export default function CareersPage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
89
return (
910
<Layout>
1011
<Careers />
12+
<Footer/>
1113
</Layout>
1214
);
1315
}

‎src/pages/contact.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,14 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import Contact from "@site/src/components/contact";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5+
import Footer from "../components/footer/Footer";
56

67
export default function ContactPage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
89
return (
910
<Layout>
1011
<BrowserOnly>{() => <Contact />}</BrowserOnly>
12+
<Footer/>
1113
</Layout>
1214
);
1315
}

‎src/pages/home.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,15 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import Home from "../components/home/Home";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5+
import Footer from "../components/footer/Footer";
56

67
export default function HomePage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
89
return (
910
<Layout>
1011
<main>
1112
<BrowserOnly>{() => <Home />}</BrowserOnly>
13+
<Footer/>
1214
</main>
1315
</Layout>
1416
);

‎src/pages/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import Home from "../components/home/Home";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5-
import Footer from "../components/home/Footer";
5+
import Footer from "../components/footer/Footer";
66

77
export default function QSWebsite(): JSX.Element {
88
const { siteConfig } = useDocusaurusContext();

‎src/pages/projects.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import Projects from "@site/src/components/projects";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5+
import Footer from "../components/footer/Footer";
56

67
export default function ProjectsPage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
89
return (
910
<Layout>
10-
<BrowserOnly>
11-
{() => <Projects/>}
12-
</BrowserOnly>
11+
<BrowserOnly>{() => <Projects />}</BrowserOnly>
12+
<Footer />
1313
</Layout>
1414
);
1515
}

‎src/pages/services.tsx

+2
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
22
import Layout from "@theme/Layout";
33
import Services from "../components/services";
44
import BrowserOnly from "@docusaurus/BrowserOnly";
5+
import Footer from "../components/footer/Footer";
56

67
export default function ServicesPage(): JSX.Element {
78
const { siteConfig } = useDocusaurusContext();
@@ -10,6 +11,7 @@ export default function ServicesPage(): JSX.Element {
1011
<BrowserOnly>
1112
{() => <Services/>}
1213
</BrowserOnly>
14+
<Footer/>
1315
</Layout>
1416
);
1517
}

0 commit comments

Comments
 (0)
Please sign in to comment.