1
Fork 0

Remove need to specify class on project images

This commit is contained in:
Jake Howard 2016-01-14 08:52:46 +00:00
parent ec00cdde5a
commit b27c0bc063
3 changed files with 3 additions and 11 deletions

View file

@ -5,9 +5,10 @@ var Col = ReactBootstrap.Col;
export default class ProjectImage extends React.Component { export default class ProjectImage extends React.Component {
render() { render() {
var animationClass = this.props.isHovered ? 'zoomIn' : 'zoomOut'; var animationClass = this.props.isHovered ? 'zoomIn' : 'zoomOut';
var classes = this.props.data.title.toLowerCase().replace(' ', '-');
return ( return (
<Col sm={4} className="project-image"> <Col sm={4} className="project-image">
<div className={'wrapper ' + this.props.data.className}> <div className={'wrapper ' + classes}>
<div className="project" <div className="project"
onMouseOver={this.props.onHover} onMouseOver={this.props.onHover}
onMouseLeave={this.props.onLeave} > onMouseLeave={this.props.onLeave} >

View file

@ -5,37 +5,31 @@ var Row = ReactBootstrap.Row;
const DATA = [ const DATA = [
{ {
className: 'college', title: 'Custom PC',
title: 'College',
text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.', text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
link: '', link: '',
}, },
{ {
className: 'personal',
title: 'Personal', title: 'Personal',
text: 'I write code just to write code, but sometimes it serves a purpose.', text: 'I write code just to write code, but sometimes it serves a purpose.',
link: '', link: '',
}, },
{ {
className: 'work',
title: 'Work', title: 'Work',
text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.', text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
link: '', link: '',
}, },
{ {
className: 'college',
title: 'College', title: 'College',
text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.', text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
link: '', link: '',
}, },
{ {
className: 'personal',
title: 'Personal', title: 'Personal',
text: 'I write code just to write code, but sometimes it serves a purpose.', text: 'I write code just to write code, but sometimes it serves a purpose.',
link: '', link: '',
}, },
{ {
className: 'work',
title: 'Work', title: 'Work',
text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.', text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
link: '', link: '',

View file

@ -5,19 +5,16 @@ var Row = ReactBootstrap.Row;
const DATA = [ const DATA = [
{ {
className: 'college',
title: 'College', title: 'College',
text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.', text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
link: '', link: '',
}, },
{ {
className: 'personal',
title: 'Personal', title: 'Personal',
text: 'I write code just to write code, but sometimes it serves a purpose.', text: 'I write code just to write code, but sometimes it serves a purpose.',
link: '#project-images-main', link: '#project-images-main',
}, },
{ {
className: 'work',
title: 'Work', title: 'Work',
text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.', text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
link: '', link: '',