Completed automatic sprite generation (not logo and icon-1)

app/assets/media/images/icons/logo_white.svg

@@ -0,0 +1,261 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="167px" height="100px" viewBox="0 0 167 100" enable-background="new 0 0 167 100" xml:space="preserve">  <image id="image0" width="167" height="100" x="0" y="0"
+    xlink:href="data:image/png;base64,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" />
+</svg>

app/assets/media/images/icons/membership.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="77px" viewBox="0 0 100 77" enable-background="new 0 0 100 77" xml:space="preserve">  <image id="image0" width="100" height="77" x="0" y="0"
+    xlink:href="data:image/png;base64,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" />
+</svg>

app/assets/media/images/icons/order.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="77px" viewBox="0 0 100 77" enable-background="new 0 0 100 77" xml:space="preserve">  <image id="image0" width="100" height="77" x="0" y="0"
+    xlink:href="data:image/png;base64,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
+MzoxMSswMjowMKlte9IAAAAASUVORK5CYII=" />
+</svg>

app/assets/media/images/icons/pickup.svg

@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="93px" viewBox="0 0 100 93" enable-background="new 0 0 100 93" xml:space="preserve">  <image id="image0" width="100" height="93" x="0" y="0"
+    xlink:href="data:image/png;base64,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
+MjowMJvXW1sAAAAASUVORK5CYII=" />
+</svg>

app/assets/media/images/icons/workgroup.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="77px" viewBox="0 0 100 77" enable-background="new 0 0 100 77" xml:space="preserve">  <image id="image0" width="100" height="77" x="0" y="0"
+    xlink:href="data:image/png;base64,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
+AElFTkSuQmCC" />
+</svg>

app/assets/scss/modules/_how-it-works.scss

@@ -118,14 +118,12 @@
 		}
 	}
 
-	&__icon--2{
+	&__icon--membership{
-		width: 100px;
 		margin-right: .8rem;
 		margin-bottom: -35px;
 	}
 
-	&__icon--3{
+	&__icon--workgroup-order{
-		width: 100px;
 		margin-right: .8rem;
 		margin-bottom: -30px;
 		margin-top: 1.2rem;
@@ -139,9 +137,7 @@
 		}
 	}
 
-
+	&__icon--pickup{
-	&__icon--4{
-		width: 100px;
 		margin-bottom: -30px;
 		margin-right: 20px;
 	}

app/assets/scss/modules/_sprite.scss

@@ -0,0 +1,42 @@
+/* Do not edit modules/_sprite directly as it is generated automatically by Gulp 
+ Instead edit gulp/template/sprite*/
+
+	.icon {
+		display: inline-block;
+		background-image: url('/assets/media/images/sprites/sprite-c8960cf9.svg');
+	}
+
+	.no-svg {
+		background-image: url('../../temp/media/images/sprites/');
+	}
+
+
+	.icon--logo_white {
+		width: 167px ;
+		height: 100px ;
+		background-position: 0 0;
+	}
+
+	.icon--membership {
+		width: 100px ;
+		height: 77px ;
+		background-position: 62.546816479400746% 0;
+	}
+
+	.icon--order {
+		width: 100px ;
+		height: 77px ;
+		background-position: 0 100%;
+	}
+
+	.icon--pickup {
+		width: 100px ;
+		height: 93px ;
+		background-position: 100% 0;
+	}
+
+	.icon--workgroup {
+		width: 100px ;
+		height: 77px ;
+		background-position: 100% 93%;
+	}

app/assets/scss/style.scss

@@ -16,4 +16,7 @@
 @import './modules/how-it-works';
 @import './modules/arrow';
 @import './modules/footer';
+@import './modules/sprite';
+
+
 

app/index.html

@@ -19,7 +19,8 @@
 	<header class="site-header">
 		<div class="wrapper">
 			<div class="site-header__logo">
-				<img src="./assets/media/images/bbb_logo_white.png" alt="BBB logo">
+				<!-- <span clss="icon icon--logo_white"></span> -->
+				<img src="./assets/media/images/logo_white.png" alt="Bio Bulk Bende logo with an almond">
 			</div>
 			<div class="site-header__menu-icon">
 				<div class="site-header__menu-icon__middle"></div>
@@ -94,7 +95,7 @@
 			<div class="how-it-works how-it-works--atSmall-t-margin how-it-works--atSmall-centered">
 				<div class="row row--gutters">
 					<div class="row__medium-3--larger">
-						<img class="how-it-works__icon how-it-works__icon--1" src="./assets/media/images/foodcoop2.png">
+						<img class="how-it-works__icon how-it-works__icon--1" src="./assets/media/images/foodcoop.png">
 					</div>
 	        		<div class="row__medium-9--smaller">
 	        			<div class="headline headline--lt-margin">
@@ -116,7 +117,7 @@
 						<img class="how-it-works__img" src="./assets/media/images/member_large.JPG" alt="Once you are member you are part of our community!">
 					</div>
 					<div class="row__medium-6">
-						<h2 class="how-it-works__title-small"><img class="how-it-works__icon how-it-works__icon--2" src="./assets/media/images/membership.png"> Become a <strong>Member</strong> </h2>
+						<h2 class="how-it-works__title-small"><span class="icon icon--membership how-it-works__icon--membership"></span> Become a <strong>Member</strong> </h2>
 						<p>If you’re a member of our BioBulkBende, you have access to great organic food, straight from the producers, at lower prices than in the supermarket. In return, you pay a one-time non-refundable membership fee of 15 euros, and contribute a bit of your time and energy to keep our co-op running.</p>
 					</div>
 				</div>
@@ -131,7 +132,7 @@
 			<div class="how-it-works how-it-works--atSmall-centered">
 				<div class="row row--gutters">
 					<div class="row__medium-6">
-						<h2 class="how-it-works__title-small"><img class="how-it-works__icon how-it-works__icon--3" src="./assets/media/images/workgroup.png"> Join a <strong>Work Group</strong> </h2>
+						<h2 class="how-it-works__title-small"><span class="icon icon--workgroup how-it-works__icon--workgroup-order"></span> Join a <strong>Work Group</strong> </h2>
 						<p>A work group is a group of members who work together and are responsible for a specific need of our food co-op. Some examples of work groups are administration, membership, orders, financial, etc. As a member of our food co-op, you have to join a work group.</p>
 					</div>
 					<div class="row__medium-6 row--large-only">
@@ -152,7 +153,7 @@
 						<img class="how-it-works__img" src="./assets/media/images/order_food_large.JPG" alt="To order your food is easy!">
 					</div>
 					<div class="row__medium-6">
-						<h2 class="how-it-works__title-small"><img class="how-it-works__icon how-it-works__icon--3" src="./assets/media/images/order.png"> Order your <strong>Food</strong> </h2>
+						<h2 class="how-it-works__title-small"><span class="icon icon--order how-it-works__icon--workgroup-order"></span> Order your <strong>Food</strong> </h2>
 						<p>Only members can place an order, but anyone can become a member! For food ordering, we use Foodsoft. You can learn more about how to order by joining us at any upcoming pickup day.</p>
 					</div>
 				</div>
@@ -178,7 +179,7 @@
 				<div class="wrapper wrapper--white wrapper--medium">
 					<div class="how-it-works__last-section">
 						<div class="wrapper wrapper--small">
-							<h2 class="how-it-works__title"><img class="how-it-works__icon how-it-works__icon--4" src="./assets/media/images/pickup.png"><strong>Pick-up day</strong></h2>
+							<h2 class="how-it-works__title"><span class="icon icon--pickup how-it-works__icon--pickup"></span><strong>Pick-up day</strong></h2>
 							<p>Only members can place an order, but anyone can become a member! For food ordering, we use Foodsoft. You can learn more about how to order by joining us at any upcoming pickup day.</p><br><br>
 							<p><a href="#" class="btn"><b>Join us!</b></a></p>
 						</div>

app/temp/styles/style.css

@@ -854,23 +854,20 @@ img {
       .how-it-works__icon--1 {
         width: 225px;
         margin-left: 80px; } }
-  .how-it-works__icon--2 {
+  .how-it-works__icon--membership {
-    width: 100px;
     margin-right: .8rem;
     margin-bottom: -35px; }
-  .how-it-works__icon--3 {
+  .how-it-works__icon--workgroup-order {
-    width: 100px;
     margin-right: .8rem;
     margin-bottom: -30px;
     margin-top: 1.2rem; }
     @media (min-width: 800px) {
-      .how-it-works__icon--3 {
+      .how-it-works__icon--workgroup-order {
         margin-top: 3.2rem; } }
     @media (min-width: 1200px) {
-      .how-it-works__icon--3 {
+      .how-it-works__icon--workgroup-order {
         margin-top: 0rem; } }
-  .how-it-works__icon--4 {
+  .how-it-works__icon--pickup {
-    width: 100px;
     margin-bottom: -30px;
     margin-right: 20px; }
 
@@ -948,4 +945,38 @@ img {
   color: white;
   text-align: center; }
 
+/* Do not edit modules/_sprite directly as it is generated automatically by Gulp 
+ Instead edit gulp/template/sprite*/
+.icon {
+  display: inline-block;
+  background-image: url("/assets/media/images/sprites/sprite-c8960cf9.svg"); }
+
+.no-svg {
+  background-image: url("../../temp/media/images/sprites/"); }
+
+.icon--logo_white {
+  width: 167px;
+  height: 100px;
+  background-position: 0 0; }
+
+.icon--membership {
+  width: 100px;
+  height: 77px;
+  background-position: 62.546816479400746% 0; }
+
+.icon--order {
+  width: 100px;
+  height: 77px;
+  background-position: 0 100%; }
+
+.icon--pickup {
+  width: 100px;
+  height: 93px;
+  background-position: 100% 0; }
+
+.icon--workgroup {
+  width: 100px;
+  height: 77px;
+  background-position: 100% 93%; }
+
 /*# sourceMappingURL=style.css.map */

gulp/templates/sprite.css

@@ -0,0 +1,22 @@
+/* Do not edit modules/_sprite directly as it is generated automatically by Gulp 
+ Instead edit gulp/template/sprite*/
+
+{{#shapes}}
+	{{#first}}
+	.icon {
+		display: inline-block;
+		background-image: url('/assets/media/images/sprites/{{{sprite}}}');
+	}
+
+	.no-svg {
+		background-image: url('../../temp/media/images/sprites/{{#replaceSvgWithPng}}{{{sprite}}}{{/replaceSvgWithPng}}');
+	}
+
+	{{/first}}
+
+	.icon--{{base}} {
+		width: {{width.outer}}px ;
+		height: {{height.outer}}px ;
+		background-position: {{position.relative.xy}};
+	}
+{{/shapes}}

gulpfile.js

@@ -8,11 +8,12 @@ del = require('del'),
 webpack = require('webpack-stream'),
 webpackConfig = require('./webpack.config.js'),
 modernizr = require('gulp-modernizr'),
+svgSprite = require('gulp-svg-sprite'),
+rename = require('gulp-rename'),
 browserSync = require('browser-sync').create();
 
 
 // JS TASKS
-
 function cleanScripts(){
 	return del('./app/temp/scripts/App.js');
 }
@@ -42,7 +43,6 @@ function endCleanModernizr(){
 }
 
 // SCSS TASKS
-
 function scssTask() {
 	return src('./app/assets/scss/**/*.scss')
 		.pipe(sourcemaps.init())
@@ -53,8 +53,46 @@ function scssTask() {
 		.pipe(browserSync.stream());
 }
 
-// WATCH TASK
+// ICONS TASK
+var config = {
+	mode: {
+		css: {
+			sprite: 'sprite.svg',
+			render: {
+				css: {
+					template: './gulp/templates/sprite.css'
+				}
+			}
+		}
+	}
+}
 
+function beginClean() {
+	return del(['./app/temp/sprite', '-/app/assets/media/images/sprites']);
+}
+
+function createSprite() {
+	return src('./app/assets/media/images/icons/**/*.svg')
+		.pipe(svgSprite(config))
+		.pipe(dest('./app/temp/sprite/'));
+}
+
+function copySpriteGraphic() {
+	return src('./app/temp/sprite/css/**/*.svg')
+		.pipe(dest('./app/assets/media/images/sprites'));
+}
+
+function copySpriteCSS() {
+	return src('./app/temp/sprite/css/*.css')
+		.pipe(rename('_sprite.scss'))
+		.pipe(dest('./app/assets/scss/modules'));
+}
+
+function endClean() {
+	return del('./app/temp/sprite');
+}
+
+// WATCH TASK
 const watch = function() {
 	browserSync.init({
 		notify: false,
@@ -69,3 +107,4 @@ const watch = function() {
 };
 
 exports.watch = watch;
+exports.icons = series(beginClean, createSprite, copySpriteGraphic, copySpriteCSS, endClean);

package.json

@@ -18,8 +18,10 @@
     "gulp": "^4.0.2",
     "gulp-modernizr": "^4.0.1",
     "gulp-postcss": "^8.0.0",
+    "gulp-rename": "^2.0.0",
     "gulp-sass": "^4.1.0",
     "gulp-sourcemaps": "^2.6.5",
+    "gulp-svg-sprite": "^1.5.0",
     "webpack-stream": "^6.1.0"
   },
   "dependencies": {