import React, { Component } from 'react';

import Reference from 'src/components/Reference';

import styles from './HomeView.css';

/**
 * HomeView component
 */
export default class HomeView extends Component {

  constructor(props) {
    super(props);
    this.state = {};
	}

  componentDidMount() {

  }

  /**
   * render
   */
  render() {
    return (
      <div className={styles.HomeView}>
        <h1><b>Jean-Michel Saulnier</b></h1>
				<h2>Freelance Creative Developer</h2>
				<h3>
					Focused on innovation: in terms of usage, methods, interfaces and technologies.
					<br />
					I love programming and the challenges of implementing rich user interfaces.
				</h3>
				<h4>
					For any project inquiry, feel free<br />
					to say hello at <a href="mailto:jmsaulnier.dev@gmail.com">jmsaulnier.dev@gmail.com</a>
				</h4>
				<div className={styles.social}>
					<span><a href="https://twitter.com/jmsaulnier" target="_blank">Twitter</a></span>
					<span className={styles.bullet}>•</span>
					<span><a href="https://www.linkedin.com/in/jmsaulnier/" target="_blank">Linkedin</a></span>
					<span className={styles.bullet}>•</span>
					<span><a href="https://github.com/jmsaulnier" target="_blank">Github</a></span>
				</div>
				<ul className={styles.references}>
					<Reference
						name="Transformers"
						client="Paramount"
						tags={['Playcanvas', 'React', 'Bodymovin']}
						awards="CSS Design Awards (WOTD)"
						href="https://thinkingbox.com/projects/calling-all-autobots"
					/>
					<Reference
						name="Riverdale Comic book creator"
						client="CW TV"
						tags={['React', 'Facebook SDK']}
						awards="Awwwards (SOTD), CSS Design Awards (WOTD)"
						href="https://thinkingbox.com/projects/riverdale"
					/>
					<Reference
						name="Sneaky Pete"
						client="Amazon Studios"
						tags={['Unity', 'Arduino', 'Watson API', 'React']}
						awards="FWA (SOTD), CSS Design Awards (WOTD)"
						href="https://thinkingbox.com/projects/sneakypete"
					/>
					<Reference
						name="Snowden"
						client="Open Road"
						tags={['React', 'Facebook SDK']}
						awards="FWA (SOTD), CSS Design Awards (WOTD)"
						href="https://thefwa.com/article/insights-snowden-are-you-being-watched"
					/>
					<Reference
						name="The Hunger Games"
						client="Lionsgate"
						tags={['Kinect', 'Adobe AIR', 'React', 'Node.js']}
						awards="FWA (SOTD)"
						href="https://thinkingbox.com/projects/mockingjay"
					/>
					<Reference
						name="Mission Impossible"
						client="Paramount"
						tags={['React']}
						awards="IAC Award (Best Movie Website), CSS Design Awards (WOTD)"
						href="https://www.cssdesignawards.com/sites/mission-impossible-rogue-nation/27023/"
					/>
					<Reference
						name=" Into The Storm"
						client="Warner Bros."
						tags={['Unity', 'Arduino', 'Oculus Rift', 'Node.js']}
						awards="ATOMIC Award winner (Best Tech breakthrough)"
						href="https://thinkingbox.com/projects/into-the-storm"
					/>
					<Reference
						name="Magic Mirror"
						client="Porsche"
						tags={['OpenCV', 'Adobe AIR']}
						awards="Cream: Inspiring Innovation"
						href="https://thinkingbox.com/projects/porsche-magic-mirror"
					/>
					<Reference
						name="Jupiter Ascending"
						client="Warner Bros."
						tags={['Three.js', 'Socket.IO', 'Node.js']}
						awards="FWA (SOTD), IAC Award (Best Movie Interactive Application)"
						href="https://thinkingbox.com/projects/jupiter-ascending"
					/>
				</ul>
      </div>
    );
  }
}

@@ -596,12 +596,27 @@
 %09%09I 
-love
+am passionate about
  pro
@@ -679,16 +679,45 @@
 terfaces
+ and solid interaction models
 .%0A%09%09%09%09%3C/

Update HomeView.js