Skip to content

Commit 826923b

Browse files
HaudinFlorenceHaudinFlorence
committed
Fix the contact page style.
1 parent 0fad20a commit 826923b

17 files changed

+297
-269
lines changed

‎docusaurus.config.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ const config: Config = {
138138
items: [
139139
{
140140
label: " ",
141-
className: "quantstack-astronaut-footer",
141+
className: "astronaut-footer",
142142
href: "/home",
143143
},
144144
],
@@ -201,7 +201,7 @@ const config: Config = {
201201
{
202202
html: `
203203
204-
<div class="div .quantstack-address">
204+
<div class="div .address">
205205
16, avenue Curti <br/>
206206
94100 Saint-Maur-des-Fossés <br/>
207207
France

‎src/components/about/FourValues.tsx

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,7 @@ export default function FourValues() {
1212
</h1>
1313
</div>
1414
</div>
15-
<ul
16-
className={
17-
"row padding-none flex-full-centered" + " " + styles.row_with_margins
18-
}
19-
>
15+
<ul className="row padding-none flex-full-centered row-with-margins">
2016
{valuesDetails.map((value, index) => (
2117
<li className="cards-list" key={index}>
2218
<div className="col">

‎src/components/about/LargePortraitCard.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,10 +52,10 @@ export default function LargePortraitCard({ person, avatarUrl, BioComponent }) {
5252
<div className={styles.large_card_position}>{person.position}</div>
5353
</div>
5454
</div>
55-
<div className={"row" + " " + styles.row_with_margin_bottom}>
56-
<div className={"col col--3 col--offset-1 flex-full-centered"}>
55+
<div className="row">
56+
<div className={"col col--3 col--offset-1 flex-full-centered"} >
5757
<div className="flex-full-centered">
58-
<div style={{marginBottom:"var(--ifm-spacing-lg)"}}>
58+
<div style={{marginBottom:"var(--ifm-spacing-md)"}}>
5959
<img
6060
src={avatarUrl}
6161
className={styles.avatar}

‎src/components/about/SubTeam.tsx

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,7 @@ export default function SubTeam({
1111
<div className={styles.subteam_container}>
1212
<h2 className={"text--center"}> {subTeamName}</h2>
1313
<div className={"container"}>
14-
<ul
15-
className={
16-
"row padding-none flex-full-centered" +
17-
" " +
18-
styles.row_with_margin_top
19-
}
20-
>
14+
<ul className="row padding-none flex-full-centered row-with-margin-top">
2115
{subTeam.map((person, index) => (
2216
<li className="cards-list" key={index}>
2317
<div className="col">

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

Lines changed: 40 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,13 @@
11
.small_portrait_card {
22
width: 279px;
3-
height: 388px;
4-
background-color: white;
5-
color: var(--ifm-color-primary-p2);
6-
border-radius: 8px;
7-
box-shadow: 0px 0px 8px 1px #c8c8c7;
8-
padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
9-
text-align: center;
10-
margin-bottom: var(--ifm-spacing-xl);
11-
}
12-
13-
.avatar {
14-
filter: grayscale(1);
15-
border-radius: 50%;
16-
overflow: hidden;
17-
height: 160px;
18-
width: 160px;
19-
}
20-
21-
22-
23-
24-
.value_header {
25-
font-family: var(--ifm-font-family-rubik-one);
26-
font-size: var(--ifm-font-size-secondary-title);
27-
font-style: normal;
28-
font-weight: 600;
29-
line-height: 28px;
3+
height: 388px;
4+
background-color: white;
5+
color: var(--ifm-color-primary-p2);
6+
border-radius: 8px;
7+
box-shadow: 0px 0px 8px 1px #c8c8c7;
8+
padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
309
text-align: center;
3110
margin-bottom: var(--ifm-spacing-xl);
32-
color: var(--ifm-text-color-on-primary-p1);
3311
}
3412

3513
.value_text p {
@@ -42,7 +20,6 @@
4220
color: var(--ifm-text-color-on-primary-p1);
4321
}
4422

45-
4623
div .row {
4724
margin-left: 0;
4825
margin-right: 0;
@@ -75,7 +52,7 @@ div .row {
7552
color: var(---ifm-text-color);
7653
font-style: normal;
7754
font-weight: 600;
78-
line-height: 24px;
55+
line-height: 24px;
7956
letter-spacing: 0.5px;
8057
color: var(--ifm-color-primary-p2);
8158
}
@@ -89,9 +66,7 @@ div .row {
8966
line-height: 40px;
9067
color: var(--ifm-color-primary-p2);
9168
}
92-
s
93-
94-
.large_card_position {
69+
s .large_card_position {
9570
font-size: var(--ifm--font-size-normal);
9671
font-family: var(--ifm-font-family-roboto);
9772
color: var(--ifm-color-primary-p2);
@@ -136,7 +111,13 @@ div .join_the_team_text {
136111
color: var(--ifm-color-secondary-s2);
137112
}
138113

139-
114+
.avatar {
115+
filter: grayscale(1);
116+
border-radius: 50%;
117+
overflow: hidden;
118+
height: 160px;
119+
width: 160px;
120+
}
140121

141122
@media only screen and (max-width: 996px) {
142123
/*Mobile*/
@@ -150,28 +131,27 @@ div .join_the_team_text {
150131
margin-bottom: var(--ifm-spacing-xl);
151132
}
152133

153-
.large_portrait_card {
154-
width: 100%;
155-
height: 200%;
156-
padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
157-
}
158-
159-
.row_with_margin_top {
160-
margin-top: var(--ifm-spacing-xl);
161-
}
162-
163-
.row_with_margin_bottom {
134+
.value_header {
135+
font-family: var(--ifm-font-family-rubik-one);
136+
font-size: 20px;
137+
font-style: normal;
138+
font-weight: 600;
139+
line-height: 20px;
140+
text-align: center;
164141
margin-bottom: var(--ifm-spacing-xl);
142+
color: var(--ifm-text-color-on-primary-p1);
165143
}
166144

167-
.row_with_margins {
168-
margin: var(--ifm-spacing-xl) 0;
145+
.large_portrait_card {
146+
width: 100%;
147+
height: 100%;
148+
padding: var(--ifm-spacing-xl) var(--ifm-spacing-xl);
169149
}
170150

171151
.subteam_container {
172152
margin: var(--ifm-spacing-3xl) var(--ifm-spacing-2xl);
173153
}
174-
154+
175155
.team_description {
176156
font-family: var(--ifm-font-family-roboto);
177157
font-size: 18px;
@@ -194,30 +174,26 @@ div .join_the_team_text {
194174
margin-bottom: var(--ifm-spacing-xl);
195175
}
196176

197-
177+
.value_header {
178+
font-family: var(--ifm-font-family-rubik-one);
179+
font-size: var(--ifm-font-size-secondary-title);
180+
font-style: normal;
181+
font-weight: 600;
182+
line-height: 28px;
183+
text-align: center;
184+
margin-bottom: var(--ifm-spacing-xl);
185+
color: var(--ifm-text-color-on-primary-p1);
186+
}
198187

199188
.large_portrait_card {
200189
width: 1000px;
201190
padding: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
202191
}
203192

204-
.row_with_margin_top {
205-
margin-top: var(--ifm-spacing-2xl);
206-
}
207-
208-
.row_with_margin_bottom {
209-
margin-bottom: var(--ifm-spacing-2xl);
210-
}
211-
212-
213-
.row_with_margins {
214-
margin: var(--ifm-spacing-2xl) 0;
215-
}
216-
217193
.subteam_container {
218194
margin: var(--ifm-spacing-5xl) var(--ifm-spacing-6xl);
219195
}
220-
196+
221197
.team_description {
222198
font-family: var(--ifm-font-family-roboto);
223199
font-size: 22px;
@@ -226,5 +202,4 @@ div .join_the_team_text {
226202
line-height: 28px;
227203
text-align: center;
228204
}
229-
230-
}
205+
}

‎src/components/blog/index.tsx

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import BlogpostCard from "./BlogpostCard";
44

55
export default function BlogsComponent({ blogpostsDetails }) {
66
const numberOfBlogs = blogpostsDetails.length;
7-
console.log("numberOfBlogs:", numberOfBlogs);
87
const [searchField, setSearchField] = useState("");
98

109
const filteredBlogPosts = blogpostsDetails.filter((blogpost) => {
@@ -15,7 +14,6 @@ export default function BlogsComponent({ blogpostsDetails }) {
1514
blogpost.summary.toLowerCase().includes(searchField.toLowerCase())
1615
);
1716
});
18-
//const filteredBlogPosts = blogpostsDetails;
1917

2018
const handleChange = (event) => {
2119
setSearchField(event.target.value);
@@ -24,12 +22,11 @@ export default function BlogsComponent({ blogpostsDetails }) {
2422
return (
2523
<div className="main-container-with-margins">
2624
<div className="container upper-container-with-margin-top">
27-
<div className={"row"}>
25+
<div className={"row row-with-margin-bottom"}>
2826
<div
2927
className={"col col--8 col--offset-2"}
30-
style={{ marginBottom: "var(--ifm-spacing-5xl)" }}
3128
>
32-
<h1 className="padding-none">
29+
<h1 className="padding-none margin-none">
3330
Featured Posts by QuantStack Contributors
3431
</h1>
3532
<div>

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

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,5 @@ div .blogpost_date {
8888
border-radius: 8px;
8989
padding: var(--ifm-spacing-xs) var(--ifm-spacing-lg) var(--ifm-spacing-xs)
9090
var(--ifm-spacing-lg);
91+
margin: var(--ifm-spacing-lg) 0;
9192
}
92-
93-

‎src/components/careers/index.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,10 @@ export default function Careers() {
3434
</div>
3535
<div
3636
className={
37-
"row" +
37+
"row flex-full-centered" +
3838
" " +
39-
styles.join_the_team_container +
40-
" " +
41-
"flex-full-centered"
39+
styles.join_the_team_container
40+
4241
}
4342
>
4443
<div className="col col--10 col--offset-1">

0 commit comments

Comments
 (0)