Add a link to github

.gitignore

@@ -5,8 +5,10 @@ bower_components/*
 tmp/app.js
 tmp/main.css
 tmp/main.css.map
+tmp/images
 
 public/app.js
 public/app.min.js
 public/main.css
 public/main.css.map
+public/images

Gruntfile.js

@@ -10,6 +10,21 @@ module.exports = function(grunt) {
         }
       }
     },
+    // Images
+    copy: {
+      dev: {
+        expand: true,
+        cwd: 'images',
+        src: '**/*',
+        dest: 'tmp/images'
+      },
+      dist: {
+        expand: true,
+        cwd: 'images',
+        src: '**/*',
+        dest: 'public/images'
+      }
+    },
     // Sass
     sass: {
       dev: {
@@ -41,8 +56,8 @@ module.exports = function(grunt) {
     // Watch
     watch: {
       app: {
-        files: ['src/**/*.js', 'src/**/*.scss'],
-        tasks: ['browserify:dev', 'sass:dev']
+        files: ['src/**/*.js', 'src/**/*.scss', 'images/**/*'],
+        tasks: ['browserify:dev', 'sass:dev', 'copy:dev']
       },
       options: {
         livereload: true,
@@ -79,6 +94,7 @@ module.exports = function(grunt) {
     grunt.task.run([
       'connect:livereload',
       'sass:dev',
+      'copy:dev',
       'browserify:dev',
       'open',
       'watch:app'
@@ -88,6 +104,7 @@ module.exports = function(grunt) {
   grunt.registerTask('dist', function(target) {
     grunt.task.run([
       'sass:dist',
+      'copy:dist',
       'browserify:dist',
       'uglify'
     ]);
@@ -98,6 +115,7 @@ module.exports = function(grunt) {
 
   grunt.loadNpmTasks('grunt-browserify');
   grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-copy');
   grunt.loadNpmTasks('grunt-contrib-connect');
   grunt.loadNpmTasks('grunt-open');
   grunt.loadNpmTasks('grunt-notify');

src/app.js

@@ -45,6 +45,7 @@ const App = React.createClass({
         <Timer msLeft={this.state.timer.msLeft} state={this.state.timer.state} />
         <Interval minutes={this.state.timer.minutes} state={this.state.timer.state} />
         <People people={this.state.people} currentDriverIndex={this.state.currentDriverIndex} />
+        <a href="https://github.com/zoeesilcock/mobtimer-react" target="blank" className="github"><img src="images/github_mark.png" />github</a>
       </div>
     );
   }

src/styles/main.scss

@@ -31,5 +31,18 @@ input {
   font-size: 16px;
 }
 
+.github {
+  color: $darker;
+  font-size: 12px;
+  float: right;
+  padding: 10px;
+
+  img {
+    width: 16px;
+    vertical-align: middle;
+    padding-right: 5px;
+  }
+}
+
 @import "timer";
 @import "people";