loadingscreen and minify css

gulpfile.js

@@ -30,5 +30,10 @@ gulp.task('watch', function () {
     livereload.listen()
     gulp.watch('./sass/**/*.scss', gulp.series('sass'))
     gulp.watch(['./**','!./node_modules/**'], gulp.series('liverel'))
-
 });
+
+gulp.task('minify-svg', function(){
+    return gulp.src('./img/**/*.svg')
+    .pipe(svgmin())
+    .pipe(gulp.dest('./imgmin'));
+})

header.php

@@ -200,4 +200,7 @@
 
 		</header>
 		<!-- /header -->
+		<div class="loadingscreen">
+		
+		</div>
 		<main role="main">

js/scripts.js

@@ -589,8 +589,9 @@
 
 		loadPage()
 
+		/* --------------------------- hide loading scree --------------------------- */
 
-
+		$('.loadingscreen').hide()
 
 		/* -------------------------------------------------------------------------- */
 		/*                       Black logo on scroll on mobile                       */

package.json

@@ -15,6 +15,7 @@
     "node-sass": "^4.11.0"
   },
   "dependencies": {
-    "gulp-clean-css": "^4.2.0"
+    "gulp-clean-css": "^4.2.0",
+    "gulp-svgmin": "^2.2.0"
   }
 }

sass/base.scss

@@ -378,7 +378,23 @@ $v-unit-6: 24rem;
 //                                  STRUCTURE                                 */
 // -------------------------------------------------------------------------- */
 
-// wrapper */
+.no-js body .loadingscreen{
+  display: none;
+}
+
+.loadingscreen{
+  background-color: #fff;
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  z-index: 3100;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+// wrapper
 .wrapper {
   margin: 0 auto;
   position: relative;
@@ -386,6 +402,7 @@ $v-unit-6: 24rem;
   height: 100vh;
   z-index: 1;
  
+
   // -------------------------------------------------------------------------- */
   //                                   header                                   */
   // -------------------------------------------------------------------------- */