Keep on working on style and css classes.

Add svg pictures for the mobile menu. Fix portrait pop up for mobile screen sizes.
HaudinFlorence · Jul 15, 2024 · 2922d29 · 2922d29
1 parent 1441977
commit 2922d29
Show file tree

Hide file tree

Showing 65 changed files with 723 additions and 755 deletions.
diff --git a/src/components/about/Avatar.tsx b/src/components/about/Avatar.tsx
@@ -11,7 +11,7 @@ export default function Avatar({ person }) {
           height={"160px"}
           alt={
             "Avatar of " +
-            person.CompleteName +
+            person.completeName +
             "working at QuantStack as a " +
             person.position
           }

diff --git a/src/components/about/FourValues.tsx b/src/components/about/FourValues.tsx
@@ -4,7 +4,7 @@ import { valuesDetails } from "./Values/valuesDetails";
 
 export default function FourValues() {
   return (
-    <div className={styles.four_values_container}>
+    <div>
       <div className="row">
         <div className="col">
           <h1 className={"padding-none" + " " + "full-flex-centered"}>
@@ -14,21 +14,13 @@ export default function FourValues() {
       </div>
       <ul
         className={
-          "row" +
-          " " +
-          "padding-none" +
-          " " +
-          styles.row_with_margins +
-          " " +
-          "flex-full-centered"
+          "row padding-none flex-full-centered" + " " + styles.row_with_margins
         }
       >
         {valuesDetails.map((value, index) => (
           <li className="cards-list" key={index}>
             <div className="col">
-              <div className={styles.value_card_container}>
-                <ValueCard value={value} />
-              </div>
+              <ValueCard value={value} />
             </div>
           </li>
         ))}

diff --git a/src/components/about/LargePortraitCard.tsx b/src/components/about/LargePortraitCard.tsx
@@ -29,7 +29,7 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
       <div className={"container"}>
         <div
           className={
-            "row" + " " + "padding-none" + " " + styles.row_with_margins
+            "row" + " " + "padding-none" + " " + styles.row_with_margin_top
           }
         >
           <div className="col col--12 col--offset-1">
@@ -49,7 +49,7 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
                 className={styles.avatar}
                 alt={
                   "Avatar of " +
-                  person.CompleteName +
+                  person.completeName +
                   "working at QuantStack as a " +
                   person.position
                 }

diff --git a/src/components/about/SmallPortraitCard.tsx b/src/components/about/SmallPortraitCard.tsx
@@ -56,7 +56,7 @@ export function SmallPortraitCard({ person, avatarUrl, setOffsets }) {
             height={"160px"}
             alt={
               "Avatar of " +
-              person.CompleteName +
+              person.completeName +
               "working at QuantStack as a " +
               person.position
             }

diff --git a/src/components/about/SubTeam.tsx b/src/components/about/SubTeam.tsx
@@ -1,26 +1,31 @@
 import styles from "./styles.module.css";
-import Link from "@docusaurus/Link";
 import PopupPortrait from "./SmallPortraitCard";
 
-export default function SubTeam ({
-  description,
+export default function SubTeam({
+  subTeamName,
   subTeam,
   subTeamAvatarsUrls,
   subTeamBioComponents,
 }) {
   return (
-    <div className={styles.subteam_component}>
-      <h2 className="text--center"> {description}</h2>
-      <div className={"container" + " " + styles.subteam_container}>
+    <div className={styles.subteam_container}>
+      <h2 className={"text--center"}> {subTeamName}</h2>
+      <div className={"container"}>
         <ul
           className={
-            "row" + " " + "padding-none" + " " + styles.row_with_margins+ " "+ "flex-full-centered"
+            "row padding-none flex-full-centered" +
+            " " +
+            styles.row_with_margin_top
           }
         >
           {subTeam.map((person, index) => (
             <li className="cards-list" key={index}>
               <div className="col">
-                <PopupPortrait person={person} avatarUrl={subTeamAvatarsUrls[index]} subTeamBioComponent={subTeamBioComponents[index]}/>
+                <PopupPortrait
+                  person={person}
+                  avatarUrl={subTeamAvatarsUrls[index]}
+                  subTeamBioComponent={subTeamBioComponents[index]}
+                />
               </div>
             </li>
           ))}
@@ -29,5 +34,3 @@ export default function SubTeam ({
     </div>
   );
 }
-
-
diff --git a/src/components/about/Team/QScollaborators.ts b/src/components/about/Team/QScollaborators.ts
@@ -21,7 +21,7 @@ export const QSCollaboratorsTeam = [
     avatarRoute: "@site/static/img/avatars/Serge@2x.jpg",
     distinctionTitle: [],
     distinctionLink: [],
-    subTeam: "QSCollaboratorsTeam",
+    subTeamName: "QSCollaboratorsTeam",
   },
   {
     completeName: "Romain Menegaux",
@@ -37,7 +37,7 @@ export const QSCollaboratorsTeam = [
     avatarRoute: "@site/static/img/avatars/Romain@2x.jpg",
     distinctionTitle: [],
     distinctionLink: [],
-    subTeam: "QSCollaboratorsTeam",
+    subTeamName: "QSCollaboratorsTeam",
   },
 ];
 export default QSCollaboratorsTeam;
diff --git a/src/components/about/Team/coreTeam.ts b/src/components/about/Team/coreTeam.ts
@@ -96,8 +96,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Thorsten@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Le Duc Trung",
@@ -113,8 +112,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Trung@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: " Andreas Trawöger",
@@ -130,7 +128,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Andreas@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Denisa Checiu",
@@ -146,7 +144,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Denisa@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Joël Lamotte",
@@ -162,7 +160,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Joel@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Florence Haudin",
@@ -178,7 +176,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Florence@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Nicolas Brichet",
@@ -194,7 +192,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Nicolas@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Isabel Paredes",
@@ -210,7 +208,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Isabel@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Gabriela Vives",
@@ -226,7 +224,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Gabriela@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Hind Montassif",
@@ -242,7 +240,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Hind@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Julien Jerphanion",
@@ -258,7 +256,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Julien@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Anutosh Bhat",
@@ -274,7 +272,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Anutosh@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Greg Mooney",
@@ -290,7 +288,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Greg@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Ian Thomas",
@@ -306,7 +304,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Ian@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Nour Cheour",
@@ -322,7 +320,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Nour@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Meriem Ben Ismail",
@@ -338,7 +336,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Meriem@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Alexis Placet",
@@ -354,7 +352,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Alexis@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Anastasiia Sliusar",
@@ -370,7 +368,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Anastasiia@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
   {
     completeName: "Kerim Birgi",
@@ -387,7 +385,7 @@ export const coreTeam = [
     avatarRoute: "@site/static/img/avatars/Kerim@2x.jpg",
     distinctionTitle:[],
     distinctionLink: [],
-    subTeam: "coreTeam",
+    subTeamName: "coreTeam",
   },
 ];
 

diff --git a/src/components/about/Team/leadershipTeam.ts b/src/components/about/Team/leadershipTeam.ts
@@ -44,7 +44,7 @@ export const leadershipTeam = [
     avatarRoute: "@site/static/img/avatars/Sylvain@2x.png",
     distinctionTitle: ["ACM Software System Award"],
     distinctionLink: ["https://awards.acm.org/award_winners/corlay_8324973"],  
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
   {
     completeName: "Johan Mabille",
@@ -61,7 +61,7 @@ export const leadershipTeam = [
     distinctionTitle: ["Jupyter distinguished contributor"],
     distinctionLink:
       ["https://jupyter.org/about#distinguished-contributors"],
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
   {
     completeName: "Martin Renou",
@@ -78,7 +78,7 @@ export const leadershipTeam = [
     distinctionTitle: ["Jupyter distinguished contributor"],
     distinctionLink:
       ["https://jupyter.org/about#distinguished-contributors"],
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
   {
     completeName: "Jeremy Tuloup",
@@ -95,7 +95,7 @@ export const leadershipTeam = [
     distinctionTitle: ["Jupyter distinguished contributor"],
     distinctionLink:
       ["https://jupyter.org/about#distinguished-contributors"],
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
 
   {
@@ -112,7 +112,7 @@ export const leadershipTeam = [
     avatarRoute: "@site/static/img/avatars/Darian@2x.png",
     distinctionTitle: ["Jupyter distinguished contributor"],
     distinctionLink:[ "https://jupyter.org/about#distinguished-contributors"],
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
   {
     completeName: "David Brochart",
@@ -128,7 +128,7 @@ export const leadershipTeam = [
     avatarRoute: "@site/static/img/avatars/David@2x.png",
     distinctionTitle: ["Jupyter distinguished contributor"],
     distinctionLink: ["https://jupyter.org/about#distinguished-contributors"],
-    subTeam: "LeadershipTeam",
+    subTeamName: "LeadershipTeam",
   },
 ];
 export default leadershipTeam;