HTML minify implementation 👨‍💻 👨‍💻

README.md

@@ -3,10 +3,25 @@ permalink: /index.html
 ---
 
 # Gogh
+
+## DEV Website
+
+### Pre:
+
+- Gulp
+- node
+- npm
+
+## Start:
+
+- Run `npm install`. This will install all dependencies the project needs.
+- Run `gulp dev` and start coding .
+
 ----
+
 To push changes into gh-pages
 
-```
+```bash
 $ git subtree push --prefix gh-pages origin gh-pages
 ```
 

gulpfile.js

@@ -1,8 +1,20 @@
 'use strict';
 
-const gulp = require('gulp');
+const gulp        = require('gulp');
 
-const browserSync = require('browser-sync').create();
+const htmlmin      = require('gulp-htmlmin');
+const inlinesource = require('gulp-inline-source');
+const rename       = require("gulp-rename");
+const browserSync  = require('browser-sync').create();
+
+
+gulp.task('minify', () => {
+  return gulp.src('./*.src.html')
+    .pipe(inlinesource())
+    .pipe(htmlmin({ collapseWhitespace: true }))
+    .pipe(rename("index.html"))
+    .pipe(gulp.dest('./'));
+});
 
 gulp.task('serve', function () {
   browserSync.init({
@@ -23,9 +35,9 @@ gulp.task('reload', function (done) {
 });
 
 gulp.task('watch', ['serve'], function () {
-  gulp.watch('./**/*', { interval: 800 }, ['reload']);
+  gulp.watch(['./**/*', '!./index.html'], { interval: 800 }, ['minify', 'reload']);
 });
 
 gulp.task('default', ['watch']);
 
-gulp.task('dev', ['watch']);
+gulp.task('dev', ['watch']);

package.json

@@ -13,6 +13,9 @@
   "dependencies": {
     "browser-sync": "^2.24.7",
     "compass-mixins": "^0.12.10",
-    "gulp": "^3.9.1"
+    "gulp": "^3.9.1",
+    "gulp-htmlmin": "^5.0.1",
+    "gulp-inline-source": "^4.0.0",
+    "gulp-rename": "^1.4.0"
   }
 }

sass/main.scss

@@ -398,6 +398,7 @@ a {
 
   li {
     margin-bottom     : 1.6em;
+    margin-right      : 2em;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
     box-shadow        : 0 1px 4px rgba(0, 0, 0, 0.1);
     display           : none;