Update Site Style

Update the site style and layout, to a more optimized and simple setup.
This new layout uses less css and js and should provide a better UX.
Still need to clean up a few things but ready for release.

assets/css/_sideMenu.css

@@ -127,7 +127,7 @@ appears on the left side of the page.
     ul {
       border: none;
       background: transparent;
-      border-top: 1px solid #333;
+      border-top: 1px solid color(var(--menuBgColor) l(-15%));
     }
 
     li {
@@ -140,7 +140,7 @@ appears on the left side of the page.
 
     /* Border to divide groups */
     .menu-item-divided {
-      border-top: 1px solid #333;
+      border-top: 1px solid color(var(--menuBgColor) l(-15%));
     }
 
     /* Selected item */
@@ -176,7 +176,6 @@ small screens.
   top: 0;
   left: 0; /* "#menu width" */
   background: color(var(--globalBgColor) contrast(100%));
-  background: color(var(--globalBgColor)B3 contrast(100%));
   font-size: 10px; /* change this value to increase/decrease button size */
   z-index: 10;
   width: 2em;
@@ -216,8 +215,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
 */
 @media (min-width: 48em) {
 
-    .header,
-    .content {
+    .header {
         padding-left: 2em;
         padding-right: 2em;
     }

assets/css/app.css

@@ -70,8 +70,6 @@ a {
 }
 
 .content {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
   a {
     text-decoration: underline;
   }
@@ -100,9 +98,6 @@ a {
 
 article {
   header {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-
     h5 {
       color: color(var(--globalBgColor) contrast(0%));
     }
@@ -143,14 +138,6 @@ article {
   }
 }
 
-@media only screen {
-  .social a {
-    padding: 0 9px !important;
-    span { display: none; }
-    i { display: inline }
-  }
-}
-
 /* Styles for code blocks and inline code */
 @import "_pygments";
 @import "_pygments_friendly";

assets/dist/app.js

@@ -0,0 +1 @@
+!function(window,document){function toggleClass(element,className){for(var classes=element.className.split(/\s+/),length=classes.length,i=0;length>i;i++)if(classes[i]===className){classes.splice(i,1);break}length===classes.length&&classes.push(className),element.className=classes.join(" ")}var layout=document.getElementById("layout"),menu=document.getElementById("menu"),menuLink=document.getElementById("menuLink");menuLink.onclick=function(e){var active="active";e.preventDefault(),toggleClass(layout,active),toggleClass(menu,active),toggleClass(menuLink,active)}}(this,this.document);

assets/gulpfile.js

@@ -31,10 +31,19 @@ var uglify = require('gulp-uglify');
 var config = {
   'cssDir': 'css',
   'jsDir': 'js',
-  'distDir': 'dist'
+  'distDir': 'dist',
+  'sourcemaps': true
 };
 
+gulp.task('dist', function(callback) {
+  config.sourcemaps = false;
+  return runSequence('clean',
+    ['css', 'js'],
+    callback);
+});
+
 gulp.task('default', function(callback) {
+
   return runSequence('clean',
     ['css', 'js'],
     callback);
@@ -45,21 +54,37 @@ gulp.task('clean', function() {
 });
 
 gulp.task('css', function() {
-  return gulp.src([config.cssDir+'/app.css'])
-    .pipe(sourcemaps.init())
-    .pipe(postcss(processors))
-    .on('error', function (error) {
-      console.log(error);
-    })
-    .pipe(sourcemaps.write('./'))
-    .pipe(gulp.dest(config.distDir));
+  if(config.sourcemaps) {
+    return gulp.src([config.cssDir+'/app.css'])
+      .pipe(sourcemaps.init())
+      .pipe(postcss(processors))
+      .on('error', function (error) {
+        console.log(error);
+      })
+      .pipe(sourcemaps.write('./'))
+      .pipe(gulp.dest(config.distDir));
+    } else {
+      return gulp.src([config.cssDir+'/app.css'])
+        .pipe(postcss(processors))
+        .on('error', function (error) {
+          console.log(error);
+        })
+        .pipe(gulp.dest(config.distDir));
+    }
 });
 
 gulp.task('js', function() {
-  return gulp.src([config.jsDir+'/*.js'])
-    .pipe(concat('app.js'))
-    .pipe(sourcemaps.init())
-    .pipe(uglify({mangle: false}))
-    .pipe(sourcemaps.write('./'))
-    .pipe(gulp.dest(config.distDir));
+  if(config.sourcemaps) {
+    return gulp.src([config.jsDir+'/*.js'])
+      .pipe(concat('app.js'))
+      .pipe(sourcemaps.init())
+      .pipe(uglify({mangle: false}))
+      .pipe(sourcemaps.write('./'))
+      .pipe(gulp.dest(config.distDir));
+  } else {
+    return gulp.src([config.jsDir+'/*.js'])
+      .pipe(concat('app.js'))
+      .pipe(uglify({mangle: false}))
+      .pipe(gulp.dest(config.distDir));
+  }
 });

assets/js/app.js

@@ -1,4 +1,4 @@
-/* TODO */
+/* Application JS Code */
 
 /* Menu Code */
 (function (window, document) {