Skip to content
This repository was archived by the owner on Mar 7, 2024. It is now read-only.

Commit 48e4fbd

Browse files
GangaChatrvediGangaChatrvedi
authored
Adds Campus Leaders page (#52)
1 parent 11ff494 commit 48e4fbd

File tree

11 files changed

+225
-38
lines changed

11 files changed

+225
-38
lines changed

‎CODE_OF_CONDUCT.md‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
1414
Examples of behavior that contributes to creating a positive environment
1515
include:
1616

17-
* Using welcoming and inclusive language
18-
* Being respectful of differing viewpoints and experiences
19-
* Gracefully accepting constructive criticism
20-
* Focusing on what is best for the community
21-
* Showing empathy towards other community members
17+
- Using welcoming and inclusive language
18+
- Being respectful of differing viewpoints and experiences
19+
- Gracefully accepting constructive criticism
20+
- Focusing on what is best for the community
21+
- Showing empathy towards other community members
2222

2323
Examples of unacceptable behavior by participants include:
2424

25-
* The use of sexualized language or imagery and unwelcome sexual attention or
26-
advances
27-
* Trolling, insulting/derogatory comments, and personal or political attacks
28-
* Public or private harassment
29-
* Publishing others' private information, such as a physical or electronic
30-
address, without explicit permission
31-
* Other conduct which could reasonably be considered inappropriate in a
32-
professional setting
25+
- The use of sexualized language or imagery and unwelcome sexual attention or
26+
advances
27+
- Trolling, insulting/derogatory comments, and personal or political attacks
28+
- Public or private harassment
29+
- Publishing others' private information, such as a physical or electronic
30+
address, without explicit permission
31+
- Other conduct which could reasonably be considered inappropriate in a
32+
professional setting
3333

3434
## Our Responsibilities
3535

‎src/Routes.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { Switch, Redirect, Route } from 'react-router-dom';
44
import MainLayout from 'src/layouts/MainLayout';
55
import DocsLayout from 'src/layouts/DocsLayout';
66
import HomeView from 'src/views/pages/HomeView';
7+
import CAView from 'src/views/pages/CAView';
78
import LoadingScreen from 'src/components/LoadingScreen';
89

910
const routesConfig = [
@@ -42,6 +43,20 @@ const routesConfig = [
4243
}
4344
]
4445
},
46+
{
47+
path: '/campusLeaders',
48+
layout: MainLayout,
49+
routes: [
50+
{
51+
exact: true,
52+
path: '/campusLeaders',
53+
component: CAView
54+
},
55+
{
56+
component: () => <Redirect to="/404" />
57+
}
58+
]
59+
},
4560
{
4661
path: '*',
4762
layout: MainLayout,

‎src/components/AboutCard/SubCard.js‎

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import { Grid, Typography, makeStyles, Box, Hidden } from '@material-ui/core';
33

4-
const useStyles = makeStyles((theme) => ({
4+
const useStyles = makeStyles(theme => ({
55
root: {
66
padding: 0,
77
paddingTop: '40px',
@@ -17,7 +17,7 @@ const useStyles = makeStyles((theme) => ({
1717
[theme.breakpoints.down('xs')]: {
1818
margin: '0 auto',
1919
float: 'none',
20-
textAlign: 'center',
20+
textAlign: 'center'
2121
}
2222
},
2323
contentTitle: {
@@ -31,7 +31,7 @@ const useStyles = makeStyles((theme) => ({
3131
display: 'inline-block',
3232
float: 'left',
3333
[theme.breakpoints.down('xs')]: {
34-
float: 'none',
34+
float: 'none'
3535
}
3636
}
3737
}));
@@ -41,18 +41,28 @@ const SubCard = ({ point }) => {
4141
return (
4242
<Grid container className={classes.root}>
4343
<Grid className={classes.image} item sm={2} xs={12}>
44-
<img alt="title-img" style={{ marginTop: '6px' }} height="55px" src={point.img} />
44+
<img
45+
alt="title-img"
46+
style={{ marginTop: '6px' }}
47+
height="55px"
48+
src={point.img}
49+
/>
4550
</Grid>
4651
<Grid item sm={10} xs={12}>
4752
<Typography
4853
className={classes.title}
4954
align="justify"
5055
variant="subtitle1"
5156
>
52-
<Box component="span" className={classes.contentTitle} display="inline-block">{`${ point.contentTitle }`}</Box>
53-
57+
<Box
58+
component="span"
59+
className={classes.contentTitle}
60+
display="inline-block"
61+
>{`${point.contentTitle}`}</Box>
62+
5463
<Hidden xsDown>
55-
<strong> : </strong>{ point.content }
64+
<strong> : </strong>
65+
{point.content}
5666
</Hidden>
5767
</Typography>
5868
</Grid>

‎src/layouts/MainLayout/TopBar/index.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@ function TopBar({ className, onMobileNavOpen, ...rest }) {
6868
>
6969
<List>
7070
{[
71+
{ title: 'Campus Leaders', link: '/campusLeaders' },
7172
{ title: 'Events', link: '#events' },
7273
{ title: 'About', link: '#about' },
7374
{ title: 'Team', link: '#team' },
@@ -130,6 +131,7 @@ function TopBar({ className, onMobileNavOpen, ...rest }) {
130131
</RouterLink>
131132
<Hidden smDown>
132133
<Box ml={2} flexGrow={1} />
134+
<Item title="Campus Leaders" link="/campusLeaders" />
133135
<Item title="Events" link="#events" />
134136
<Item title="About" link="#about" />
135137
<Item title="Team" link="#team" />

‎src/views/pages/CAView/Hero.js‎

Lines changed: 148 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
import React from 'react';
2+
import PropTypes from 'prop-types';
3+
import clsx from 'clsx';
4+
5+
import {
6+
Box,
7+
Button,
8+
Container,
9+
Grid,
10+
Hidden,
11+
Typography,
12+
makeStyles
13+
} from '@material-ui/core';
14+
import PlayArrowIcon from '@material-ui/icons/PlayArrow';
15+
16+
const background = 'linear-gradient(270.72deg, #180255 0.25%, #000000 97.54%)';
17+
18+
const useStyles = makeStyles(theme => ({
19+
root: {
20+
color: '#FFF',
21+
background,
22+
paddingTop: 80,
23+
paddingBottom: 60,
24+
paddingLeft: 70,
25+
paddingRight: 70,
26+
[theme.breakpoints.down('md')]: {
27+
paddingLeft: 15,
28+
paddingRight: 15
29+
}
30+
},
31+
extraPadding: {
32+
padding: '0 70px 0px 0px',
33+
textAlign: 'justify',
34+
[theme.breakpoints.down('sm')]: {
35+
padding: '0'
36+
}
37+
},
38+
image: {
39+
perspectiveOrigin: 'left center',
40+
transformStyle: 'preserve-3d',
41+
perspective: 1500,
42+
'& > img': {
43+
maxWidth: '100%',
44+
height: 'auto',
45+
backfaceVisibility: 'hidden'
46+
},
47+
[theme.breakpoints.down('md')]: {
48+
alignItems: 'center',
49+
display: 'flex',
50+
flexDirection: 'column',
51+
height: '100%',
52+
justifyContent: 'center'
53+
}
54+
},
55+
hide: {
56+
display: 'none'
57+
},
58+
btn: {
59+
backgroundColor: '#A60000',
60+
color: '#ffffff',
61+
textTransform: 'capitalize',
62+
[theme.breakpoints.down('sm')]: {
63+
width: '100%'
64+
},
65+
'&:hover': {
66+
backgroundColor: 'rgba(166, 0, 0, 0.8)'
67+
}
68+
}
69+
}));
70+
71+
function Hero({ className, ...rest }) {
72+
const classes = useStyles();
73+
74+
return (
75+
<div className={clsx(classes.root, className)} {...rest}>
76+
<Container maxWidth="lg">
77+
<Grid container spacing={3}>
78+
<Grid item xs={12} md={6}>
79+
<Box
80+
display="flex"
81+
flexDirection="column"
82+
justifyContent="center"
83+
height="100%"
84+
className={clsx(classes.extraPadding, className)}
85+
>
86+
<Typography variant="h1" gutterBottom>
87+
Learn for Cause
88+
</Typography>
89+
<Typography variant="h1">Code for Cause</Typography>
90+
<Hidden mdUp>
91+
<Box mt={6} mb={2}>
92+
<div className={classes.image}>
93+
<img
94+
alt="codeforcauseimg"
95+
src="/static/home/codeforcause.svg"
96+
/>
97+
</div>
98+
</Box>
99+
</Hidden>
100+
<Box mt={5}>
101+
<Typography variant="body1">
102+
An initiative to help the community by providing training,
103+
guidance and awareness about the possibilities in the software
104+
field to students &amp; professionals.
105+
</Typography>
106+
</Box>
107+
<Box mt={4}>
108+
<Grid container xs={12} md={12}>
109+
<Grid item xs={12} md={12}>
110+
<Button
111+
className={classes.btn}
112+
component="a"
113+
href="https://youtube.com/codeforcause"
114+
target="_blank"
115+
size="large"
116+
variant="contained"
117+
>
118+
<PlayArrowIcon style={{ paddingRight: 5 }} />
119+
Watch Our Videos
120+
</Button>
121+
</Grid>
122+
</Grid>
123+
</Box>
124+
</Box>
125+
</Grid>
126+
<Hidden smDown>
127+
<Grid item xs={12} md={6}>
128+
<Box>
129+
<div className={classes.image}>
130+
<img
131+
alt="codeforcauseimg"
132+
src="/static/home/codeforcause.svg"
133+
/>
134+
</div>
135+
</Box>
136+
</Grid>
137+
</Hidden>
138+
</Grid>
139+
</Container>
140+
</div>
141+
);
142+
}
143+
144+
Hero.propTypes = {
145+
className: PropTypes.string
146+
};
147+
148+
export default Hero;

‎src/views/pages/CAView/index.js‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import React from 'react';
2+
import { makeStyles } from '@material-ui/core';
3+
import Page from 'src/components/Page';
4+
import Hero from './Hero';
5+
6+
const useStyles = makeStyles(() => ({
7+
root: {}
8+
}));
9+
10+
function HomeView() {
11+
const classes = useStyles();
12+
13+
return (
14+
<Page className={classes.root} title="Campus Leaders">
15+
<Hero />
16+
</Page>
17+
);
18+
}
19+
20+
export default HomeView;

‎src/views/pages/HomeView/CTA.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ const useStyles = makeStyles(theme => ({
5353
color: '#ffffff',
5454
'&:hover': {
5555
backgroundColor: '#A60000',
56-
opacity: '0.8',
56+
opacity: '0.8'
5757
}
5858
},
5959
secondaryBtn: {

‎src/views/pages/HomeView/Events.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import CardContent from '@material-ui/core/CardContent';
1515
import CardMedia from '@material-ui/core/CardMedia';
1616
import { events } from './HomeViewData';
1717

18-
const useStyles = makeStyles((theme) => ({
18+
const useStyles = makeStyles(theme => ({
1919
root: {
2020
backgroundColor: theme.palette.background.LIGHT,
2121
padding: '30px 0',
@@ -65,7 +65,7 @@ const useStyles = makeStyles((theme) => ({
6565
},
6666
'&:hover': {
6767
backgroundColor: '#000',
68-
opacity: '0.8',
68+
opacity: '0.8'
6969
}
7070
},
7171
btn: {
@@ -195,7 +195,7 @@ function Events({ className, ...rest }) {
195195
</Box>
196196
<Typography className={classes.secondaryText}>
197197
Our Youtube Channel for Upcoming Webinars
198-
</Typography>
198+
</Typography>
199199
</div>
200200
</Grid>
201201
</Grid>

‎src/views/pages/HomeView/Hero.js‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const useStyles = makeStyles(theme => ({
6363
width: '100%'
6464
},
6565
'&:hover': {
66-
backgroundColor: 'rgba(166, 0, 0, 0.8)',
66+
backgroundColor: 'rgba(166, 0, 0, 0.8)'
6767
}
6868
}
6969
}));
@@ -83,10 +83,7 @@ function Hero({ className, ...rest }) {
8383
height="100%"
8484
className={clsx(classes.extraPadding, className)}
8585
>
86-
<Typography
87-
variant="h1"
88-
gutterBottom
89-
>
86+
<Typography variant="h1" gutterBottom>
9087
Learn for Cause
9188
</Typography>
9289
<Typography variant="h1">Code for Cause</Typography>

‎src/views/pages/HomeView/HomeViewData.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -150,7 +150,6 @@ export const openSourceContent = {
150150
img: '/static/images/icons/os3.svg',
151151
contentTitle: 'Networking Events',
152152
content:
153-
154153
'As we already know software development professionals flourish by networking. Get connected to people who matter by our online/offline events.'
155154
}
156155
]

0 commit comments

Comments
 (0)