Skip to content

Commit c269866

Browse files
HaudinFlorenceHaudinFlorence
committed
Add the pages for the different persons of the team and update the style.
1 parent 4f3d386 commit c269866

28 files changed

+303
-52
lines changed

‎src/components/about/SmallPortraitCardWithDialog.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,7 @@ const modalContent = {
2323
top: "50%",
2424
left: "50%",
2525
transform: "translate(-50%, -50%)",
26-
padding: "20px",
27-
backgroundColor: "var(--ifm-color-primary-p0)",
26+
backgroundColor: "white",
2827
border: "1px solid #ccc",
2928
boxShadow: "0 8px 16px rgba(0,0,0,0.2)",
3029
borderRadius: "10px",

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

Lines changed: 18 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
.small_portrait_card {
32
width: 279px;
43
height: 320px;
@@ -148,26 +147,6 @@ div .join_the_team_text {
148147
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
149148
}
150149

151-
.overlay {
152-
position: fixed;
153-
top: 0;
154-
left: 0;
155-
right: 0;
156-
bottom: 0;
157-
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
158-
display: flex;
159-
justify-content: center;
160-
align-items: center;
161-
z-index: 1000; /* Ensure it's above other content */
162-
}
163-
164-
.popup {
165-
background: white;
166-
padding: 20px;
167-
border-radius: 8px;
168-
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
169-
}
170-
171150
@media only screen and (max-width: 996px) {
172151
/*Mobile*/
173152
.value_card {
@@ -196,25 +175,6 @@ div .join_the_team_text {
196175
padding: 0;
197176
}
198177

199-
.large_portrait_card {
200-
width: 100%;
201-
height: 100%;
202-
padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
203-
204-
}
205-
.modal_with_large_portrait_card {
206-
position: fixed;
207-
top: 50%;
208-
left: 50%;
209-
transform: translate(-50%, -50%);
210-
padding: 20px;
211-
background-color: var(--ifm-color-primary-p0);
212-
border: 1px solid #ccc;
213-
z-index: 1000;
214-
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
215-
border-radius: 10px;
216-
}
217-
218178
.subteam_container {
219179
margin: var(--ifm-spacing-3xl) var(--ifm-spacing-2xl);
220180
}
@@ -237,6 +197,24 @@ div .join_the_team_text {
237197
}
238198
}
239199

200+
@media only screen and (max-width: 499px) {
201+
/*Mobile*/
202+
.large_portrait_card {
203+
width: 90vw;
204+
overflow: auto;
205+
padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
206+
}
207+
}
208+
209+
@media (min-width: 500px) and (max-width: 995px) {
210+
/*Tablet*/
211+
.large_portrait_card {
212+
width: 80vw;
213+
overflow: auto;
214+
padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
215+
}
216+
}
217+
240218
@media only screen and (min-width: 996px) {
241219
/*Desktop*/
242220
.value_card {

‎src/pages/about/Alexis.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Anastasiia.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Andreas.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Antoine.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Anutosh.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Arjun.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Darian.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/David.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Denisa.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Florence.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Gabriela.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Greg.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Hind.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Ian.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Isabel.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Jeremy.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Joel.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Johan.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Julien.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Martin.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Matthias.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Meriem.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Nicolas.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
4+
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
11+
}

‎src/pages/about/Sylvain.tsx

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
1-
import LargePortraitCard from "@site/src/components/about/LargePortraitCard";
2-
import { leadershipTeam } from "@site/src/components/about/Team/team";
3-
//import PortraitDialog from "@site/src/components/about/PortraitDialog";
1+
import Layout from "@theme/Layout";
2+
import { About } from "@site/src/components/about";
3+
import BrowserOnly from "@docusaurus/BrowserOnly";
44

5-
export default function SylvainComponent() {
6-
/*leadershipTeam.forEach((person) => {
7-
if (person.firstName === "Sylvain")
8-
console.log('Found')
9-
return <LargePortraitCard person={person} />;
10-
});*/
11-
<div> This is great</div>
5+
export default function AboutPage(): JSX.Element {
6+
return (
7+
<Layout>
8+
<BrowserOnly>{() => <About/>}</BrowserOnly>
9+
</Layout>
10+
);
1211
}

0 commit comments

Comments
 (0)