diff --git a/app/assets/media/images/foodcoop2.png b/app/assets/media/images/foodcoop.png
similarity index 100%
rename from app/assets/media/images/foodcoop2.png
rename to app/assets/media/images/foodcoop.png
diff --git a/app/assets/media/images/icons/logo_white.svg b/app/assets/media/images/icons/logo_white.svg
new file mode 100644
index 0000000..c64f880
--- /dev/null
+++ b/app/assets/media/images/icons/logo_white.svg
@@ -0,0 +1,261 @@
+
+
+
+
diff --git a/app/assets/media/images/icons/membership.svg b/app/assets/media/images/icons/membership.svg
new file mode 100644
index 0000000..8500249
--- /dev/null
+++ b/app/assets/media/images/icons/membership.svg
@@ -0,0 +1,58 @@
+
+
+
+
diff --git a/app/assets/media/images/icons/order.svg b/app/assets/media/images/icons/order.svg
new file mode 100644
index 0000000..79f241c
--- /dev/null
+++ b/app/assets/media/images/icons/order.svg
@@ -0,0 +1,46 @@
+
+
+
+
diff --git a/app/assets/media/images/icons/pickup.svg b/app/assets/media/images/icons/pickup.svg
new file mode 100644
index 0000000..380eb72
--- /dev/null
+++ b/app/assets/media/images/icons/pickup.svg
@@ -0,0 +1,107 @@
+
+
+
+
diff --git a/app/assets/media/images/icons/workgroup.svg b/app/assets/media/images/icons/workgroup.svg
new file mode 100644
index 0000000..8e04e92
--- /dev/null
+++ b/app/assets/media/images/icons/workgroup.svg
@@ -0,0 +1,84 @@
+
+
+
+
diff --git a/app/assets/media/images/bbb_logo_white.png b/app/assets/media/images/logo_white.png
similarity index 100%
rename from app/assets/media/images/bbb_logo_white.png
rename to app/assets/media/images/logo_white.png
diff --git a/app/assets/media/images/membership.png b/app/assets/media/images/membership.png
index 33f45d6..5e3c477 100644
Binary files a/app/assets/media/images/membership.png and b/app/assets/media/images/membership.png differ
diff --git a/app/assets/media/images/order.png b/app/assets/media/images/order.png
index 41ce89d..bb496da 100644
Binary files a/app/assets/media/images/order.png and b/app/assets/media/images/order.png differ
diff --git a/app/assets/media/images/pickup.png b/app/assets/media/images/pickup.png
index d628b92..08da53c 100644
Binary files a/app/assets/media/images/pickup.png and b/app/assets/media/images/pickup.png differ
diff --git a/app/assets/media/images/sprites/sprite-c8960cf9.svg b/app/assets/media/images/sprites/sprite-c8960cf9.svg
new file mode 100644
index 0000000..ff577b6
--- /dev/null
+++ b/app/assets/media/images/sprites/sprite-c8960cf9.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/media/images/workgroup.png b/app/assets/media/images/workgroup.png
index e5ba2e2..9311bb8 100644
Binary files a/app/assets/media/images/workgroup.png and b/app/assets/media/images/workgroup.png differ
diff --git a/app/assets/scss/modules/_how-it-works.scss b/app/assets/scss/modules/_how-it-works.scss
index a54e36f..7cb4a00 100644
--- a/app/assets/scss/modules/_how-it-works.scss
+++ b/app/assets/scss/modules/_how-it-works.scss
@@ -118,14 +118,12 @@
}
}
- &__icon--2{
- width: 100px;
+ &__icon--membership{
margin-right: .8rem;
margin-bottom: -35px;
}
- &__icon--3{
- width: 100px;
+ &__icon--workgroup-order{
margin-right: .8rem;
margin-bottom: -30px;
margin-top: 1.2rem;
@@ -139,9 +137,7 @@
}
}
-
- &__icon--4{
- width: 100px;
+ &__icon--pickup{
margin-bottom: -30px;
margin-right: 20px;
}
diff --git a/app/assets/scss/modules/_sprite.scss b/app/assets/scss/modules/_sprite.scss
new file mode 100644
index 0000000..03d939c
--- /dev/null
+++ b/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%;
+ }
diff --git a/app/assets/scss/style.scss b/app/assets/scss/style.scss
index 9c727cf..bc39523 100644
--- a/app/assets/scss/style.scss
+++ b/app/assets/scss/style.scss
@@ -16,4 +16,7 @@
@import './modules/how-it-works';
@import './modules/arrow';
@import './modules/footer';
+@import './modules/sprite';
+
+
diff --git a/app/index.html b/app/index.html
index cd91ef0..9d3d235 100644
--- a/app/index.html
+++ b/app/index.html
@@ -19,7 +19,8 @@