feat(*): rework CSS for homepage

Closes angular#210

Author: alexwolfe

.gitignore

@@ -4,4 +4,5 @@ node_modules/
 old-yellow/
 slides/gitFetchSite.log
 .DS_Store
-build/
+build/
+npm-debug.log

gulpfile.js

@@ -0,0 +1,45 @@
+const gulp  = require('gulp');
+const sass  = require('gulp-sass');
+
+
+/*
+* CSS
+*
+*/
+
+gulp.task('sass', function () {
+  return gulp.src('./src/scss/**/*.scss')
+    .pipe(sass({outputStyle: 'compressed'})
+    .on('error', sass.logError))
+    .pipe(gulp.dest('./src/css'));
+});
+
+gulp.task('sass-dev', function () {
+  return gulp.src('./src/scss/**/*.scss')
+    .pipe(sass({outputStyle: 'compressed'})
+    .on('error', sass.logError))
+    .pipe(gulp.dest('./src/css'))
+    .pipe(gulp.dest('./build/css'));
+});
+
+/*
+* DEVELOPMENT
+*
+*/
+
+gulp.task('dev', ['sass-dev'], function() {
+  gulp.watch('./src/scss/**/*', ['sass-dev']);
+  console.log('Watching Sass files for changes...');
+});
+
+
+/*
+* PRODUCTION
+*
+*/
+
+gulp.task('default', ['sass'], function() {
+  console.log('Building production assets');
+});
+
+module.exports = gulp;

package.json

@@ -6,6 +6,8 @@
   },
   "devDependencies": {
     "eslint": "^3.9.1",
+    "gulp": "^3.9.1",
+    "gulp-sass": "^3.0.0",
     "http-server": "*",
     "protractor": "^4.0.10"
   }