Merge pull request #160 from HaudinFlorence/add_apache_arrow_blogpost

Add the blogpost related to the new Apache Arrow team

Author: SylvainCorlay

src/components/blog/blogpostsDetails.json

@@ -1,4 +1,16 @@
-[
+[  {
+  "url": "https://medium.com/@QuantStack/quantstack-steps-up-to-support-apache-arrow-with-new-dedicated-team-9ddc952f20e2",
+  "title": "QuantStack Steps Up to Support Apache Arrow with New Dedicated Team",
+  "image": "/img/blogposts/QuantStack-Steps-Up-to-Support-Apache-Arrow-with-New-Dedicated-Team.png",
+  "summary": " We are thrilled to announce that QuantStack is starting a new team dedicated to the maintenance and development of Apache Arrow.",
+  "date": "October 22, 2024",
+  "authors": "Sylvain Corlay",
+  "imageID": "blogpost-image-123",
+  "imageNaturalWidth": 1700,
+  "imageNaturalHeight": 900,
+  "imageRenderedWidth": 273,
+  "imageRenderedHeight": 144.529411765
+},
   {
     "url": "https://blog.jupyter.org/interactive-mapping-with-ipyopenlayers-2b8bc93bb6c4",
     "title": "Interactive Mapping with ipyopenlayers",

src/components/blog/styles.module.css

@@ -3,7 +3,7 @@
 }
 
 .blogpost_card {
-  height: 540px;
+  height: 556px;
   width: 369px;
   border-radius: 8px;
   box-shadow: 4px 4px 18px -1px #dee0fc;
@@ -39,7 +39,7 @@ div .blogpost_date {
   letter-spacing: -0.154px;
   text-align: justify;
   margin-bottom: var(--ifm-spacing-sm);
-  height: 140px;
+  height: 124px;
   color: var(--ifm-text-color);
 }
 
@@ -51,7 +51,7 @@ div .blogpost_date {
   font-weight: 600;
   line-height: 150%; /* 27px */
   letter-spacing: -0.198px;
-  height: 48px;
+  height: 64px;
   margin: var(--ifm-spacing-xl) 0;
   color: var(--ifm-text-color);
 }

src/components/projects/AllProjects.tsx

@@ -1,21 +1,27 @@
 import { projectsDetails } from "./descriptions/projectsDetails";
-import ProjectCard from "./ProjectCard"
-
+import ProjectCard from "./ProjectCard";
 
 export default function AllProjects() {
   return (
-    <div className="container flex-full-centered" style={{marginBottom: "var(--ifm-spacing-3xl)"}}>
-      <ul className="row">
+    <div
+      className="container flex-full-centered"
+      style={{ marginBottom: "var(--ifm-spacing-3xl)" }}
+    >
+      <ul className="row --no-gutters">
         {projectsDetails.map((project, index) => {
-          return(
-          <li className="projects-list" key={index}>
-            <div className="col">
-              <ProjectCard project={project}/>
-            </div>
-          </li>
-          )
+          return (
+            <li
+              className="projects-list"
+              key={index}
+              
+            >
+              <div className="col" style={{ paddingLeft: "0" }}>
+                <ProjectCard project={project} />
+              </div>
+            </li>
+          );
         })}
       </ul>
     </div>
-  )
+  );
 }

src/components/projects/styles.module.css

@@ -16,8 +16,7 @@ div .project_title {
 }
 
 .project_description {
-  padding: var(--ifm-spacing-md) var(--ifm-spacing-xl);
-  text-align: center;
+  padding: var(--ifm-spacing-sm) var(--ifm-spacing-xl);
 }
 
 .project_description p {
@@ -51,7 +50,7 @@ div .project_title {
 
   .col_project_text p {
     background-color: white;
-    text-align: justify;
+    text-align: center;
   }
 
   .project_picture_jupyter {
@@ -96,7 +95,7 @@ div .project_title {
   }
 
   .header_text p {
-    text-align: center;
+    text-align: justify;
   }
 
   .project_text {

src/css/custom.css

@@ -94,6 +94,10 @@ ul {
   padding-left: 0;
 }
 
+ul.row {
+  padding-left: 0;
+}
+
 .container {
   max-width: none;
   padding: 0;
@@ -216,7 +220,7 @@ ul {
 
   li {
     font-size: 14px;
-    margin-left: 24px;
+    margin-left: 14px;
   }
 
   .blue-banner-container {
@@ -637,10 +641,11 @@ a.menu__link:active {
 .cards-list {
   list-style-type: none;
   padding: none;
+  margin-left: 0;
 }
 
 .projects-list {
   list-style-type: none;
   padding: none;
   width: 100%;
-}
+}