Skip to content

Commit 91d4231

Browse files
HaudinFlorenceHaudinFlorence
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 719faa6 commit 91d4231

File tree

263 files changed

+3341
-517
lines changed

Some content is hidden

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

263 files changed

+3341
-517
lines changed

‎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: 3 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -4,56 +4,11 @@ import React from "react";
44
import styles from "./styles.module.css";
55
import Link from "@docusaurus/Link";
66
import useBaseUrl from '@docusaurus/useBaseUrl';
7+
import { useEffect, useState } from "react";
8+
import BlogpostPicture from "./BlogpostPicture";
79

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-
}
1510

1611
export default function BlogpostCard({ blogpost, timeIndex }) {
17-
if (blogpost.image.includes("https://")){
18-
return (
19-
<div
20-
className={"card " + styles.blogpost_card}
21-
style={{ marginBottom: "var(--ifm-spacing-lg)" }}
22-
>
23-
<div className={styles.blog_time_index}>{timeIndex}</div>
24-
<Link href={blogpost.url}>
25-
<div className="container">
26-
<div className={"row" + " " + styles.row_custom}></div>
27-
28-
<div className={styles.blogpost_image_container}>
29-
<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-
{
5712
return (
5813
<div
5914
className={"card " + styles.blogpost_card}
@@ -92,4 +47,4 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
9247
</div>
9348
);
9449
}
95-
}
50+

‎src/components/blog/BlogpostPicture.tsx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import styles from "./styles.module.css";
2+
3+
export default function BlogpostPicture({ blogpost }) {
4+
return (
5+
<div className={styles.blogpost_image}>
6+
<img
7+
id={blogpost.imageID}
8+
src={blogpost.image}
9+
width={blogpost.imageRenderedWidth}
10+
height={blogpost.imageRenderedHeight}
11+
/>
12+
</div>
13+
);
14+
}

‎src/components/blog/_config.yml

Lines changed: 4 additions & 4 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
@@ -806,14 +806,14 @@ blog:
806806

807807
- url: https://blog.jupyter.org/interactive-workflows-for-c-with-jupyter-fe9b54227d92
808808
title: Interactive Workflows for C++ with Jupyter
809-
image: https://miro.medium.com/max/933/1*t_9qAXtdkSXr-0tO9VvOzQ.png
809+
image: /img/blogposts/Interactive-Workflows-for-C++-with-Jupyter.png
810810
summary: Scientists, educators and engineers not only use programming languages to build software systems, but also in interactive workflows, using the tools available to explore a problem and reason about…
811811
date: Nov 29, 2017
812812
authors: Sylvain Corlay, Loic Gouarin, Johan Mabille, Wolf Vollprecht
813813

814814
- url: https://medium.com/@SylvainCorlay/scientific-computing-in-a-polyglot-world-with-xtensor-d81ff3865d6
815815
title: Scientific Computing in a Polyglot World with Xtensor
816-
image: https://miro.medium.com/max/540/1*mtoK6AtRa0pNGGm576Yj0w.jpeg
816+
image: /img/blogposts/Scientific-Computing-in-a-Polyglot-World-with-Xtensor.jpg
817817
summary: The One Language to Rule Them All probably does not exist yet. In the world of interactive scientific computing, countless articles and blog posts argue on the merits of R, Python, Julia and other…
818818
date: May 5, 2017
819819
authors: Sylvain Corlay

0 commit comments

Comments
 (0)