Skip to content

Commit 3af01c6

Browse files
RoshanjosseyRoshanjossey
authored
Merge branch 'source' into source
2 parents bd54163 + 494e460 commit 3af01c6

File tree

9 files changed

+3645
-3081
lines changed

9 files changed

+3645
-3081
lines changed

‎public/funding.json

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
{
2+
"version": "v1.0.0",
3+
"entity": {
4+
"type": "organisation",
5+
"role": "owner",
6+
"name": "firstcontributions",
7+
"email": "[email protected]",
8+
"phone": "",
9+
"description": "Improve accessibility with enhanced documentation tailored for beginners and create opportunities for first-time contributors to get involved. Focus on building great software while inspiring a thriving, collaborative community around open source projects.",
10+
"webpageUrl": {
11+
"url": "https://firstcontributions.github.io/"
12+
}
13+
},
14+
"projects": [
15+
{
16+
"guid": "first-contributions",
17+
"name": "First contributions",
18+
"description": "Help beginners learn how to contribute to open-source projects. It provides a simple and beginner-friendly way for users to understand the contribution workflow using Git and GitHub. We've had over 90,000 users since we started in 2016",
19+
"webpageUrl": {
20+
"url": "https://firstcontributions.github.io/",
21+
"wellKnown": ""
22+
},
23+
"repositoryUrl": {
24+
"url": "https://github.com/firstcontributions/first-contributions",
25+
"wellKnown": ""
26+
},
27+
"licenses": ["spdx:MIT"],
28+
"tags": ["tutorial", "beginner", "open-source", "contribution"]
29+
}
30+
],
31+
"funding": {
32+
"channels": [
33+
{
34+
"guid": "opencollective",
35+
"type": "payment-provider",
36+
"address": "https://opencollective.com/firstcontributions",
37+
"description": "Fiscal host is Open Source Collective. Payment methods can be found in https://docs.opencollective.com/help/financial-contributors/payments#select-a-payment-method"
38+
},
39+
{
40+
"guid": "github-sponsors",
41+
"type": "payment-provider",
42+
"address": "https://github.com/sponsors/firstcontributions",
43+
"description": "Uses open collective"
44+
}
45+
],
46+
"plans": [
47+
{
48+
"guid": "maintainer-time",
49+
"status": "active",
50+
"name": "Maintainer compensation",
51+
"description": "This will compensate the effort of one maintainer working part-time on the projects.",
52+
"amount": 30000,
53+
"currency": "USD",
54+
"frequency": "yearly",
55+
"channels": ["opencollective", "github-sponsors"]
56+
},
57+
{
58+
"guid": "hosting-monthly",
59+
"status": "active",
60+
"name": "Hosting support",
61+
"description": "This will cover the monthly server hosting costs for the projects.",
62+
"amount": 30,
63+
"currency": "USD",
64+
"frequency": "monthly",
65+
"channels": ["opencollective", "github-sponsors"]
66+
}
67+
],
68+
"history": [
69+
{
70+
"year": 2024,
71+
"income": 3,
72+
"expenses": 0,
73+
"taxes": 0,
74+
"currency": "USD",
75+
"description": ""
76+
},
77+
{
78+
"year": 2023,
79+
"income": 5,
80+
"expenses": 0,
81+
"taxes": 0,
82+
"currency": "USD",
83+
"description": ""
84+
}
85+
]
86+
}
87+
}

‎src/App.css

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.App {
22
/* height: 500px; */
3-
background-color: #0054B5;
3+
background-color: #0a0a0a;
44
text-align: center;
55
display: flex;
66
justify-content: center;
@@ -13,6 +13,23 @@
1313
}
1414

1515
.App-header > h1 {
16-
padding-top: 10%;
17-
font-size: 2.5em;
16+
/* padding-top: 6%; */
17+
font-size: 5.1rem;
18+
letter-spacing: -0.05em;
19+
font-weight: 700;
1820
}
21+
22+
.App-header > h1 span{
23+
background: linear-gradient(to right, #60a5fa, #1d4ed8);
24+
-webkit-background-clip: text;
25+
-webkit-text-fill-color: transparent;
26+
}
27+
28+
@media (max-width: 700px) {
29+
.App-header > h1 {
30+
font-size: 3.1rem;
31+
letter-spacing: -0.05em;
32+
font-weight: 700;
33+
}
34+
35+
}

‎src/App.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const App = () => {
1111
<div className="App">
1212
<Navbar />
1313
<div className="App-header">
14-
<h1>Make your first open source contribution in 5 minutes</h1>
14+
<h1>Make your first <br/> open source <span>contribution</span> <br/> in 5 minutes</h1>
1515
</div>
1616
<ScrollUpButton />
1717
<LinkButton />

‎src/components/LinkButton/LinkButton.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
.LinkButton {
2-
padding: 10px 15px;
2+
padding: 16px 20px;
33
text-decoration: none;
44
margin: 20px auto;
55

66
overflow: hidden;
77

88
border-width: 0;
9-
border-radius: 2px;
9+
border-radius: 8px;
1010
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1111

12-
background-color: #0A680D;
12+
background-color: #2563eb;
1313
color: #fff;
1414

1515
-webkit-transition: background-color 0.3s;
@@ -19,7 +19,7 @@
1919
}
2020

2121
.LinkButton:hover {
22-
background-color: #26a65b;
22+
background-color: #3b82f6;
2323
}
2424

2525
.LinkButton > span {

‎src/components/Navbar/Navbar.css

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,40 @@
11
.topnav {
2-
background-color: #0054B5;
2+
background-color: #1f293726;
33
overflow: hidden;
44
text-align: right;
5+
backdrop-filter: blur(16px);
6+
border: 1px solid #f9fafb1a;
7+
padding: 1.1rem;
8+
display: flex;
9+
justify-content:flex-end;
10+
gap: 16px;
511
}
612
@media (max-width: 700px) {
713
.topnav {
814
text-align: center;
15+
overflow: auto;
16+
justify-content: flex-start;
917
}
1018
}
1119

1220
.topnav a {
13-
display: inline-block;
21+
display: flex;
22+
align-items: center;
23+
gap: 8px;
1424
color: #f2f2f2;
1525
text-align: center;
16-
padding: 20px 15px;
26+
padding: 0px 15px;
1727
text-decoration: none;
18-
font-size: 20px;
28+
border: 1px solid transparent;
29+
/* font-size: 20px; */
1930
}
2031

2132
.topnav a:hover {
22-
background-color: #72B1E4;
33+
background-color: #2c2e2fb3;
2334
color: #f2f2f2;
24-
border-radius: 25px;
25-
border: #72B1E4;
26-
block-size: auto;
27-
display: inline;
35+
border-radius: 12px;
36+
border:1px solid #b6b6b94a;
37+
/* display: inline; */
2838
}
2939

3040
.topnav a.active {
@@ -34,8 +44,8 @@
3444

3545
.logo{
3646
margin-top: 10px;
37-
width: 70px;
47+
width: 52px;
3848
vertical-align:middle;
39-
height: 50px;
49+
height: 42px;
4050
display: inline-block;
4151
}

‎src/components/ProjectList/css/project-cards.css

Lines changed: 50 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,19 @@
77
background: white;
88
padding: 2%;
99
line-height: 18px;
10+
height: 140px;
11+
display: flex;
12+
align-items: center;
13+
flex-direction: column;
14+
justify-content: center;
1015
}
1116
.Project-Logo {
12-
width: 45%;
17+
width: 60px;
1318
height: auto;
1419
margin-top: 5%;
20+
border-radius: 8px;
21+
display: block;
22+
max-height: 100px;
1523
}
1624
.Card-Body {
1725
position: relative;
@@ -22,11 +30,14 @@
2230
width: 16%;
2331
min-width: 225px;
2432
display: flex;
25-
margin: 1.5vw;
26-
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
27-
-webkit-transition: box-shadow 0.1s ease-in-out;
33+
margin: .5vw;
34+
/* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
35+
-webkit-transition: box-shadow 0.1s ease-in-out; */
2836
transition: box-shadow 0.1s ease-in-out;
2937
background-color: #fff;
38+
border: 1px solid #1f293740;
39+
border-radius: 8px;
40+
padding: 8px;
3041
}
3142
@media (max-width: 700px) {
3243
.Card-Container {
@@ -38,7 +49,7 @@
3849
}
3950

4051
.Card-Container:hover {
41-
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
52+
box-shadow: rgba(0, 0, 0, 0.053) 0px 3px 10px, rgba(0, 0, 0, 0.066) 0px 3px 10px;
4253
}
4354
.Card-Real-Link:hover {
4455
text-decoration: none;
@@ -62,6 +73,26 @@
6273
.Card-Description {
6374
position: relative;
6475
padding: 5%;
76+
max-height: 180px;
77+
overflow: auto;
78+
margin-top: 16px;
79+
margin-bottom: 16px;
80+
}
81+
.Card-Description::-webkit-scrollbar {
82+
width: 6px;
83+
}
84+
85+
.Card-Description::-webkit-scrollbar-thumb {
86+
background-color: #888;
87+
border-radius: 10px;
88+
}
89+
90+
.Card-Description::-webkit-scrollbar-thumb:hover {
91+
background-color: #555;
92+
}
93+
94+
.Card-Description::-webkit-scrollbar-track {
95+
background-color: #f1f1f1;
6596
}
6697
.Card-Link {
6798
position: relative;
@@ -74,7 +105,8 @@
74105
}
75106
.Card-Link:hover {
76107
color: whitesmoke;
77-
background: #0f3cef;
108+
background: #3b82f6;
109+
border-radius: 8px;
78110
}
79111
.Card-Title {
80112
margin-top: 6%;
@@ -85,12 +117,20 @@
85117
margin-left: 10%;
86118
}
87119

120+
.Card-Tag{
121+
display: flex;
122+
justify-content: center;
123+
align-items: center;
124+
flex-wrap: wrap;
125+
gap: 8px;
126+
}
127+
88128
.Card-Tag div {
89129
display: inline-block;
90-
background-color: #c8e1f9;
91-
padding: 5px;
92-
border-radius: 12px;
93-
margin: 10px 10px;
130+
background-color: #0f3cef33;
131+
padding: .3rem .65rem;
132+
border-radius: 8px;
133+
border: 1px solid #42404047;
94134
vertical-align: middle;
95135
}
96136

0 commit comments

Comments
 (0)