Skip to content

Commit ac8dbfb

Browse files
HaudinFlorenceSylvainCorlay
HaudinFlorence
authored and
SylvainCorlay
committed
Add all blogposts images assets.
Finalize the yml-to-json script. Update the style of the button for links Update the mobile design for the home page
1 parent f1ecc98 commit ac8dbfb

147 files changed

Lines changed: 2162 additions & 645 deletions

File tree

Some content is hidden

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

‎.docusaurus/client-manifest.json‎

Lines changed: 123 additions & 123 deletions
Large diffs are not rendered by default.

‎package-lock.json‎

Lines changed: 540 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,16 @@
2929
"@fortawesome/free-regular-svg-icons": "^6.5.1",
3030
"@mdx-js/react": "^3.0.0",
3131
"autoprefixer": "^10.4.19",
32+
"canvas": "^2.11.2",
3233
"clsx": "^2.0.0",
34+
"curl": "^0.1.4",
3335
"fs": "^0.0.1-security",
36+
"image-size": "^1.1.1",
3437
"js-yaml": "^4.1.0",
3538
"nodejs": "^0.0.0",
3639
"postcss": "^8.4.38",
3740
"prism-react-renderer": "^2.3.0",
41+
"probe-image-size": "^7.2.3",
3842
"python": "^0.0.4",
3943
"react": "^18.0.0",
4044
"react-dom": "^18.0.0",

‎src/components/about/index.tsx‎

Lines changed: 23 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import styles from "./styles.module.css";
2-
import { leadershipTeam, leadershipBioComponents, leadershipAvatarsUrls } from "./Team/leadershipTeam";
2+
import {
3+
leadershipTeam,
4+
leadershipBioComponents,
5+
leadershipAvatarsUrls,
6+
} from "./Team/leadershipTeam";
37
import { coreTeam, coreBioComponents, coreAvatarsUrls } from "./Team/coreTeam";
48
import {
59
QSCollaboratorsTeam,
610
QSCollaboratorsBioComponents,
7-
QSCollaboratorsAvatarsUrls
11+
QSCollaboratorsAvatarsUrls,
812
} from "./Team/QScollaborators";
913
import FourValues from "./FourValues";
1014
import { SubTeamDesktop, SubTeamMobile } from "./SubTeam";
@@ -32,8 +36,12 @@ export function AboutDesktop() {
3236
return (
3337
<div className={"container" + " " + styles.about_container}>
3438
<div className="row">
35-
<div className="col col--12">
36-
<h1 className={styles.h1_custom}>Our values </h1>
39+
<div className="col">
40+
<h1 className={styles.h1_margin}>Our values </h1>
41+
</div>
42+
</div>
43+
<div className="row">
44+
<div className="col">
3745
<FourValues />
3846
<h1 className={styles.h1_custom}>Meet the QuantStack team</h1>
3947
<h4>
@@ -43,19 +51,19 @@ export function AboutDesktop() {
4351
<SubTeamDesktop
4452
description={"The leadership team"}
4553
subTeam={leadershipTeam}
46-
subTeamAvatarsUrls= {leadershipAvatarsUrls}
54+
subTeamAvatarsUrls={leadershipAvatarsUrls}
4755
subTeamBioComponents={leadershipBioComponents}
4856
/>
4957
<SubTeamDesktop
5058
description={"The core team"}
5159
subTeam={coreTeam}
52-
subTeamAvatarsUrls = {coreAvatarsUrls}
60+
subTeamAvatarsUrls={coreAvatarsUrls}
5361
subTeamBioComponents={coreBioComponents}
5462
/>
5563
<SubTeamDesktop
5664
description={"QuantStack collaborators"}
5765
subTeam={QSCollaboratorsTeam}
58-
subTeamAvatarsUrls = {QSCollaboratorsAvatarsUrls}
66+
subTeamAvatarsUrls={QSCollaboratorsAvatarsUrls}
5967
subTeamBioComponents={QSCollaboratorsBioComponents}
6068
/>
6169
<div className={styles.join_the_team_container}>
@@ -76,35 +84,34 @@ export function AboutDesktop() {
7684
export function AboutMobile() {
7785
return (
7886
<div className={"container" + " " + styles.about_container}>
79-
<div className={"row" + " "+ styles.row_custom}>
80-
<div className={"col col--12" +" "+ styles.col_custom}>
87+
<div className={"row" + " " + styles.row_custom}>
88+
<div className={"col col--12" + " " + styles.col_custom}>
8189
<h2 className={styles.h2_custom}>
8290
A team of outliers, leaders in software projects adopted at the
8391
global scale, benefiting millions of people worldwide.
8492
</h2>
8593
</div>
8694
</div>
8795
<div className="row">
88-
<div className={"col col--10 col--offset-1" +" "+ styles.col_custom}>
89-
<div className ={styles.four_values_div}>
90-
<FourValues />
96+
<div className={"col col--10 col--offset-1" + " " + styles.col_custom}>
97+
<div className={styles.four_values_div}>
98+
<FourValues />
9199
</div>
92100

93101
<SubTeamMobile
94102
description={"The leadership team"}
95103
subTeam={leadershipTeam}
96104
subTeamAvatarsUrls={leadershipAvatarsUrls}
97-
98105
/>
99-
<SubTeamMobile
106+
<SubTeamMobile
100107
description={"The core team"}
101108
subTeam={coreTeam}
102109
subTeamAvatarsUrls={coreAvatarsUrls}
103110
/>
104-
<SubTeamMobile
111+
<SubTeamMobile
105112
description={"QuantStack collaborators"}
106113
subTeam={QSCollaboratorsTeam}
107-
subTeamAvatarsUrls={QSCollaboratorsAvatarsUrls}
114+
subTeamAvatarsUrls={QSCollaboratorsAvatarsUrls}
108115
/>
109116
<div className={styles.join_the_team_container}>
110117
<div className={styles.join_the_team_text}>

‎src/components/about/styles.module.css‎

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -79,8 +79,8 @@
7979
line-height: 20px; /* 142.857% */
8080
letter-spacing: 0.25px;
8181
}
82-
.bio_container {
8382

83+
.bio_container {
8484
text-align: justify;
8585
color: var(--ifm-color-neutral-black);
8686
font-family: var(--ifm-font-family-roboto);
@@ -89,10 +89,8 @@
8989
font-weight: 400;
9090
line-height: 24px; /* 133.333% */
9191
letter-spacing: 0.5px;
92-
padding:var(--ifm-spacing-4xl) var(--ifm-spacing-2xl);
93-
92+
padding: var(--ifm-spacing-4xl) var(--ifm-spacing-2xl);
9493
}
95-
9694
}
9795

9896
@media only screen and (min-width: 996px) {
@@ -132,6 +130,10 @@
132130
text-align: center;
133131
}
134132

133+
.h1_margin {
134+
padding:0;
135+
}
136+
135137
.value_card {
136138
height: 516px;
137139
width: 264px;
@@ -148,7 +150,10 @@
148150
border-radius: 10px;
149151
box-shadow: 0px 1px 10px 0 rgba(1, 0, 0, 0.17);
150152
padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
153+
}
151154

155+
p {
156+
text-align: center;
152157
}
153158

154159
.bio_container {
@@ -253,7 +258,12 @@
253258
line-height: 36px; /* 128.571% */
254259
background-color: var(--ifm-color-secondary-s1);
255260
color: var(--ifm-color-secondary-s4);
256-
padding: var(--ifm-spacing-3xl) var(--ifm-spacing-4xl);
261+
padding: var(--ifm-spacing-2xl) var(--ifm-spacing-2xl);
257262
max-width: none;
258263
}
264+
265+
.join_the_team_text {
266+
background-color: var(--ifm-color-secondary-s1);
267+
margin-bottom: var(--ifm-spacing-2xl);
268+
}
259269
}

‎src/components/blog/BlogpostCard.tsx‎

Lines changed: 2 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,7 @@ import styles from "./styles.module.css";
55
import Link from "@docusaurus/Link";
66
import useBaseUrl from '@docusaurus/useBaseUrl';
77

8-
export function BlogpostPicture({ blogpost }) {
9-
return (
10-
<div className={styles.blogpost_image}>
11-
<img src={blogpost.image} style={{ height: "40%" }} />
12-
</div>
13-
);
14-
}
15-
168
export default function BlogpostCard({ blogpost, timeIndex }) {
17-
if (blogpost.image.includes("https://")){
189
return (
1910
<div
2011
className={"card " + styles.blogpost_card}
@@ -27,46 +18,7 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
2718

2819
<div className={styles.blogpost_image_container}>
2920
<div className={styles.blogpost_image}>
30-
<img src={blogpost.image} id={blogpost.imageID} width={blogpost.imageWidth} />
31-
</div>
32-
</div>
33-
34-
<div className={styles.blogpost_header}>{blogpost.title}</div>
35-
36-
<div className={styles.blogpost_summary}>
37-
{blogpost.summary.length < 200
38-
? blogpost.summary
39-
: blogpost.summary.substring(0, 200) + "..."}
40-
</div>
41-
42-
<div
43-
className="row"
44-
style={{ marginBottom: "var(--ifm-spacing-md)" }}
45-
>
46-
<div className="col" style={{ padding: "0px" }}>
47-
<div className={styles.blogpost_date}>{blogpost.date}</div>
48-
<div className={styles.blogpost_authors}>{blogpost.authors}</div>
49-
</div>
50-
</div>
51-
</div>
52-
</Link>
53-
</div>
54-
);
55-
} else if(blogpost.image.includes('/img/'))
56-
{
57-
return (
58-
<div
59-
className={"card " + styles.blogpost_card}
60-
style={{ marginBottom: "var(--ifm-spacing-lg)" }}
61-
>
62-
<div className={styles.blog_time_index}>{timeIndex}</div>
63-
<Link href={blogpost.url}>
64-
<div className="container">
65-
<div className={"row" + " " + styles.row_custom}></div>
66-
67-
<div className={styles.blogpost_image_container}>
68-
<div className={styles.blogpost_image}>
69-
<img src={useBaseUrl(blogpost.image)} width={blogpost.imageWidth} id={blogpost.imageID} />
21+
<img src={useBaseUrl(blogpost.image)} id={blogpost.imageID} width={blogpost.imageRenderedWidth} height={blogpost.imageRenderedHeight} />
7022
</div>
7123
</div>
7224

@@ -92,4 +44,4 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
9244
</div>
9345
);
9446
}
95-
}
47+

‎src/components/blog/_config.yml‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -42,9 +42,9 @@ blog:
4242

4343
- url: https://medium.com/@QuantStack/quantstack-2023-in-review-94fea0a35520
4444
title: "QuantStack: 2023 in review"
45-
image: https://miro.medium.com/v2/resize:fit:2000/format:webp/0*rwQcR7xvAIr_7pzY
45+
image: https://miro.medium.com/v2/resize:fit:2000/format:webp/0*rwQcR7xvAIr_7pzY
4646
summary: "Since QuantStack was founded in 2016, we have remained committed to releasing our work under permissive open-source licenses. Here are some highlights of the 2023 achievements. Buckle up!"
47-
date: January 3rd, 2023
47+
date: January 3rd, 2024
4848
authors: Sylvain Corlay
4949

5050
- url: https://blog.jupyter.org/recent-keyboard-navigation-improvements-in-jupyter-4df32f97628d
@@ -188,7 +188,7 @@ blog:
188188
authors: Martin Renou
189189

190190
- url: https://blog.pyodide.org/posts/canvas-renderer-matplotlib-in-pyodide/
191-
title: HTML5 &lt;canvas&gt; based renderer for Matplotlib in Pyodide
191+
title: HTML5 <canvas> based renderer for Matplotlib in Pyodide
192192
image: https://blog.pyodide.org/posts/canvas-renderer-matplotlib-in-pyodide/featured.png
193193
summary: In this post, we present a new backend for Matplotlib enabling the rendering of figures in the browser by leveraging the &lt;canvas&gt; element. This showcases how JavaScript and Python can interact with each other, thanks to Pyodide.
194194
date: April 1st, 2022
@@ -293,7 +293,7 @@ blog:
293293
authors: Thorsten Beier
294294

295295
- url: https://blog.jupyter.org/jupyterlite-jupyter-%EF%B8%8F-webassembly-%EF%B8%8F-python-f6e2e41ab3fa
296-
title: Jupyter ️❤️ WebAssembly ❤️ Python
296+
title: Jupyter ❤️ WebAssembly ❤️ Python
297297
image: https://miro.medium.com/max/1024/1*CMvcTaLSAD5A-WHCtnIFwA.png
298298
summary: JupyterLite is a JupyterLab distribution that runs entirely in the web browser, backed by in-browser language kernels. JupyterLite is a reboot of several attempts at making a full static Jupyter…
299299
date: July 13th, 2021
@@ -321,7 +321,7 @@ blog:
321321
authors: Kevin Jahns
322322

323323
- url: https://blog.jupyter.org/retrolab-a-jupyterlab-distribution-with-a-retro-look-and-feel-8096b8b223d0
324-
title: RetroLab — A JupyterLab distribution with a retro look and feel
324+
title: RetroLab - A JupyterLab distribution with a retro look and feel
325325
image: https://miro.medium.com/max/3840/1*n9MydI9CDW9vlav1gMlo0Q.png
326326
summary: RetroLab is an alternative JupyterLab distribution, built from the ground-up, providing a notebook interface with a retro look and feel. Currently at version 3.0, JupyterLab provides an advanced…
327327
date: May 27th, 2021
@@ -342,7 +342,7 @@ blog:
342342
authors: Sylvain Corlay, Johan Mabille
343343

344344
- url: https://medium.com/@mari_meir/jupyter-%EF%B8%8F-%EF%B8%8F-cytoscape-e2e77be8e0f9
345-
title: Jupyter ️❤️ Cytoscape
345+
title: Jupyter ❤️ Cytoscape
346346
image: https://miro.medium.com/max/250/1*fib_QqwBNksN4YiJiAneQg.png
347347
summary: Cytoscape is an open source software platform for visualizing complex networks and integrating these with any type of attribute data. While the project was started in the life sciences community, it…
348348
date: May 11th, 2021
@@ -427,7 +427,7 @@ blog:
427427
authors: Vassil Vassilev, David Lange, Simeon Ehrig, Sylvain Corlay
428428

429429
- url: https://david-brochart.medium.com/xtensor-%EF%B8%8F-zarr-4f5cf25c65e5
430-
title: Xtensor ❤️ Zarr
430+
title: Xtensor ❤️ Zarr
431431
image: https://miro.medium.com/max/2160/1*N1w2lJOA9n0HKw0Hlf0ruQ.png
432432
summary: A C++ implementation of the Zarr specification…
433433
date: Dec 15, 2020

0 commit comments

Comments
 (0)