Use the script yml-to-json.ts in /src/components/blog to produce a .j…

…son from the _config.yml including necessary modifications on the blog posts informations in particular on image widths.

.docusaurus/docusaurus-plugin-content-blog/default/p/quantstack-github-io-blog-6c4.json

@@ -0,0 +1 @@
+{"metadata":{"permalink":"/quantstack.github.io/blog","page":1,"postsPerPage":10,"totalPages":1,"totalCount":1,"blogDescription":"Blog","blogTitle":"Blog"}}

.docusaurus/docusaurus-plugin-content-blog/default/p/quantstack-github-io-blog-archive-38a.json

@@ -0,0 +1 @@
+{"archive":{"blogPosts":[{"id":"/CondaForge","metadata":{"permalink":"/quantstack.github.io/blog/CondaForge","editUrl":"https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/blog/CondaForge.mdx","source":"@site/blog/CondaForge.mdx","title":"CondaForge","description":"QuantStack is one of the key organizations supporting the","date":"2024-06-13T09:41:00.645Z","tags":[],"readingTime":0.435,"hasTruncateMarker":false,"authors":[],"frontMatter":{},"unlisted":false},"content":"QuantStack is one of the key organizations supporting the\nconda-forge project, a community-led collection of recipes, build\ninfrastructure and distributions for the conda/mamba package\nmanager.\n\nAdopted at the global scale, conda-forge has become the reference\nsource of build artifacts for the scientific computing ecosystem,\naccounting for over 150 million package downloads monthly.\n\nQuantStack developed key components of the conda-forge\ninfrastructure, including the mamba package manager and the\nmamba-build utility, which underlie the build system of conda-forge.\nQuantStack team members also maintain a large number of conda-forge\npackages."}]}}

.docusaurus/docusaurus-plugin-content-blog/default/site-blog-conda-forge-md-f7e.json

@@ -0,0 +1,14 @@
+{
+  "permalink": "/quantstack.github.io/blog/CondaForge",
+  "editUrl": "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/blog/CondaForge.md",
+  "source": "@site/blog/CondaForge.md",
+  "title": "CondaForge",
+  "description": "QuantStack is one of the key organizations supporting the",
+  "date": "2024-06-13T09:41:00.645Z",
+  "tags": [],
+  "readingTime": 0.435,
+  "hasTruncateMarker": false,
+  "authors": [],
+  "frontMatter": {},
+  "unlisted": false
+}

.docusaurus/docusaurus-plugin-content-blog/default/site-blog-conda-forge-mdx-b00.json

@@ -0,0 +1,14 @@
+{
+  "permalink": "/quantstack.github.io/blog/CondaForge",
+  "editUrl": "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/blog/CondaForge.mdx",
+  "source": "@site/blog/CondaForge.mdx",
+  "title": "CondaForge",
+  "description": "QuantStack is one of the key organizations supporting the",
+  "date": "2024-06-13T09:41:00.645Z",
+  "tags": [],
+  "readingTime": 0.435,
+  "hasTruncateMarker": false,
+  "authors": [],
+  "frontMatter": {},
+  "unlisted": false
+}

src/components/blog/BlogpostCard.tsx

@@ -3,6 +3,7 @@
 import React from "react";
 import styles from "./styles.module.css";
 import Link from "@docusaurus/Link";
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 export function BlogpostPicture({ blogpost }) {
   return (
@@ -12,20 +13,63 @@ export function BlogpostPicture({ blogpost }) {
   );
 }
 
-export default function BlogpostCard({ blogpost }) {
+export default function BlogpostCard({ blogpost, timeIndex }) {
+  if (blogpost.image.includes("https://")){
   return (
     <div
       className={"card " + styles.blogpost_card}
       style={{ marginBottom: "var(--ifm-spacing-lg)" }}
     >
+      <div className={styles.blog_time_index}>{timeIndex}</div>
       <Link href={blogpost.url}>
         <div className="container">
           <div className={"row" + " " + styles.row_custom}></div>
+
+          <div className={styles.blogpost_image_container}>
+            <div className={styles.blogpost_image}>
+              <img src={blogpost.image} id={blogpost.imageID} width={blogpost.imageWidth} />
+            </div>
+          </div>
+
+          <div className={styles.blogpost_header}>{blogpost.title}</div>
+
+          <div className={styles.blogpost_summary}>
+            {blogpost.summary.length < 200
+              ? blogpost.summary
+              : blogpost.summary.substring(0, 200) + "..."}
+          </div>
+
+          <div
+            className="row"
+            style={{ marginBottom: "var(--ifm-spacing-md)" }}
+          >
+            <div className="col" style={{ padding: "0px" }}>
+              <div className={styles.blogpost_date}>{blogpost.date}</div>
+              <div className={styles.blogpost_authors}>{blogpost.authors}</div>
+            </div>
+          </div>
+        </div>
+      </Link>
+    </div>
+  );
+} else if(blogpost.image.includes('/img/'))
+{
+  return (
+    <div
+      className={"card " + styles.blogpost_card}
+      style={{ marginBottom: "var(--ifm-spacing-lg)" }}
+    >
+      <div className={styles.blog_time_index}>{timeIndex}</div>
+      <Link href={blogpost.url}>
+        <div className="container">
+          <div className={"row" + " " + styles.row_custom}></div>
+
           <div className={styles.blogpost_image_container}>
             <div className={styles.blogpost_image}>
-              <img src={blogpost.image} width={blogpost.imageWidth} />
+              <img src={useBaseUrl(blogpost.image)} width={blogpost.imageWidth} id={blogpost.imageID} />
             </div>
           </div>
+
           <div className={styles.blogpost_header}>{blogpost.title}</div>
 
           <div className={styles.blogpost_summary}>
@@ -48,3 +92,4 @@ export default function BlogpostCard({ blogpost }) {
     </div>
   );
 }
+}

src/components/blog/_config.yml

@@ -5,6 +5,13 @@ copyright:
 
 blog:
 
+  - url: https://blog.jupyter.org/jupytergis-d63b7adf9d0c
+    title: "JupyterGIS"
+    image: https://miro.medium.com/v2/resize:fit:1400/format:webp/1*IkYCf2cbk3SaxaROQ0eUsA.png
+    summary: "We are thrilled to announce that the European Space Agency (ESA) is funding our proposal “Real-time collaboration and collaborative editing for GIS workflows with Jupyter and QGIS.”"
+    date: June 12, 2024
+    authors: Sylvain Corlay, Anne Fouilloux, Monika Weissschnur
+
   - url: https://medium.com/@SylvainCorlay/commit-cdf57415b94b
     title: "Commit!"
     image: https://miro.medium.com/v2/0*3gKzwBOWprSRs35k