Actually update to gulp4@

Author: reddyalready

css/new-age.css

@@ -1,6 +1,6 @@
 /*!
  * Start Bootstrap - New Age Theme
- * Copyright 2013-2018 Blackrock Digital
+ * Copyright 2013-2019 Blackrock Digital
  * Licensed under MIT License (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
  */
 .heading-font {
@@ -30,11 +30,11 @@ a {
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;
-  color: #EF6C00;
+  color: #3E9FA9;
 }
 a:hover,
 a:focus {
-  color: #bc5500;
+  color: #307c84;
 }
 hr {
   max-width: 100px;
@@ -79,7 +79,7 @@ p {
 }
 .navbar-default .navbar-header .navbar-brand:hover,
 .navbar-default .navbar-header .navbar-brand:focus {
-  color: #bc5500;
+  color: #307c84;
 }
 .navbar-default .navbar-header .navbar-toggle {
   font-size: 12px;
@@ -98,11 +98,11 @@ p {
 }
 .navbar-default .nav > li > a:hover,
 .navbar-default .nav > li > a:focus:hover {
-  color: #EF6C00;
+  color: #3E9FA9;
 }
 .navbar-default .nav > li.active > a,
 .navbar-default .nav > li.active > a:focus {
-  color: #EF6C00 !important;
+  color: #3E9FA9 !important;
   background-color: transparent;
 }
 .navbar-default .nav > li.active > a:hover,
@@ -141,7 +141,7 @@ p {
   }
   .navbar-default.affix .navbar-header .navbar-brand:hover,
   .navbar-default.affix .navbar-header .navbar-brand:focus {
-    color: #EF6C00;
+    color: #3E9FA9;
   }
   .navbar-default.affix .nav > li > a,
   .navbar-default.affix .nav > li > a:focus {
@@ -150,19 +150,19 @@ p {
   }
   .navbar-default.affix .nav > li > a:hover,
   .navbar-default.affix .nav > li > a:focus:hover {
-    color: #EF6C00;
+    color: #3E9FA9;
   }
 }
 header {
   position: relative;
   width: 100%;
   min-height: auto;
   overflow-y: hidden;
-  background: url("../img/bg-pattern.png"), #79F1A4;
+  background: url("../img/bg-pattern.png"), #79f17f;
   /* fallback for old browsers */
-  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #79F1A4, #0E5CAD);
+  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #79f17f, #0E5CAD);
   /* Chrome 10-25, Safari 5.1-6 */
-  background: url("../img/bg-pattern.png"), linear-gradient(to left, #79F1A4, #0E5CAD);
+  background: url("../img/bg-pattern.png"), linear-gradient(to left, #79f17f, #0E5CAD);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   color: white;
 }
@@ -302,8 +302,8 @@ section.features .feature-item h3 {
 }
 section.features .feature-item i {
   font-size: 80px;
-  background: -webkit-linear-gradient(to left, #79F1A4, #0E5CAD);
-  background: linear-gradient(to left, #79F1A4, #0E5CAD);
+  background: -webkit-linear-gradient(to left, #79f17f, #0E5CAD);
+  background: linear-gradient(to left, #79f17f, #0E5CAD);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -421,12 +421,12 @@ footer ul li a.active {
   border-radius: 1em;
 }
 .bg-primary {
-  background: #EF6C00;
-  background: -webkit-linear-gradient(#EF6C00, #d66000);
-  background: linear-gradient(#EF6C00, #d66000);
+  background: #3E9FA9;
+  background: -webkit-linear-gradient(#3E9FA9, #378d96);
+  background: linear-gradient(#3E9FA9, #378d96);
 }
 .text-primary {
-  color: #EF6C00;
+  color: #3E9FA9;
 }
 .no-gutter > [class*='col-'] {
   padding-right: 0;
@@ -448,8 +448,8 @@ footer ul li a.active {
 .btn-outline:active,
 .btn-outline.active {
   color: white;
-  border-color: #EF6C00;
-  background: #EF6C00;
+  border-color: #3E9FA9;
+  background: #3E9FA9;
   bottom: 5px;
   box-shadow: 1px 2px 3px #555555, 1px 4px 3px #3c3c3c, 1px 5px 3px #090909;
 }

css/new-age.min.css

@@ -17,24 +17,18 @@ var themeCopyright = ['/*!\n',
   ''
 ].join('');
 
-gulp.task("build", ["less", "minify-css", "minify-js", "copy-vendor", "jekyll-build"]);
-
-gulp.task("serve", ["build", "browser-sync", "watch"]);
-
-gulp.task("default", ["build"]);
-
 // Compile LESS files from /less into /css
-gulp.task("less", function() {
-  return gulp.src("less/new-age.less")
+function lessCSS() {
+  return gulp.src(["less/new-age.less"])
     .pipe(less())
     .pipe(header(themeCopyright, { pkg: pkg }))
     .pipe(gulp.dest("css"))
     .pipe(browserSync.reload({
       stream: true
-    }))
-});
+    })) 
+};
 
-gulp.task("minify-css", ["less"], function() {
+function minifyCSS() {
   return gulp.src("css/new-age.css")
     .pipe(cleanCSS({ compatibility: "ie8" }))
     .pipe(header(themeCopyright, { pkg: pkg }))
@@ -43,9 +37,9 @@ gulp.task("minify-css", ["less"], function() {
     .pipe(browserSync.reload({
       stream: true
     }))
-});
+};
 
-gulp.task("minify-js", function() {
+function minifyJS() {
   return gulp.src("js/new-age.js")
     .pipe(uglify())
     .pipe(header(themeCopyright, { pkg: pkg }))
@@ -54,10 +48,10 @@ gulp.task("minify-js", function() {
     .pipe(browserSync.reload({
       stream: true
     }))
-});
+};
 
 // Copy vendor libraries from /node_modules into /vendor
-gulp.task("copy-vendor", function() {
+function copyVendor(done) {
   gulp.src(["node_modules/bootstrap/dist/**/*", "!**/npm.js", "!**/bootstrap-theme.*", "!**/*.map"])
     .pipe(gulp.dest("vendor/bootstrap"));
 
@@ -76,30 +70,30 @@ gulp.task("copy-vendor", function() {
     "!node_modules/font-awesome/*.json"
   ])
     .pipe(gulp.dest("vendor/font-awesome"))
-});
+  done()
+};
 
-gulp.task("jekyll-build", function (done) {
+function jekyllBuild(done) {
   browserSync.notify("Building Jekyll");
   return childProc.spawn("jekyll", ["build"], {stdio: "inherit"})
     .on("close", done);
-});
-
-gulp.task("jekyll-rebuild", ["jekyll-build"], function () {
-  browserSync.reload();
-});
+};
 
-gulp.task("browser-sync", ["jekyll-build"], function() {
+function browserSync() {
   browserSync.init({
     server: {
       baseDir: "_site"
     }
   })
-});
+};
 
-gulp.task("watch", function() {
-  gulp.watch("less/*.less", ["less"]);
-  gulp.watch("css/*.css", ["minify-css"]);
-  gulp.watch("js/*.js", ["minify-js"]);
+function watch() {
+  gulp.watch("less/*.less", lessCSS);
+  gulp.watch("css/*.css", minifyCSS);
+  gulp.watch("js/*.js", minifyJS);
   gulp.watch("js/**/*.js", browserSync.reload);
-  gulp.watch(["*.html", "_includes/*.html", "_layouts/*.html", "_posts/*"], ["jekyll-rebuild"]);
-});
+  gulp.watch(["*.html", "_includes/*.html", "_layouts/*.html", "_posts/*"], browserSync.reload);
+};
+
+exports.build = gulp.series(lessCSS, minifyCSS, minifyJS, copyVendor, jekyllBuild);
+exports.serve = gulp.series(lessCSS, minifyCSS, minifyJS, copyVendor, jekyllBuild, browserSync.reload, watch);

gulpfile.js

@@ -1,6 +1,6 @@
 /*!
  * Start Bootstrap - New Age Theme
- * Copyright 2013-2018 Blackrock Digital
+ * Copyright 2013-2019 Blackrock Digital
  * Licensed under MIT License (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
  */
 !function(t){"use strict";t("a.page-scroll").bind("click",function(a){var o=t(this);t("html, body").stop().animate({scrollTop:t(o.attr("href")).offset().top-50},1250,"easeInOutExpo"),a.preventDefault()}),t("body").scrollspy({target:".navbar-fixed-top",offset:100}),t(".navbar-collapse ul li a").click(function(){t(".navbar-toggle:visible").click()}),t("#mainNav").affix({offset:{top:50}})}(jQuery);

js/new-age.min.js

@@ -2,8 +2,8 @@
 
 // Gray and Brand Colors for use across theme
 
-@theme-primary:    #EF6C00;
-@theme-secondary:  #79F1A4;
+@theme-primary:    #3E9FA9;
+@theme-secondary:  rgb(121, 241, 127);
 @theme-tertiary:   #0E5CAD;