Skip to content

Commit feaaf39

Browse files
committed
Update volunteer programs
1 parent 438075c commit feaaf39

File tree

4 files changed

+21
-22
lines changed

4 files changed

+21
-22
lines changed

src/components/volunteer/VolunteerProgramsComponent.js

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import Button from '@material-ui/core/Button';
1111
import { withStyles } from '@material-ui/core/styles';
1212

1313
import Image from '../commons/Image';
14-
import { primary, hoverPrimary } from '../../utils/Colors';
14+
import { primary, hoverPrimary, royalBlue } from '../../utils/Colors';
1515

1616
const ExpansionPanel = withStyles({
1717
root: {
@@ -49,6 +49,12 @@ const styles = theme => ({
4949
},
5050
description: {
5151
textAlign: 'justify',
52+
'& a': {
53+
color: royalBlue,
54+
},
55+
'& a:hover': {
56+
textDecoration: 'none',
57+
},
5258
},
5359
btnAlign: {
5460
textAlign: 'center',
@@ -68,7 +74,6 @@ const styles = theme => ({
6874
},
6975
links: {
7076
textDecoration: 'none',
71-
color: 'black',
7277
},
7378
programImage: {
7479
width: '100%',
@@ -84,13 +89,13 @@ const styles = theme => ({
8489

8590
class VolunteerProgramsComponent extends Component {
8691
programsComponent = (classes, programData) => {
87-
const program = programData.edges;
92+
const programs = programData.edges;
8893

89-
return program.map((coder, index) => (
94+
return programs.map((program, index) => (
9095
<Grid item xs={12} sm={6} md={4} xl={3} key={index}>
9196
<Card>
9297
<Image
93-
filename={coder.node.frontmatter.image.relativePath}
98+
filename={program.node.frontmatter.image.relativePath}
9499
classProps={classes.programImage}
95100
/>
96101
<ExpansionPanel>
@@ -101,7 +106,7 @@ class VolunteerProgramsComponent extends Component {
101106
id="panel1a-header"
102107
>
103108
<Typography variant="h7" noWrap>
104-
{coder.node.frontmatter.title}
109+
{program.node.frontmatter.title}
105110
</Typography>
106111
</ExpansionPanelSummary>
107112
<ExpansionPanelDetails>
@@ -110,7 +115,7 @@ class VolunteerProgramsComponent extends Component {
110115
variant="body2"
111116
gutterBottom
112117
>
113-
{coder.node.frontmatter.description}
118+
<div dangerouslySetInnerHTML={{ __html: program.node.html }} />
114119
</Typography>
115120
</ExpansionPanelDetails>
116121
<Typography className={classes.btnAlign}>
Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: "CAP"
3-
image: "cap_image.jpg"
4-
description:
5-
"Welcome to the CAP program by SoC Student Life under its Code for Community project. The #socFamily team is very excited that you have found us! CAP - Code to Achieve Potential is a program designed in [Autism Resource Centre, Singapore](https://www.autism.org.sg) to create code specific learning opportunities for youth with Autism. We want YOU to teach coding to ARC students to help them improve their employability. So let’s get started on this awesome journey!"
2+
title: 'CAP'
3+
image: 'cap_image.jpg'
64
---
5+
6+
Welcome to the CAP program by SoC Student Life under its Code for Community project. The #socFamily team is very excited that you have found us! CAP - Code to Achieve Potential is a program designed in [Autism Resource Centre, Singapore](https://www.autism.org.sg) to create code specific learning opportunities for youth with Autism. We want YOU to teach coding to ARC students to help them improve their employability. So let’s get started on this awesome journey!
Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,6 @@
11
---
2-
title: "Young Coder"
3-
image: "young_coder_image.jpeg"
4-
description:
5-
"Welcome to the YoungCoders program by SoC Student Life under its Code
6-
for Community project.
7-
The #socFamily team is very excited that you have found us!
8-
We want every child in underserved communities to have an equal
9-
opportunity to learn coding and be comfortable with the latest
10-
technologies. Even more than that we want YOU to encourage them to
11-
love using technology and get the most out of every opportunity. So
12-
let’s get started on this awesome journey!"
2+
title: 'Young Coder'
3+
image: 'young_coder_image.jpeg'
134
---
5+
6+
Welcome to the YoungCoders program by SoC Student Life under its Code for Community project. The #socFamily team is very excited that you have found us! We want every child in underserved communities to have an equal opportunity to learn coding and be comfortable with the latest technologies. Even more than that we want YOU to encourage them to love using technology and get the most out of every opportunity. So let’s get started on this awesome journey!

src/pages/volunteer.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,7 @@ export const pageQuery = graphql`
9090
) {
9191
edges {
9292
node {
93+
html
9394
frontmatter {
9495
title
9596
image {

0 commit comments

Comments
 (0)