Skip to content

Commit 7efe818

Browse files
HaudinFlorenceHaudinFlorence
committed
Update the card including a form.
1 parent 7dc1bc6 commit 7efe818

File tree

9 files changed

+148
-159
lines changed

9 files changed

+148
-159
lines changed

‎src/components/fundable/MenuSideBar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
55
const sections = [
66
{ id: 'jupyter-ecosystem', label: 'Jupyter ecosystem' },
77
{ id: 'package-management', label: 'Package management' },
8-
{ id: 'propose-and-fund-a-project', label: 'Propose and fund a project' },
8+
{ id: 'suggest-a-project', label: 'Suggest a project' },
99
];
1010

1111
export default function MenuSideBar() {

‎src/components/fundable/SmallProjectCardWithInputs.tsx

Lines changed: 89 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -4,111 +4,108 @@ import BlueCaretIcon from "@site/static/img/icons/BlueCaret.svg";
44
export function SmallProjectCardWithInputs() {
55
return (
66
<div className="flex-horizontally-centered">
7+
<section id="suggest-a-project">
8+
<div className={"card" + " " + styles.small_project_card} style={{ marginTop: "var(--ifm-spacing-lg" }}>
9+
<div className="card__body" style={{ padding: "0" }}>
710

8-
9-
<div className={"card" + " " + styles.small_project_card} style={{ marginTop: "var(--ifm-spacing-lg" }}>
10-
<div className="card__body" style={{ padding: "0" }}>
11-
<form
12-
action="https://formspree.io/f/xjvndwdq"
13-
method="POST"
14-
>
15-
<div className="row" >
16-
<div className={"col col--6" + " " + styles.small_project_card_text_col}>
17-
<div
18-
className={styles.project_title
19-
}
20-
>
21-
Contact us for a project to fund
22-
</div>
23-
<div className="form-group">
24-
<div>
25-
<label className={styles.form_label}>Your name/ your organisation</label>
26-
</div>
27-
<div className={styles.input_container}>
28-
<input
29-
type="text"
30-
className={styles.empty_card_small_input}
31-
placeholder="Please provide your name/ your organisation name"
32-
name="name"
33-
id="name"
34-
/>
35-
</div>
11+
<form
12+
action="https://formspree.io/f/xjvndwdq"
13+
method="POST"
14+
>
15+
<div className="row" >
16+
<div style={{ margin: "var(--ifm-spacing-xl) var(--ifm-spacing-xl) 0 var(--ifm-spacing-xl)" }}>
17+
<h2 className={styles.project_category_header} > Suggest a project</h2>
18+
Do you have a project on the open-source data stack that you would like to fund or advertise for funding? Talk to us about it below!
3619
</div>
37-
<div className="form-group">
38-
<div>
39-
<label className={styles.form_label}>Your email</label>
40-
</div>
41-
<div className={styles.input_container}>
42-
<input
43-
type="text"
44-
className={styles.empty_card_small_input}
45-
placeholder="Please indicate your email"
46-
name="email"
47-
id="email"
48-
/>
20+
<div className={"col col--4 col--offset-1" + " " + styles.small_project_card_text_col}>
21+
22+
<div className="form-group">
23+
<div>
24+
<label className={styles.form_label}>Your name/ your organisation</label>
25+
</div>
26+
<div className={styles.input_container}>
27+
<input
28+
type="text"
29+
className={styles.empty_card_small_input}
30+
placeholder=""
31+
name="name"
32+
id="name"
33+
/>
34+
</div>
4935
</div>
50-
</div>
51-
<div className="form-group">
52-
<div>
53-
<label className={styles.form_label}>Project title</label>
36+
<div className="form-group">
37+
<div>
38+
<label className={styles.form_label}>Your email</label>
39+
</div>
40+
<div className={styles.input_container}>
41+
<input
42+
type="text"
43+
className={styles.empty_card_small_input}
44+
placeholder=""
45+
name="email"
46+
id="email"
47+
/>
48+
</div>
5449
</div>
55-
<div className={styles.input_container}>
56-
<input
57-
type="text"
58-
className={styles.empty_card_small_input}
59-
placeholder="Please provide a name for the project"
60-
name="project-title"
61-
id="project-title"
62-
/>
50+
<div className="form-group">
51+
<div>
52+
<label className={styles.form_label}>Project title</label>
53+
</div>
54+
<div className={styles.input_container}>
55+
<input
56+
type="text"
57+
className={styles.empty_card_small_input}
58+
placeholder=""
59+
name="project-title"
60+
id="project-title"
61+
/>
62+
</div>
6363
</div>
6464
</div>
65-
</div>
66-
67-
68-
<div className={"col col--6" + " " + styles.small_project_card_price_col}>
69-
<div className={styles.project_information_container}>
70-
<div className={styles.project_information} style={{ padding: "0px" }}>
71-
<div className="form-group">
72-
<div>
73-
<label className={styles.form_label}>Project description</label>
74-
</div>
75-
<div>
76-
<textarea
77-
className={styles.empty_card_large_input}
78-
placeholder="Please propose a description of the project"
79-
name="message"
80-
id="message"
81-
></textarea>
82-
</div>
83-
</div>
84-
<div className="form-group">
85-
<div>
86-
<label className={styles.form_label} style={{ background: "background-color: rgba(217, 217, 217, 0.25)" }}>Indicative price</label>
65+
<div className={"col col--7" + " " + styles.small_project_card_price_col} style={{ backgroundColor: "white" }}>
66+
<div className={styles.project_information_container}>
67+
<div className={styles.project_information} style={{ padding: "0px" }}>
68+
<div className="form-group">
69+
<div>
70+
<label className={styles.form_label}>Project description</label>
71+
</div>
72+
<div>
73+
<textarea
74+
className={styles.empty_card_large_input}
75+
placeholder=""
76+
name="message"
77+
id="message"
78+
></textarea>
79+
</div>
8780
</div>
88-
<div className={styles.input_container}>
89-
<input
90-
type="text"
91-
className={styles.empty_card_small_input}
92-
placeholder="Indicative price?"
93-
name="project-price"
94-
id="project-price"
95-
/>
81+
<div style={{display: "flex"}}>
82+
<div className="form-group">
83+
<div>
84+
<label className={styles.form_label}>Indicative price</label>
85+
</div>
86+
<div className={styles.input_container}>
87+
<input
88+
type="text"
89+
className={styles.empty_card_small_input}
90+
style={{ width: "10vw", height: "24px"}}
91+
placeholder=""
92+
name="project-price"
93+
id="project-price"
94+
/>
95+
</div>
96+
</div>
97+
<div className={"flex-full-centered"}>
98+
<input type="submit" value="Submit" className={styles.submit_proposition_button} />
99+
</div>
96100
</div>
97101
</div>
98-
99-
100-
<div className={"flex-full-centered"}>
101-
<input type="submit" value="Submit" className={styles.submit_proposition_button} />
102-
</div>
103102
</div>
104-
105103
</div>
106104
</div>
107-
</div>
108-
</form>
105+
</form>
106+
</div>
109107
</div>
110-
</div>
111-
108+
</section>
112109
</div >
113110
)
114111
}

‎src/components/fundable/index.tsx

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import styles from "./styles.module.css";
22
import { fundableProjectsDetails } from "./projectsDetails";
33
import ProjectCategory from "./ProjectCategory";
44
import MenuSidebar from "./MenuSideBar";
5-
import { SmallProjectCardWithInputs } from "./SmallProjectCardWithInputs";
65

76
export function getCategoryFromProjectPageName(pageName: string) {
87
for (const [categoryName, projectsByCategory] of Object.entries(fundableProjectsDetails)) {
@@ -31,11 +30,7 @@ export function MainAreaFundableProjects() {
3130
projectCategory={fundableProjectsDetails.packageManagement}
3231
/>
3332
</section>
34-
<section id="propose-and-fund-a-project">
35-
<h2 className={styles.project_category_header} style={{ margin: "0px" }}>Propose and fund a project</h2>
36-
<p style={{ marginTop: "var(--ifm-spacing-lg)" }}>You have a project on the open-source data stack that you would like to fund. Please contact us with this form!</p>
37-
<SmallProjectCardWithInputs />
38-
</section>
33+
<h1>Can't find a project ?</h1>
3934
</div>
4035
)
4136
}

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

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -348,12 +348,12 @@
348348
}
349349

350350
.empty_card_small_input {
351-
width: 80vw;
351+
width: 70vw;
352352
height: 20px
353353
}
354354

355355
.empty_card_large_input {
356-
width: 80vw;
356+
width: 70vw;
357357
height: 100px;
358358
}
359359

@@ -426,12 +426,12 @@
426426
}
427427

428428
.empty_card_small_input {
429-
width: 70vw;
429+
width: 60vw;
430430
height: 20px
431431
}
432432

433433
.empty_card_large_input {
434-
width: 70vw;
434+
width: 60vw;
435435
height: 200px;
436436
}
437437

@@ -503,13 +503,13 @@
503503
}
504504

505505
.empty_card_small_input {
506-
width: 30vw;
506+
width: 20vw;
507507
height: 20px
508508
}
509509

510510
.empty_card_large_input {
511511
width: 30vw;
512-
height: 100px;
512+
height: 136.9px;
513513
}
514514

515515
.send_button_container {

‎src/css/custom.css

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,8 @@
1818

1919
--ifm-color-secondary-s1: #a0c9ff;
2020
--ifm-color-secondary-s2: #002646;
21-
<<<<<<< HEAD
22-
=======
2321
--ifm-color-secondary-s3: #00497F;
2422

25-
>>>>>>> b54cef51 (Resize elements of the navbar.)
2623

2724
--ifm-color-neutral-n1: #605e58;
2825
--ifm-color-neutral-n2: #371300;

‎static/atom.xml

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

0 commit comments

Comments
 (0)