Skip to content

Commit 28e9eab

Browse files
ksraj123ksraj123
committed
updates
1 parent 92938e2 commit 28e9eab

File tree

11 files changed

+201
-117
lines changed

11 files changed

+201
-117
lines changed

‎src/components/Activities/ActivityCard.css

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,11 @@
99
transition: box-shadow 1s ease;
1010
}
1111

12+
.activity-card.activity:hover .activity-card-img-top.activity{
13+
transform: scale(1.2);
14+
overflow: hidden;
15+
}
16+
1217
.activity-card.activity.activity-card-body {
1318
padding: 1rem 0;
1419
}
@@ -48,10 +53,10 @@
4853
object-fit: scale-down;
4954
}
5055

51-
.activity-card-img-top.activity:hover {
56+
/* .activity-card-img-top.activity:hover {
5257
transform: scale(1.2);
5358
overflow: hidden;
54-
}
59+
} */
5560

5661
.activity-card-description {
5762
text-align: left;

‎src/components/Collaborate/CollaborateCard.css

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,11 @@
99
transition: box-shadow 1s ease;
1010
}
1111

12+
.collaborate-card.option:hover .collaborate-card-img-top.option{
13+
transform: scale(1.2);
14+
overflow: hidden;
15+
}
16+
1217
.collaborate-card.option.collaborate-card-body {
1318
padding: 1rem 0;
1419
}
@@ -34,13 +39,13 @@
3439
transition: transform 0.5s ease;
3540
height: 10rem;
3641
object-fit: scale-down;
37-
color: #1f93ff;
42+
color: rgb(34, 36, 122);
3843
}
3944

40-
.collaborate-card-img-top.option:hover {
45+
/* .collaborate-card-img-top.option:hover {
4146
transform: scale(1.2);
4247
overflow: hidden;
43-
}
48+
} */
4449

4550
.collaborate-card-description {
4651
text-align: left;

‎src/components/DonateUs/Donate.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import React from 'react'
22
const DonateCard = () => {
33
return (
4-
<div class="mt-10 container lift" style={{borderRadius:"25px",textAlign:"left",color:"white",backgroundColor:" #22247A",width:"100%"}}>
4+
<div class="mt-10 container lift" style={{textAlign:"left",color:"white",backgroundColor:" #22247A",width:"100%"}}>
55
<div class="row">
66
<div class="col-md-6 co-12 ml-0 pt-6 pb-6 pl-8">
77
<h2>Donate Us</h2>
88
<p>COMMUNITY FUND AND PROJECT INCUBATION</p>
9-
<a href="https://people.communitybridge.org/project/7deb8e48-6797-4115-bb96-9cf4ccee022e" class="ml-0 btn btn-primary shadow lift" style={{color:" #22247A",backgroundColor:"white"}}>The Linux Foundation Mentorship Platform</a>
9+
<a href="https://funding.communitybridge.org/projects/codeuino-mentorship" class="ml-0 btn btn-primary shadow lift" style={{color:" #22247A",backgroundColor:"white"}}>The Linux Foundation Mentorship Platform</a>
1010
</div>
1111
<div class="col-md-6 col-12" id="join">
1212
<p>Codeuino is an Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world through building all kinds of social environments, discussion portals and collaboration.</p>

‎src/pages/Home/Components/Activities.css

Lines changed: 0 additions & 71 deletions
This file was deleted.

‎src/pages/Home/Components/LandingPageComponent.js

Lines changed: 25 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React from "react";
22
import Banner from "../images/banner.svg";
33
import poster from "../images/poster.svg";
4+
import Bulb from "../images/lightbulb.svg";
45
import { HashLink as Link } from "react-router-hash-link";
56

67
const LandingPageComponent = () => {
@@ -45,23 +46,29 @@ const LandingPageComponent = () => {
4546
</div>
4647
</div>
4748
</section>
48-
<div className="mt-10 container lift" style={{borderRadius:"25px",textAlign:"left",color:"white",backgroundColor:" #22247A",width:"100%"}}>
49-
<div className="row pt-6 pb-6 pl-md-6 pr-md-6">
50-
<div className="col-md-3 text-center p-0" style={{display: 'flex', flexDirection: 'column', justifyContent: 'center'}}>
51-
<h1 className="m-0 display-3">Mission</h1>
52-
<p className="m-0">Of our Community</p>
53-
</div>
54-
<p className="col-md-9 m-0 p-md-0" style={{textAlign: 'justify'}}>
55-
Communications technology has enabled new approaches to communities and
56-
end-users in which stakeholders across sectors and organizations are engaged
57-
in consensus building and implementation processes for open source ecosystem.
58-
So Codeuino works with a vision to have open sustainability within social
59-
networking and build OSS/FOSS social-environmental tools with a sole motive
60-
to benefit organizations and individuals to have a common platform for
61-
collaboration.
62-
</p>
63-
64-
</div>
49+
<div id="mission" className="mt-10 mb-10 container-fluid">
50+
<div className="container">
51+
<div className="row pt-12 pb-12 pl-md-6 pr-md-6">
52+
<div className="mission-heading col-md-3 text-center p-0">
53+
<div className="mission-heading-heading">
54+
<div class="mission-heading-icon"></div>
55+
<div className="mission-heading-text">
56+
<h1 className="m-0 display-3">Mission</h1>
57+
<p className="m-0">Of our Community</p>
58+
</div>
59+
</div>
60+
</div>
61+
<p className="col-md-9 m-0 p-md-0" style={{textAlign: 'justify'}}>
62+
Communications technology has enabled new approaches to communities and
63+
end-users in which stakeholders across sectors and organizations are engaged
64+
in consensus building and implementation processes for open source ecosystem.
65+
So Codeuino works with a vision to have open sustainability within social
66+
networking and build OSS/FOSS social-environmental tools with a sole motive
67+
to benefit organizations and individuals to have a common platform for
68+
collaboration.
69+
</p>
70+
</div>
71+
</div>
6572
</div>
6673
<section className="pt-10"
6774
id="aboutUs"
@@ -70,7 +77,7 @@ const LandingPageComponent = () => {
7077
<span className="badge badge-pill badge-primary-soft mb-3 text-center">
7178
<span className="h6 text-uppercase font-weight-bold">About Us</span>
7279
</span>
73-
<h1 className="component-heading">Our Background and Mission</h1>
80+
<h1 className="component-heading">Our Background and History</h1>
7481
<div className="row align-items-center">
7582
<div className="row" style={{ textAlign: "left" }}>
7683
<div className="col-md-4 col-12">

‎src/pages/Home/Components/Projects.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@ const Projects = () => {
4141
</Carousel>
4242
</div>
4343
<div className="col-md-6 col-12">
44-
<h1 className="mb-0">Donut</h1>
45-
<h3 className="muted mb-4">Open source, community-oriented social media platform</h3>
44+
<h1 className="mb-0" style={{fontWeight: "600"}}>Donut</h1>
45+
<h3 className="muted mb-4 project-tagline">Open source, community-oriented social media platform</h3>
4646
<p style={{ textAlign: "justify" }}>
4747
Donut is an open-source, feature-rich, highly flexible and
4848
privacy-friendly, social networking platform built for
@@ -87,8 +87,8 @@ const Projects = () => {
8787
</div>
8888
</div>
8989
<div className="col-md-6 col-12 mt-10">
90-
<h1 className="mb-0">Codebadge</h1>
91-
<h3 className="muted mb-4">Tool for measuring contributor's health in the community</h3>
90+
<h1 className="mb-0" style={{fontWeight: "600"}}>Codebadge</h1>
91+
<h3 className="muted mb-4 project-tagline">Tool for measuring contributor's health in the community</h3>
9292
<p style={{ textAlign: "justify" }}>
9393
Codebadge is an open-source, user-friendly, visual-oriented
9494
collaboration tool which incorporates development of badges
@@ -159,8 +159,8 @@ const Projects = () => {
159159
</Carousel>
160160
</div>
161161
<div className="col-md-6 col-12 mt-10">
162-
<h1 className="mb-0">Spansberry</h1>
163-
<h3 className="muted mb-4">Open source, community-oriented discussion platform</h3>
162+
<h1 className="mb-0 project-title" style={{fontWeight: "600"}}>Spansberry</h1>
163+
<h3 className="muted mb-4 project-tagline">Open source, community-oriented discussion platform</h3>
164164
<p style={{ textAlign: "justify" }}>
165165
Spansberry is a community-oriented discussion platform that
166166
comes with an intelligent dashboard mechanism that helps

‎src/pages/Home/Components/Testimonials.js

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
import React from 'react';
1+
import React from "react";
22

33
const Testimonials = () => {
4-
return (
5-
<div class="twitter-feed d-flex flex-column align-items-center mt-10 mb-10 container">
6-
<h1 className="mb-10 component-heading">Testimonials</h1>
7-
<div className="row">
8-
<div className="col-md-4">
9-
</div>
10-
<div className="col-md-4">
11-
</div>
12-
<div className="col-md-4">
13-
</div>
14-
</div>
15-
</div>
16-
)
17-
}
4+
return (
5+
<div class="d-flex flex-column align-items-center mt-10 mb-10 container">
6+
<span class="badge badge-pill badge-primary-soft mb-3 text-center">
7+
<span class="h6 text-uppercase font-weight-bold">Testimonials</span>
8+
</span>
9+
<h1 className="mb-10 component-heading">What others say about Coduino?</h1>
10+
<div className="row">
11+
<div className="col-md-4"></div>
12+
<div className="col-md-4"></div>
13+
<div className="col-md-4"></div>
14+
</div>
15+
</div>
16+
);
17+
};
1818

1919
export default Testimonials;

‎src/pages/Home/Components/common.css

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,4 +59,61 @@
5959

6060
.banner-text {
6161
font-size: 22px;
62+
}
63+
64+
#mission {
65+
text-align: left;
66+
color: inherit;
67+
background-image: url("../images/grey-bg.jpg");
68+
background-position: center;
69+
background-repeat: no-repeat;
70+
background-size: cover;
71+
width: 100%;
72+
box-shadow:0 1rem 2.5rem rgba(22,
73+
28,
74+
45,
75+
.1),
76+
0 .5rem 1rem -.75rem rgba(22,
77+
28,
78+
45,
79+
.1)
80+
}
81+
82+
.mission-heading {
83+
display: flex;
84+
align-items: center;
85+
justify-content: center;
86+
}
87+
88+
.mission-heading-icon {
89+
background-image: url("../images/lightbulb.svg");
90+
background-repeat: no-repeat;
91+
background-position: center;
92+
background-size: cover;
93+
width: 70px;
94+
height: 70px;
95+
}
96+
97+
.mission-heading-text {
98+
display: flex;
99+
flex-direction: column;
100+
align-items: flex-start;
101+
}
102+
103+
.mission-heading-heading {
104+
display: flex;
105+
align-items: flex-start;
106+
}
107+
108+
.project-tagline {
109+
color: inherit
110+
}
111+
112+
#collaborate .skew {
113+
width:100vw;
114+
height:47vh;
115+
position: absolute;
116+
top: 50%;
117+
transform:skewY(-10deg) scaleX(2) translateX(-30%) translateY(-50%);
118+
z-index: 0
62119
}

‎src/pages/Home/images/grey-bg.jpg

16.3 KB
Loading

0 commit comments

Comments
 (0)