Skip to content

Commit 581fca4

Browse files
HaudinFlorenceHaudinFlorence
committed
Update the team data to include the avatarUrl and the BioComponent in the objects describing members of teams.
Remove unused pages and components. Keep on fixing style.
1 parent 0fad20a commit 581fca4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+536
-1099
lines changed

‎docusaurus.config.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ const config: Config = {
138138
items: [
139139
{
140140
label: " ",
141-
className: "quantstack-astronaut-footer",
141+
className: "astronaut-footer",
142142
href: "/home",
143143
},
144144
],
@@ -201,7 +201,7 @@ const config: Config = {
201201
{
202202
html: `
203203
204-
<div class="div .quantstack-address">
204+
<div class="div .address">
205205
16, avenue Curti <br/>
206206
94100 Saint-Maur-des-Fossés <br/>
207207
France

‎src/components/about/ArrowLeftHeader.tsx

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎src/components/about/Avatar.tsx

Lines changed: 13 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,18 @@
11
import styles from "./styles.module.css";
2-
import Link from "@docusaurus/Link";
32

43
export default function Avatar({ person }) {
5-
return (
4+
return (
65
<div className="flex-full-centered">
7-
<div className={styles.avatar}>
8-
<img
9-
src={require(person.avatarRoute).default}
10-
width={"160px"}
11-
height={"160px"}
12-
alt={
13-
"Avatar of " +
14-
person.completeName +
15-
"working at QuantStack as a " +
16-
person.position
17-
}
18-
></img>
6+
<img
7+
src={person.avatarUrl}
8+
className={styles.avatar}
9+
alt={
10+
"Avatar of " +
11+
person.completeName +
12+
"working at QuantStack as a " +
13+
person.position
14+
}
15+
/>
1916
</div>
20-
</div>
21-
);
22-
}
17+
);
18+
}

‎src/components/about/FourValues.tsx

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,7 @@ export default function FourValues() {
1212
</h1>
1313
</div>
1414
</div>
15-
<ul
16-
className={
17-
"row padding-none flex-full-centered" + " " + styles.row_with_margins
18-
}
19-
>
15+
<ul className="row padding-none flex-full-centered row-with-margins">
2016
{valuesDetails.map((value, index) => (
2117
<li className="cards-list" key={index}>
2218
<div className="col">

‎src/components/about/LargePortraitCard.tsx

Lines changed: 8 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,10 @@ import styles from "./styles.module.css";
22
import SocialMediaContacts from "./SocialMediaContacts";
33
import DistinctionIcon from "@site/static/img/icons/Distinction.svg";
44
import Link from "@docusaurus/Link";
5-
import React, { useState } from "react";
5+
import React from "react";
6+
import Avatar from "./Avatar";
7+
68

7-
export function Avatar({ person, avatarUrl }) {
8-
return (
9-
<img
10-
src={avatarUrl}
11-
className={styles.avatar}
12-
alt={
13-
"Avatar of " +
14-
person.completeName +
15-
"working at QuantStack as a " +
16-
person.position
17-
}
18-
/>
19-
20-
);
21-
}
229

2310
export function Distinction({ person }) {
2411
if (person.distinctionTitle.length !== 0) {
@@ -40,7 +27,7 @@ export function Distinction({ person }) {
4027
);
4128
} else return <div></div>;
4229
}
43-
export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
30+
export default function LargePortraitCard({ person }) {
4431
return (
4532
<div className={styles.large_portrait_card}>
4633
<div className={"container"}>
@@ -52,26 +39,17 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
5239
<div className={styles.large_card_position}>{person.position}</div>
5340
</div>
5441
</div>
55-
<div className={"row" + " " + styles.row_with_margin_bottom}>
42+
<div className="row">
5643
<div className={"col col--3 col--offset-1 flex-full-centered"}>
5744
<div className="flex-full-centered">
58-
<div style={{marginBottom:"var(--ifm-spacing-lg)"}}>
59-
<img
60-
src={avatarUrl}
61-
className={styles.avatar}
62-
alt={
63-
"Avatar of " +
64-
person.completeName +
65-
"working at QuantStack as a " +
66-
person.position
67-
}
68-
/>
45+
<div style={{ marginBottom: "var(--ifm-spacing-md)" }}>
46+
<Avatar person={person} />
6947
</div>
7048
</div>
7149
</div>
7250
<div className="col col--6 col--offset-1">
7351
<div className={styles.bio_container}>
74-
<BioComponent />
52+
<person.BioComponent />
7553
</div>
7654
</div>
7755
</div>

‎src/components/about/SmallPortraitCard.tsx

Lines changed: 17 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import Popup from "reactjs-popup";
33
import SocialMediaContacts from "./SocialMediaContacts";
44
import { useRef, useState } from "react";
55
import LargePortraitCard from "./LargePortraitCard";
6+
import Avatar from "./Avatar";
67

78
const contentStyle = {
89
background: "white",
@@ -36,7 +37,7 @@ function calculateOffsets(elementRef) {
3637
return offsets;
3738
}
3839

39-
export function SmallPortraitCard({ person, avatarUrl, setOffsets }) {
40+
export function SmallPortraitCard({ person, setOffsets }) {
4041
const elementRef = useRef(null);
4142

4243
return (
@@ -48,36 +49,18 @@ export function SmallPortraitCard({ person, avatarUrl, setOffsets }) {
4849
setOffsets(calculateOffsets(elementRef));
4950
}}
5051
>
51-
<div className="flex-full-centered">
52-
<div className={styles.avatar}>
53-
<img
54-
src={avatarUrl}
55-
width={"160px"}
56-
height={"160px"}
57-
alt={
58-
"Avatar of " +
59-
person.completeName +
60-
"working at QuantStack as a " +
61-
person.position
62-
}
63-
/>
64-
</div>
65-
</div>
66-
<div className={styles.small_card_complete_name}>
52+
<Avatar person={person} />
53+
<div className={"flex-full-centered" + " " + styles.small_card_complete_name}>
6754
{person.completeName}
6855
</div>
69-
<div className={styles.small_card_position}>{person.position}</div>
56+
<div className={"flex-full-centered" + " " + styles.small_card_position}>{person.position}</div>
7057
<div style={{ marginTop: "var(--ifm-spacing-xl)" }}>
7158
<SocialMediaContacts person={person}></SocialMediaContacts>
7259
</div>
7360
</div>
7461
);
7562
}
76-
export default function PopupPortrait({
77-
person,
78-
avatarUrl,
79-
subTeamBioComponent,
80-
}) {
63+
export default function PopupPortrait({ person }) {
8164
const [offsets, setOffsets] = useState([0, 0]);
8265
let [isPopupOpen, setIsPopupOpen] = useState(false);
8366

@@ -87,19 +70,14 @@ export default function PopupPortrait({
8770
open={isPopupOpen}
8871
closeOnEscape={true}
8972
closeOnDocumentClick={true}
90-
onClose={()=>setIsPopupOpen(false)}
91-
73+
onClose={() => setIsPopupOpen(false)}
9274
trigger={
9375
<div>
94-
<SmallPortraitCard
95-
person={person}
96-
avatarUrl={avatarUrl}
97-
setOffsets={setOffsets}
98-
/>
76+
<SmallPortraitCard person={person} setOffsets={setOffsets} />
9977
</div>
10078
}
10179
onOpen={() => {
102-
setIsPopupOpen(true)
80+
setIsPopupOpen(true);
10381
}}
10482
contentStyle={contentStyle}
10583
overlayStyle={overlayStyle}
@@ -108,15 +86,14 @@ export default function PopupPortrait({
10886
offsetY={offsets[1]}
10987
>
11088
<div>
111-
<button className="close-button" style={{position: "absolute", right:"0px"}}
112-
onClick={()=>{setIsPopupOpen(false)
113-
114-
}}></button>
115-
<LargePortraitCard
116-
person={person}
117-
avatarUrl={avatarUrl}
118-
BioComponent={subTeamBioComponent}
119-
></LargePortraitCard>
89+
<button
90+
className="close-button"
91+
style={{ position: "absolute", right: "0px" }}
92+
onClick={() => {
93+
setIsPopupOpen(false);
94+
}}
95+
></button>
96+
<LargePortraitCard person={person}></LargePortraitCard>
12097
</div>
12198
</Popup>
12299
</div>

‎src/components/about/SocialMediaContacts.tsx

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
import styles from "./styles.module.css";
22
import Link from "@docusaurus/Link";
33
import GHPicture from "@site/static/img/socialmedias/GH.svg";
4-
import LinkedInPicture from "@site/static/img/socialmedias/LinkedIn.svg"
4+
import LinkedInPicture from "@site/static/img/socialmedias/LinkedIn.svg";
55
import XPicture from "@site/static/img/socialmedias/X.svg";
66

7-
87
export default function SocialMediaContacts({ person }) {
98
return (
109
<>
11-
<div className = "flex-full-centered">
12-
<Link href={person.githubLink}>{<GHPicture/>}</Link>
13-
<Link href={person.LinkedInLink}>
14-
{<LinkedInPicture/>}
10+
<div className="flex-full-centered">
11+
<Link href={person.githubLink}>{<GHPicture />}</Link>
12+
<Link href={person.LinkedInLink}>{<LinkedInPicture />}</Link>
13+
<Link href={person.XLink}>{<XPicture />}</Link>
14+
</div>
15+
<div className="flex-full-centered">
16+
<Link href={person.githubLink} className={styles.githubname}>
17+
{person.githubName}
1518
</Link>
16-
<Link href={person.XLink}>{<XPicture/>}</Link>
1719
</div>
18-
<Link href={person.githubLink} className={styles.githubname}>
19-
{" "}
20-
{person.githubName}
21-
</Link>
2220
</>
2321
);
2422
}

‎src/components/about/SubTeam.tsx

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,28 +3,19 @@ import PopupPortrait from "./SmallPortraitCard";
33

44
export default function SubTeam({
55
subTeamName,
6-
subTeam,
7-
subTeamAvatarsUrls,
8-
subTeamBioComponents,
6+
subTeam
97
}) {
108
return (
119
<div className={styles.subteam_container}>
1210
<h2 className={"text--center"}> {subTeamName}</h2>
1311
<div className={"container"}>
14-
<ul
15-
className={
16-
"row padding-none flex-full-centered" +
17-
" " +
18-
styles.row_with_margin_top
19-
}
20-
>
12+
<ul className="row padding-none flex-full-centered row-with-margin-top">
2113
{subTeam.map((person, index) => (
2214
<li className="cards-list" key={index}>
2315
<div className="col">
2416
<PopupPortrait
2517
person={person}
26-
avatarUrl={subTeamAvatarsUrls[index]}
27-
subTeamBioComponent={subTeamBioComponents[index]}
18+
2819
/>
2920
</div>
3021
</li>

‎src/components/about/Team/QScollaborators.ts

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
1-
import Romain from "@site/src/components/about/Team/Romain.md";
1+
import RomainMD from "@site/src/components/about/Team/Romain.md";
22
import RomainAvatarUrl from "@site/static/img/avatars/Romain.png";
3-
import Serge from "@site/src/components/about/Team/Serge.md";
3+
import SergeMD from "@site/src/components/about/Team/Serge.md";
44
import SergeAvatarUrl from "@site/static/img/avatars/Serge.png";
55

6-
export const QSCollaboratorsBioComponents = [Serge, Romain];
7-
export const QSCollaboratorsAvatarsUrls = [SergeAvatarUrl, RomainAvatarUrl];
8-
96
export const QSCollaboratorsTeam = [
107
{
118
completeName: "Serge Guelton",
@@ -18,10 +15,11 @@ export const QSCollaboratorsTeam = [
1815
LinkedInLink: "",
1916
XLink: "",
2017
githubName: "@serge-sans-paille",
21-
avatarRoute: "@site/static/img/avatars/[email protected]",
18+
avatarUrl: SergeAvatarUrl,
2219
distinctionTitle: [],
2320
distinctionLink: [],
2421
subTeamName: "QSCollaboratorsTeam",
22+
BioComponent: SergeMD,
2523
},
2624
{
2725
completeName: "Romain Menegaux",
@@ -34,10 +32,11 @@ export const QSCollaboratorsTeam = [
3432
LinkedInLink: "https://www.linkedin.com/in/romain-menegaux-88a147134/",
3533
XLink: "https://twitter.com/RomainMenegaux",
3634
githubName: "@trmenegaux",
37-
avatarRoute: "@site/static/img/avatars/[email protected]",
35+
avatarUrl: RomainAvatarUrl,
3836
distinctionTitle: [],
3937
distinctionLink: [],
4038
subTeamName: "QSCollaboratorsTeam",
39+
BioComponent: RomainMD
4140
},
4241
];
4342
export default QSCollaboratorsTeam;

0 commit comments

Comments
 (0)