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

Commit 6173b6f

Browse files
KeenWarriorKeenWarrior
authored
Add event view base frame (#56)
* Add event view base frame * update formatting
1 parent 180d43a commit 6173b6f

File tree

5 files changed

+542
-122
lines changed

5 files changed

+542
-122
lines changed

‎src/Routes.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import MainLayout from 'src/layouts/MainLayout';
55
import DocsLayout from 'src/layouts/DocsLayout';
66
import HomeView from 'src/views/pages/HomeView';
77
import CAView from 'src/views/pages/CLView';
8+
import EventsView from 'src/views/pages/EventsView';
89
import LoadingScreen from 'src/components/LoadingScreen';
910

1011
const routesConfig = [
@@ -57,6 +58,20 @@ const routesConfig = [
5758
}
5859
]
5960
},
61+
{
62+
path: '/events',
63+
layout: MainLayout,
64+
routes: [
65+
{
66+
exact: true,
67+
path: '/events',
68+
component: EventsView
69+
},
70+
{
71+
component: () => <Redirect to="/404" />
72+
}
73+
]
74+
},
6075
{
6176
path: '*',
6277
layout: MainLayout,

‎src/views/pages/CLView/StandFor.js‎

Lines changed: 131 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -3,143 +3,152 @@ import PropTypes from 'prop-types';
33
import clsx from 'clsx';
44

55
import {
6-
Box,
7-
Container,
8-
Grid,
9-
Hidden,
10-
Typography,
11-
makeStyles
6+
Box,
7+
Container,
8+
Grid,
9+
Hidden,
10+
Typography,
11+
makeStyles
1212
} from '@material-ui/core';
1313

14-
1514
const useStyles = makeStyles(theme => ({
16-
root: {
17-
background: '#FFF',
18-
paddingTop: 80,
19-
paddingBottom: 60,
20-
paddingLeft: 70,
21-
paddingRight: 70,
22-
[theme.breakpoints.down('md')]: {
23-
paddingLeft: 15,
24-
paddingRight: 15
25-
}
26-
},
27-
extraPadding: {
28-
padding: '0 70px 0px 0px',
29-
textAlign: 'justify',
30-
[theme.breakpoints.down('sm')]: {
31-
padding: '0'
32-
}
33-
},
34-
image: {
35-
perspectiveOrigin: 'left center',
36-
transformStyle: 'preserve-3d',
37-
perspective: 1500,
38-
'& > img': {
39-
maxWidth: '100%',
40-
height: 'auto',
41-
backfaceVisibility: 'hidden'
42-
},
43-
[theme.breakpoints.down('md')]: {
44-
alignItems: 'center',
45-
display: 'flex',
46-
flexDirection: 'column',
47-
height: '100%',
48-
justifyContent: 'center'
49-
}
50-
},
51-
hide: {
52-
display: 'none'
15+
root: {
16+
background: '#FFF',
17+
paddingTop: 80,
18+
paddingBottom: 60,
19+
paddingLeft: 70,
20+
paddingRight: 70,
21+
[theme.breakpoints.down('md')]: {
22+
paddingLeft: 15,
23+
paddingRight: 15
24+
}
25+
},
26+
extraPadding: {
27+
padding: '0 70px 0px 0px',
28+
textAlign: 'justify',
29+
[theme.breakpoints.down('sm')]: {
30+
padding: '0'
31+
}
32+
},
33+
image: {
34+
perspectiveOrigin: 'left center',
35+
transformStyle: 'preserve-3d',
36+
perspective: 1500,
37+
'& > img': {
38+
maxWidth: '100%',
39+
height: 'auto',
40+
backfaceVisibility: 'hidden'
5341
},
54-
btn: {
55-
backgroundColor: '#A60000',
56-
color: '#ffffff',
57-
textTransform: 'capitalize',
58-
[theme.breakpoints.down('sm')]: {
59-
width: '100%'
60-
},
61-
'&:hover': {
62-
backgroundColor: 'rgba(166, 0, 0, 0.8)'
63-
}
42+
[theme.breakpoints.down('md')]: {
43+
alignItems: 'center',
44+
display: 'flex',
45+
flexDirection: 'column',
46+
height: '100%',
47+
justifyContent: 'center'
48+
}
49+
},
50+
hide: {
51+
display: 'none'
52+
},
53+
btn: {
54+
backgroundColor: '#A60000',
55+
color: '#ffffff',
56+
textTransform: 'capitalize',
57+
[theme.breakpoints.down('sm')]: {
58+
width: '100%'
6459
},
65-
listPointers: {
66-
fontSize: '45px',
67-
marginRight: '5px'
60+
'&:hover': {
61+
backgroundColor: 'rgba(166, 0, 0, 0.8)'
6862
}
63+
},
64+
listPointers: {
65+
fontSize: '45px',
66+
marginRight: '5px'
67+
}
6968
}));
7069

7170
function StandsFor({ className, ...rest }) {
72-
const classes = useStyles();
71+
const classes = useStyles();
7372

74-
return (
75-
<div className={clsx(classes.root, className)} {...rest}>
76-
<Container maxWidth="lg">
77-
<Typography
78-
style={{ marginTop: '10px' }}
79-
variant="h2"
80-
align="center"
81-
gutterBottom
82-
color="textPrimary"
83-
>
84-
What Does the Campus Leader Stands For
73+
return (
74+
<div className={clsx(classes.root, className)} {...rest}>
75+
<Container maxWidth="lg">
76+
<Typography
77+
style={{ marginTop: '10px' }}
78+
variant="h2"
79+
align="center"
80+
gutterBottom
81+
color="textPrimary"
82+
>
83+
What Does the Campus Leader Stands For
8584
</Typography>
86-
<Grid container spacing={3} style={{ marginTop: '50px' }}>
87-
<Grid item xs={12} md={6}>
88-
<Box
89-
display="flex"
90-
flexDirection="column"
91-
justifyContent="center"
92-
height="100%"
93-
className={clsx(classes.extraPadding, className)}
94-
>
95-
<Box>
96-
<Typography variant="body1">
97-
<b>Campus Leaders at Code For Cause</b> are the entreprenurial mindset people who want create value in the community by awaring people, and gathering the like minded to work for cause. And above all set example and influence on people for contributing. So, some values and the expectations we have from our campus leaders are
85+
<Grid container spacing={3} style={{ marginTop: '50px' }}>
86+
<Grid item xs={12} md={6}>
87+
<Box
88+
display="flex"
89+
flexDirection="column"
90+
justifyContent="center"
91+
height="100%"
92+
className={clsx(classes.extraPadding, className)}
93+
>
94+
<Box>
95+
<Typography variant="body1">
96+
<b>Campus Leaders at Code For Cause</b> are the entreprenurial
97+
mindset people who want create value in the community by
98+
awaring people, and gathering the like minded to work for
99+
cause. And above all set example and influence on people for
100+
contributing. So, some values and the expectations we have
101+
from our campus leaders are
98102
</Typography>
99-
</Box>
100-
<Box mt={5}>
101-
<Typography variant="body1">
102-
He/she shall be entusiastic about going social and build &amp; contribute for the community<h4>- An Initiative taker</h4>
103-
</Typography>
104-
</Box>
105-
<Box mt={4}>
106-
<Typography variant="body1">
107-
A Leader shall always have a way of talking people out from problems and leading them to do that for others too <h4> - A Community Builder</h4>
108-
</Typography>
109-
</Box>
110-
<Box mt={4}>
111-
<Typography variant="body1">
112-
He/she should be connecting to the resources available in community that might help in building a better &amp; more helpful community <h4>- A Resource Seeker</h4>
113-
</Typography>
114-
</Box>
115-
<Box mt={4}>
116-
<Typography variant="body1">
117-
Most sought after value - an effort maker and giving peronality <h4>- An Investor</h4>
118-
</Typography>
119-
</Box>
120-
121-
</Box>
122-
</Grid>
123-
<Hidden smDown>
124-
<Grid item xs={12} md={6}>
125-
<Box>
126-
<div className={classes.image}>
127-
<img
128-
alt="codeforcauseimg"
129-
src="/static/campusLeaders/standFor.png"
130-
/>
131-
</div>
132-
</Box>
133-
</Grid>
134-
</Hidden>
135-
</Grid>
136-
</Container>
137-
</div >
138-
);
103+
</Box>
104+
<Box mt={5}>
105+
<Typography variant="body1">
106+
He/she shall be entusiastic about going social and build &amp;
107+
contribute for the community<h4>- An Initiative taker</h4>
108+
</Typography>
109+
</Box>
110+
<Box mt={4}>
111+
<Typography variant="body1">
112+
A Leader shall always have a way of talking people out from
113+
problems and leading them to do that for others too{' '}
114+
<h4> - A Community Builder</h4>
115+
</Typography>
116+
</Box>
117+
<Box mt={4}>
118+
<Typography variant="body1">
119+
He/she should be connecting to the resources available in
120+
community that might help in building a better &amp; more
121+
helpful community <h4>- A Resource Seeker</h4>
122+
</Typography>
123+
</Box>
124+
<Box mt={4}>
125+
<Typography variant="body1">
126+
Most sought after value - an effort maker and giving
127+
peronality <h4>- An Investor</h4>
128+
</Typography>
129+
</Box>
130+
</Box>
131+
</Grid>
132+
<Hidden smDown>
133+
<Grid item xs={12} md={6}>
134+
<Box>
135+
<div className={classes.image}>
136+
<img
137+
alt="codeforcauseimg"
138+
src="/static/campusLeaders/standFor.png"
139+
/>
140+
</div>
141+
</Box>
142+
</Grid>
143+
</Hidden>
144+
</Grid>
145+
</Container>
146+
</div>
147+
);
139148
}
140149

141150
StandsFor.propTypes = {
142-
className: PropTypes.string
151+
className: PropTypes.string
143152
};
144153

145154
export default StandsFor;

0 commit comments

Comments
 (0)