Remove need to specify class on project images
This commit is contained in:
parent
ec00cdde5a
commit
b27c0bc063
3 changed files with 3 additions and 11 deletions
|
@ -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} >
|
||||||
|
|
|
@ -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: '',
|
||||||
|
|
|
@ -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: '',
|
||||||
|
|
Reference in a new issue