Fix the contact page style.

HaudinFlorence · Jul 16, 2024 · 826923b · 826923b
1 parent 0fad20a
commit 826923b
Show file tree

Hide file tree

Showing 17 changed files with 297 additions and 269 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -138,7 +138,7 @@ const config: Config = {
           items: [
             {
               label: " ",
-              className: "quantstack-astronaut-footer",
+              className: "astronaut-footer",
               href: "/home",
             },
           ],
@@ -201,7 +201,7 @@ const config: Config = {
             {
               html: `
               
-               <div class="div .quantstack-address">
+                  <div class="div .address">
                       16, avenue Curti <br/>
                       94100 Saint-Maur-des-Fossés <br/>
                       France

diff --git a/src/components/about/FourValues.tsx b/src/components/about/FourValues.tsx
@@ -12,11 +12,7 @@ export default function FourValues() {
           </h1>
         </div>
       </div>
-      <ul
-        className={
-          "row padding-none flex-full-centered" + " " + styles.row_with_margins
-        }
-      >
+      <ul className="row padding-none flex-full-centered row-with-margins">
         {valuesDetails.map((value, index) => (
           <li className="cards-list" key={index}>
             <div className="col">

diff --git a/src/components/about/LargePortraitCard.tsx b/src/components/about/LargePortraitCard.tsx
@@ -52,10 +52,10 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
             <div className={styles.large_card_position}>{person.position}</div>
           </div>
         </div>
-        <div className={"row" + " " + styles.row_with_margin_bottom}>
-          <div className={"col col--3 col--offset-1 flex-full-centered"}>
+        <div className="row">
+          <div className={"col col--3 col--offset-1 flex-full-centered"} >
             <div className="flex-full-centered">
-              <div style={{marginBottom:"var(--ifm-spacing-lg)"}}>
+              <div style={{marginBottom:"var(--ifm-spacing-md)"}}>
               <img
                 src={avatarUrl}
                 className={styles.avatar}

diff --git a/src/components/about/SubTeam.tsx b/src/components/about/SubTeam.tsx
@@ -11,13 +11,7 @@ export default function SubTeam({
     <div className={styles.subteam_container}>
       <h2 className={"text--center"}> {subTeamName}</h2>
       <div className={"container"}>
-        <ul
-          className={
-            "row padding-none flex-full-centered" +
-            " " +
-            styles.row_with_margin_top
-          }
-        >
+        <ul className="row padding-none flex-full-centered row-with-margin-top">
           {subTeam.map((person, index) => (
             <li className="cards-list" key={index}>
               <div className="col">

diff --git a/src/components/about/styles.module.css b/src/components/about/styles.module.css
@@ -1,35 +1,13 @@
 .small_portrait_card {
   width: 279px;
-   height: 388px;
-   background-color: white;
-   color: var(--ifm-color-primary-p2);
-   border-radius: 8px;
-   box-shadow: 0px 0px 8px 1px #c8c8c7;
-   padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
-   text-align: center;
-   margin-bottom: var(--ifm-spacing-xl);
- }
-
-.avatar {
-  filter: grayscale(1);
-  border-radius: 50%;
-  overflow: hidden;
-  height: 160px;
-  width: 160px;
-}
-
-
-
-
-.value_header {
-  font-family: var(--ifm-font-family-rubik-one);
-  font-size: var(--ifm-font-size-secondary-title);
-  font-style: normal;
-  font-weight: 600;
-  line-height: 28px;
+  height: 388px;
+  background-color: white;
+  color: var(--ifm-color-primary-p2);
+  border-radius: 8px;
+  box-shadow: 0px 0px 8px 1px #c8c8c7;
+  padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
   text-align: center;
   margin-bottom: var(--ifm-spacing-xl);
-  color: var(--ifm-text-color-on-primary-p1);
 }
 
 .value_text p {
@@ -42,7 +20,6 @@
   color: var(--ifm-text-color-on-primary-p1);
 }
 
-
 div .row {
   margin-left: 0;
   margin-right: 0;
@@ -75,7 +52,7 @@ div .row {
   color: var(---ifm-text-color);
   font-style: normal;
   font-weight: 600;
-  line-height: 24px; 
+  line-height: 24px;
   letter-spacing: 0.5px;
   color: var(--ifm-color-primary-p2);
 }
@@ -89,9 +66,7 @@ div .row {
   line-height: 40px;
   color: var(--ifm-color-primary-p2);
 }
-s
-
-.large_card_position {
+s .large_card_position {
   font-size: var(--ifm--font-size-normal);
   font-family: var(--ifm-font-family-roboto);
   color: var(--ifm-color-primary-p2);
@@ -136,7 +111,13 @@ div .join_the_team_text {
   color: var(--ifm-color-secondary-s2);
 }
 
-
+.avatar {
+  filter: grayscale(1);
+  border-radius: 50%;
+  overflow: hidden;
+  height: 160px;
+  width: 160px;
+}
 
 @media only screen and (max-width: 996px) {
   /*Mobile*/
@@ -150,28 +131,27 @@ div .join_the_team_text {
     margin-bottom: var(--ifm-spacing-xl);
   }
 
-  .large_portrait_card {
-    width: 100%;
-    height: 200%;
-    padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
-  }
-
-  .row_with_margin_top {
-    margin-top: var(--ifm-spacing-xl);
-  }
-
-  .row_with_margin_bottom {
+  .value_header {
+    font-family: var(--ifm-font-family-rubik-one);
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px;
+    text-align: center;
     margin-bottom: var(--ifm-spacing-xl);
+    color: var(--ifm-text-color-on-primary-p1);
   }
 
-  .row_with_margins {
-    margin: var(--ifm-spacing-xl) 0;
+  .large_portrait_card {
+    width: 100%;
+    height: 100%;
+    padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
   }
 
   .subteam_container {
     margin: var(--ifm-spacing-3xl) var(--ifm-spacing-2xl);
   }
-  
+
   .team_description {
     font-family: var(--ifm-font-family-roboto);
     font-size: 18px;
@@ -194,30 +174,26 @@ div .join_the_team_text {
     margin-bottom: var(--ifm-spacing-xl);
   }
 
-
+  .value_header {
+    font-family: var(--ifm-font-family-rubik-one);
+    font-size: var(--ifm-font-size-secondary-title);
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px;
+    text-align: center;
+    margin-bottom: var(--ifm-spacing-xl);
+    color: var(--ifm-text-color-on-primary-p1);
+  }
 
   .large_portrait_card {
     width: 1000px;
     padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
   }
 
-  .row_with_margin_top {
-    margin-top: var(--ifm-spacing-2xl);
-  }
-
-  .row_with_margin_bottom {
-    margin-bottom: var(--ifm-spacing-2xl);
-  }
-
-
-  .row_with_margins {
-    margin: var(--ifm-spacing-2xl) 0;
-  }
-
   .subteam_container {
     margin: var(--ifm-spacing-5xl) var(--ifm-spacing-6xl);
   }
-  
+
   .team_description {
     font-family: var(--ifm-font-family-roboto);
     font-size: 22px;
@@ -226,5 +202,4 @@ div .join_the_team_text {
     line-height: 28px;
     text-align: center;
   }
-
-}
+}
diff --git a/src/components/blog/index.tsx b/src/components/blog/index.tsx
@@ -4,7 +4,6 @@ import BlogpostCard from "./BlogpostCard";
 
 export default function BlogsComponent({ blogpostsDetails }) {
   const numberOfBlogs = blogpostsDetails.length;
-  console.log("numberOfBlogs:", numberOfBlogs);
   const [searchField, setSearchField] = useState("");
 
   const filteredBlogPosts = blogpostsDetails.filter((blogpost) => {
@@ -15,7 +14,6 @@ export default function BlogsComponent({ blogpostsDetails }) {
       blogpost.summary.toLowerCase().includes(searchField.toLowerCase())
     );
   });
-  //const filteredBlogPosts = blogpostsDetails;
 
   const handleChange = (event) => {
     setSearchField(event.target.value);
@@ -24,12 +22,11 @@ export default function BlogsComponent({ blogpostsDetails }) {
   return (
     <div className="main-container-with-margins">
       <div className="container upper-container-with-margin-top">
-        <div className={"row"}>
+        <div className={"row row-with-margin-bottom"}>
           <div
             className={"col col--8 col--offset-2"}
-            style={{ marginBottom: "var(--ifm-spacing-5xl)" }}
           >
-            <h1 className="padding-none">
+            <h1 className="padding-none margin-none">
               Featured Posts by QuantStack Contributors
             </h1>
             <div>

diff --git a/src/components/blog/styles.module.css b/src/components/blog/styles.module.css
@@ -88,6 +88,5 @@ div .blogpost_date {
   border-radius: 8px;
   padding: var(--ifm-spacing-xs) var(--ifm-spacing-lg) var(--ifm-spacing-xs)
     var(--ifm-spacing-lg);
+  margin: var(--ifm-spacing-lg) 0;
 }
-
-
diff --git a/src/components/careers/index.tsx b/src/components/careers/index.tsx
@@ -34,11 +34,10 @@ export default function Careers() {
           </div>
           <div
             className={
-              "row" +
+              "row flex-full-centered" +
               " " +
-              styles.join_the_team_container +
-              " " +
-              "flex-full-centered"
+              styles.join_the_team_container
+
             }
           >
             <div className="col col--10 col--offset-1">