Linted (allthethings)

static/src/js/app.js

@@ -1,10 +1,12 @@
+/* global $ */
 var React = require('react');
 var ProjectImagesTypes = require('./components/project-images-types');
 var ProjectImagesMain = require('./components/project-images-main');
 
 $(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/
   $('a[href*=#]:not([href=#])').click(function() {
-    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+    if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
+      && location.hostname === this.hostname) {
       var target = $(this.hash);
       target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
       if (target.length) {

static/src/js/components/project-image.js

@@ -1,6 +1,5 @@
 var React = require('react');
 var ReactBootstrap = require('react-bootstrap');
-var Row = ReactBootstrap.Row;
 var Col = ReactBootstrap.Col;
 
 var projectImage = React.createClass({
@@ -8,11 +7,11 @@ var projectImage = React.createClass({
     var animationClass = this.props.isHovered ? 'zoomIn' : 'zoomOut';
     return (
       <Col sm={4} className="project-image">
-        <div className={"wrapper " + this.props.data.className}>
+        <div className={'wrapper ' + this.props.data.className}>
           <div className="project"
             onMouseOver={this.props.onHover}
             onMouseLeave={this.props.onLeave} >
-            <div className={"animated " + animationClass}>
+            <div className={'animated ' + animationClass}>
               <h4>{this.props.data.title}</h4>
               <p>{this.props.data.text}</p>
               <a href={this.props.data.link} className="btn btn-default btn-small">

static/src/js/components/project-images-main.js

@@ -5,40 +5,40 @@ var ProjectImage = require('./project-image');
 
 const DATA = [
   {
-    className: "college",
+    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",
+    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",
+    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",
+    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",
+    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",
+    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: '',
   }
 ];
 
@@ -51,13 +51,13 @@ var projectImagesMain = React.createClass({
     };
   },
 
-  setHovering: function (key, evt) {
+  setHovering: function (key) {
     this.setState({hover: key});
   },
   render: function () {
     var generate_image = function (key) {
       return (
-        <ProjectImage isHovered={this.state.hover == key} 
+        <ProjectImage isHovered={this.state.hover === key}
           data={DATA[key - 1]}
           onHover={this.setHovering.bind(this, key)}
           onLeave={this.setHovering.bind(this, 0)} />

static/src/js/components/project-images-types.js

@@ -5,22 +5,22 @@ var ProjectImage = require('./project-image');
 
 const DATA = [
   {
-    className: "college",
+    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",
+    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",
+    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: '',
   }
 ];
 
@@ -33,13 +33,13 @@ var projectImagesTypes = React.createClass({
     };
   },
 
-  setHovering: function (key, evt) {
+  setHovering: function (key) {
     this.setState({hover: key});
   },
   render: function () {
     var images = this.keys.map(function (key) {
       return (
-        <ProjectImage isHovered={this.state.hover == key} 
+        <ProjectImage isHovered={this.state.hover === key}
           data={DATA[key - 1]}
           onHover={this.setHovering.bind(this, key)}
           onLeave={this.setHovering.bind(this, 0)} />