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 @@