finished for now

2024-12-25 12:45:23 +00:00 · 2020-11-02 13:40:06 +01:00 · 2020-11-02 13:40:06 +01:00 · 7504e96f6b
commit 7504e96f6b
parent a1db00e76c
74 changed files with 2163 additions and 631 deletions
--- a/app/assets/js/App.js
+++ b/app/assets/js/App.js
@ -2,8 +2,10 @@ import $ from 'jquery';
 import MobileMenu from './modules/MobileMenu';
 import RevealOnScroll from './modules/RevealOnScroll';
 import StickyHeader from './modules/StickyHeader';
+import Modal from './modules/Modal';

 var mobileMenu = new MobileMenu();
 new RevealOnScroll($(".how-it-works-1"), "79%");
 new RevealOnScroll($(".how-it-works-2, .how-it-works-3"), "90%");
-var stickyHeader = new StickyHeader();
+var stickyHeader = new StickyHeader();
+var modal = new Modal();
--- a/app/assets/js/modules/Modal.js
+++ b/app/assets/js/modules/Modal.js
@ -0,0 +1,39 @@
+import $ from 'jquery';
+
+class Modal {
+	constructor(){
+		this.openModalButton = $(".open-modal");
+		this.modal = $(".modal");
+		this.closeModalButton = $(".modal__close");
+		this.events();
+	}
+
+	events(){
+		// clicking the open modal button
+		this.openModalButton.click(this.openModal.bind(this));
+
+		// clicking the x close modal button
+		this.closeModalButton.click(this.closeModal.bind(this));
+
+		// pushes any key
+		$(document).keyup(this.keyPressHandler.bind(this));
+
+	}
+
+	openModal() {
+		this.modal.addClass("modal--is-visible");
+		return false
+	}
+
+	closeModal() {
+		this.modal.removeClass("modal--is-visible");
+	}
+
+	keyPressHandler(e) {
+		if (e.keyCode == 27) {
+			this.closeModal();
+		}
+	}
+}
+
+export default Modal;
--- a/app/assets/media/images/.jpg
+++ b/app/assets/media/images/.jpg
--- a/app/assets/media/images/about-2_extra-large.jpg
+++ b/app/assets/media/images/about-2_extra-large.jpg
--- a/app/assets/media/images/about-2_large.jpg
+++ b/app/assets/media/images/about-2_large.jpg
--- a/app/assets/media/images/about-2_medium.jpg
+++ b/app/assets/media/images/about-2_medium.jpg
--- a/app/assets/media/images/about-2_small.jpg
+++ b/app/assets/media/images/about-2_small.jpg
--- a/app/assets/media/images/about-2_smaller.jpg
+++ b/app/assets/media/images/about-2_smaller.jpg
--- a/app/assets/media/images/about_1_large.jpg
+++ b/app/assets/media/images/about_1_large.jpg
--- a/app/assets/media/images/about_1_medium.jpg
+++ b/app/assets/media/images/about_1_medium.jpg
--- a/app/assets/media/images/about_1_small.jpg
+++ b/app/assets/media/images/about_1_small.jpg
--- a/app/assets/media/images/about_1_smaller.jpg
+++ b/app/assets/media/images/about_1_smaller.jpg
--- a/app/assets/media/images/pickup_day_extra_smaller.jpg
+++ b/app/assets/media/images/pickup_day_extra_smaller.jpg
--- a/app/assets/scss/base/_global.scss
+++ b/app/assets/scss/base/_global.scss
@ -8,8 +8,13 @@ body {
 	color: #333;
 }

-img{
+img {
 	max-width: 100%;
 	height: auto;
 }

+a {
+	font-weight: 300;
+	text-decoration: none;
+}
+
--- a/app/assets/scss/modules/_arrow.scss
+++ b/app/assets/scss/modules/_arrow.scss
@ -20,7 +20,7 @@

 		@include atLarge{
 			position: relative;
-			bottom: -70px;
+			bottom: -60px;
 			left: 50%;
 			transform: translateX(-50%);
 		}
--- a/app/assets/scss/modules/_btn.scss
+++ b/app/assets/scss/modules/_btn.scss
@ -12,6 +12,7 @@

 	&--medium {
 		margin-bottom:1.5rem;
+		margin-top: 1.5rem;

 		@include atSmall(){
 			font-size: 1.1rem;
@ -25,4 +26,12 @@
 			font-size: 1.25rem;
 		}
 	}
+
+	&--pickupday {
+		margin: 30px 0px;
+
+		@include atMedium(){
+			margin: 0px;
+		}
+	}
 } 
--- a/app/assets/scss/modules/_generic-content-container.scss
+++ b/app/assets/scss/modules/_generic-content-container.scss
@ -27,7 +27,7 @@
 	}

 	p a {
-		font-weight: 700;
+		font-weight: 500;
 	}

 }
--- a/app/assets/scss/modules/_headline.scss
+++ b/app/assets/scss/modules/_headline.scss
@ -39,6 +39,10 @@
 			font-size: 1.6rem;
 		}
 	}
+
+	&__img{
+		margin: 30px 0px;
+	}
 	
 	&--centered {
 		text-align: center;
--- a/app/assets/scss/modules/_how-it-works.scss
+++ b/app/assets/scss/modules/_how-it-works.scss
@ -66,7 +66,7 @@

 	&__title{
 		font-weight: 300;
-		font-size: 1.7rem;
+		font-size: 1.4rem;
 		margin-bottom: 45px;

 		@include atMedium(){
@ -115,6 +115,7 @@
 		@include atLarge{
 			width: 225px;
 			margin-left: 80px;
+			margin-top: 100px;
 		}
 	}

--- a/app/assets/scss/modules/_modal.scss
+++ b/app/assets/scss/modules/_modal.scss
@ -0,0 +1,55 @@
+.modal {
+	position: fixed;
+	z-index: 5;
+	background:rgba(255, 255, 255, .94);
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	opacity: 0;
+	visibility: hidden;
+	transform: scale(1.2);
+	transition: all .3s ease-out;
+
+	&--is-visible {
+		opacity: 1;
+		visibility: visible;
+		transform: scale(1);
+	}
+
+	&__inner {
+		position: absolute;
+		width: 100%;
+		top: 50%;
+		transform: translateY(-50%);
+		text-align: center;
+
+	}
+
+	&__title {
+		font-weight: 500;
+		font-size: 2.2rem;
+	}
+
+	&__description {
+		text-align: center;
+		font-size: 1.3rem;
+		font-weight: 300;
+		line-height: 1.65;
+	}
+
+	&__close {
+		position: absolute;
+		top: 15px;
+		right: 15px;
+		font-size: 2rem;
+		transform: scaleX(1.2);
+		transform-origin: 100% 0;
+		color: $myOrange;
+
+		&:hover {
+			color: $myOrange;
+			cursor: pointer;
+		}
+	}
+}
--- a/app/assets/scss/style.scss
+++ b/app/assets/scss/style.scss
@ -17,4 +17,5 @@
@import './modules/arrow';
@import './modules/footer';
@import './modules/sprite';
-@import './modules/reveal-item';
+@import './modules/reveal-item';
+@import './modules/modal';
--- a/app/index.html
+++ b/app/index.html
@ -27,7 +27,7 @@
 			</div>
 			<div class="site-header__menu-content">
 				<div class="site-header__btn-container">
-					<a href="#" class="btn ">Place your Order</a>
+					<a href="https://foodsoft.biobulkbende.org" class="btn">Place your Order</a>
 				</div>
 				<div class="site-header__language">
 					<a href="#"><img src="./assets/media/images/netherlands_flag.gif" alt="Netherlands flag"></a>
@ -55,10 +55,10 @@
 		</picture>
 		<div class="large-hero__text-content">
 			<h1 class="large-hero__title">bio bulke bende</h1>
-			<h2 class="large-hero__subtitle">The organic autonomous foodcoop <br> of Rotterdam</h2>
-			<p class="large-hero__description">Local and organic food produced by farmers in the Rijnmond region for an affordable price
-    Through cooperation, members gain access to high-quality organic products from transparent sources and for fair prices.</p>
-			<p><a href="#" class="btn btn--large">Join us!</a></p>
+			<h2 class="large-hero__subtitle">The first organic autonomous<br>foodcoop in Rotterdam</h2>
+			<!-- <p class="large-hero__description">Local and organic food produced by farmers in the Rijnmond region for an affordable price
+    Through cooperation, members gain access to high-quality organic products from transparent sources and for fair prices.</p> -->
+			<p><a href="#" class="btn btn--large open-modal">Join us!</a></p>
 		</div>
 	</div>

@ -66,8 +66,24 @@
 	<div id="about-us" class="page-section page-section--red page-section--b-margin page-section--tb-padding" data-matching-link="#about-us-link">
 		<div class="wrapper">
 			<div class="headline headline--s-width headline--centered headline--b-margin">
-				<h2 class="headline__title ">We started the coop in the summer of 2019...</h2>
-				<h2 class="headline__subtitle">...because we wanted to be able to get good quality, delicious food from local suppliers and farmers. Inspired by the Amsterdam food co-op <a href="#">Vokomokum</a>, we decided to start our own.</h2>
+				<h2 class="headline__title ">Biobulkbende is an association completely run by the members. Together we collectively purchase organic food from local producers and distributors.</h2>
+				<h2 class="headline__subtitle">In the context of the current food system, with all its flaws and vulnerabilities, we believe it is important to have more control over the food we buy and consume. Food doesnt have to be treated strictly as a commodity, access to food doesn't have to rely on impenetrable logistics systems, and overwhelming packaging does not have to be the norm. Access to high quality, organic and affordable food is very important for us, and we think that it should be available to everyone.</h2>
+				<picture>
+					<source data-srcset="./assets/media/images/about-2_extra-large.jpg 1920w" media="(min-width: 1380px)">
+					<source data-srcset="./assets/media/images/about-2_large.jpg 1380w" media="(min-width: 990px)">
+					<source data-srcset="./assets/media/images/about-2_medium.jpg 990w" media="(min-width: 640px)">
+					<source data-srcset="./assets/media/images/about-2_small.jpg 640w" media="(min-width: 390px)">
+					<img class="lazyload headline__img" data-srcset="./assets/media/images/about-2_smaller.jpg 390w" alt="The pick up day is arrived!">
+				</picture>
+				<h2 class="headline__title">In 2019, we  took matters into our own hands and started the first organic food co-op in Rotterdam. </h2>
+				<h2 class="headline__subtitle">Inspired by the Amsterdam food co-op Vokomokum, The Park Slope co-op and many others, our co-op is run on a volunteer-basis by all members. As members of this co-op, we all conribute a small part of our time in order to keep our co-op running according to our values: building a community, sharing organic food, sourcing ingredients that is are not produced through any exploitation of labour and are environmentally friendly. We source our fresh food from local farmers and suppliers from the Rijnmond region, while our dry goods and cans come from the organic food supplier De Nieuwe Band / Odin.</h2>
+				<picture>
+					<source data-srcset="./assets/media/images/about_1_large.jpg 1380w" media="(min-width: 1380px)">
+					<source data-srcset="./assets/media/images/about_1_medium.jpg 990w" media="(min-width: 990px)">
+					<source data-srcset="./assets/media/images/about_1_small.jpg 640w" media="(min-width: 640px)">
+					<img class="lazyload headline__img" data-srcset="./assets/media/images/about_1_smaller.jpg 390w" alt="The pick up day is arrived!">
+				</picture>
+				<h2 class="headline__subtitle">We come together every first monday of the month from 18:00 to 20:00 at the Wijkcoop010 in de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. People who are interested to become a member can join the introduction at 19:00.</h2>
 			</div>
 			<div class="row row--gutters">
        		<div class="row__medium-8">
@ -80,8 +96,8 @@
 				</div>
 				<div class="row__medium-4">
 					<div class="generic-content-container generic-content-container--t-b-margin generic-content-container--t-center">
-						<a href="#" class="btn btn--medium">Join us!</a>
-						<p>We are happy to have new members at the moment. Join us now or simply drop by on our next pickup day and say hello! </p>
+						<a href="#" class="btn btn--medium open-modal">Join us!</a>
+						<p>We are happy to have new members at the moment. Send us an <a href="mailto: info@biobulkbende.org">email</a> or simply drop by on our next pickup day and say hello! </p>
 						<div class="arrow arrow--about arrow--red"></div>
 					</div>
 				</div>
@ -101,8 +117,8 @@
 	        		<div class="row__medium-9--smaller">
 	        			<div class="headline headline--lt-margin">
 							<h2 class="headline__title ">What is a <strong>foodcoop?</strong></h2>
-							<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from suppliers of their own choosing. A collective do-it-with-others supermarket.<br><br>
-							<b>Bio bulk bende</b> members order collectively from local suppliers and distributors. This means we get as close to the wholesale prices as possible by cutting out middle men and ordering in bulk. Bio bulk bende exists only through the cooperation of the members involved, there is no profit and everyone in the community takes part on a volunteer basis.</h2>
+							<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from (local) suppliers of their own choosing. A collective do-it-with-others supermarket.<br><br>
+							<b>BioBulkBende</b> members order collectively from local suppliers and distributors. This means we get as close to the wholesale prices as possible by cutting out middle men and ordering in bulk. BioBulkBende exists only through the cooperation of the members involved. There is no profit and everyone in the community contributes to the co-op on a volunteer basis. </h2>
 						</div>
 					</div>
 				</div>
@ -119,8 +135,8 @@
 						<img class="how-it-works__img lazyload" data-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"><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 high-quality locally produced 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 each month to keep our co-op running. As a member of the co-op you have a say in how the co-op works, how decisions are made and what direction we take together.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--membership how-it-works__icon--membership"></span> Being a <strong>Member</strong> </h2>
+						<p>As a member of Biobulkbende, you have access to high-quality organic food, straight from the producers and / or distributors, at much lower prices than in the supermarket. In return, you pay a membership fee of 15 euros and contribute a bit of your time and energy each month (3h ±) to keep our co-op running. As a member of the co-op you have a say in how the co-op works, how decisions are made and what direction we take together.</p>
 					</div>
 				</div>
 			</div>
@ -134,8 +150,8 @@
 			<div class="how-it-works how-it-works-2 how-it-works--atSmall-centered" data-matching-link="#how-it-works-link">
 				<div class="row row--gutters">
 					<div class="row__medium-6">
-						<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, joining a work group is a requirement. When you join, we help you pick what work group matches your interests as well as what matches the needs of the co-op. Members can change work groups when their interests change.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--workgroup how-it-works__icon--workgroup-order"></span> <strong>Workgroups</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 cooking, set-up, membership, orders, finance, etc. As a member of our food co-op, joining a work group is a requirement. When you join, we help you pick what work group matches your interests, as well as what matches the needs of the co-op. Members can change work groups when their interests change.</p>
 					</div>
 					<div class="row__medium-6 row--large-only">
 						<img class="how-it-works__img lazyload" data-src="./assets/media/images/workgroup_large.JPG" alt="Working togheter is part of being a foocoop!">
@ -155,8 +171,8 @@
 						<img class="how-it-works__img lazyload" data-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"><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 a free software called <a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can learn more about how to order by joining us at any upcoming pickup day.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--order how-it-works__icon--workgroup-order"></span> Ordering <strong>food</strong> </h2>
+						<p>As soon as you become a member you can place your first order, yay! Together we order in dry-food (from toothpaste to pasta) in bulk packaging. Fresh food doesn't have to be in bulk. We also have items that are popular, like oats, in stock to save costs and plastic! Payment is done during pick-up day through banktransfer or pin. For ordering, we use a free software called <a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can learn more about how to order by joining us at any upcoming pickup day. </p>
 					</div>
 				</div>
 			</div>
@ -170,10 +186,10 @@

 	<div id="how-it-works-3"  class="page-section">
 		<picture>
-			<source data-srcset="./assets/media/images/pickup_day_large.jpg 1920w" media="(min-width: 1380px)">
-			<source data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w" media="(min-width: 990px)">
-			<source data-srcset="./assets/media/images/pickup_day_small.jpg 990w" media="(min-width: 640px)">
-			<source data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w" media="(min-width: 390px)">
+			<source data-srcset="./assets/media/images/pickup_day_large.jpg 1920w" media="(min-width: 1600px)">
+			<source data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w" media="(min-width: 1050px)">
+			<source data-srcset="./assets/media/images/pickup_day_small.jpg 990w" media="(min-width: 700px)">
+			<source data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w" media="(min-width: 515px)">
 			<img class="lazyload" data-srcset="./assets/media/images/pickup_day_extra_smaller.jpg 390w" alt="The pick up day is arrived!" class="large-hero__image">
 		</picture>
 		<div class="how-it-works ">
@ -182,8 +198,9 @@
 					<div class="how-it-works__last-section how-it-works-3">
 						<div class="wrapper wrapper--small">
 							<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>
+							<p>Every 1st Monday of the month, from 18:00 - 20:00 our co-op comes together to pick up our fresh, local and bulky orders. The pick-up day is more then just picking up your order. It's also a chance to meet other members and have an affordable vegan dinner cooked by our members. During the pick-up day we have an introduction for people interested to join the co-op. This takes place at 7pm sharp. </p> 
+							<p><a href="#" class="btn btn--pickupday open-modal"><b>Join us!</b></a></p>
+							<p> Attending the introduction is mandatory so that you learn all the ins and outs of the co-op right from the start. After you have joined the introduction you can become a member! </p>
 						</div>
 					</div>
 				</div>
@ -198,12 +215,30 @@
 	<!-- FOOTER -->
 	<footer class="footer">
 		<p>
-			<span class="site-footer__text">Copyright &copy; 2020 Bio Bulke Bende. All rights reserved.</span> 
-			<a href="#" class="btn btn--l-margin">Join us!</a>
+			<span class="site-footer__text">Copyright &copy; 2020 Bio Bulk Bende. All rights reserved.</span> 
+			<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
 		</p>
 	</footer>

-		<!-- MODAL -->
+	<!-- MODAL -->
+
+	<div class="modal">
+		<div class="modal__inner">
+			<h2 class="modal__title">Join <strong>Bio Bulk Bende</strong></h2>
+			<div class="wrapper">
+				<p class="modal__description">Shoot us an email at <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a> if you want to join the introduction.</p>
+			</div>
+
+			<div class="social-icons">
+				<a href="#" class="social-icons__icon"><span class="icon icon--facebook"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--twitter"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--instagram"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--youtube"></span></a>
+			</div>
+		</div>
+		<div class="modal__close">X</div>
+	</div>
+
 	<!-- build:js assets/scripts/App.js -->
 	<script type="text/javascript" src="./temp/scripts/App.js"></script>
 	<!-- endbuild -->
--- a/app/temp/scripts/App.js
+++ b/app/temp/scripts/App.js
--- a/app/temp/styles/style.css
+++ b/app/temp/styles/style.css
@ -344,6 +344,10 @@ img {
  max-width: 100%;
  height: auto; }

+a {
+  font-weight: 300;
+  text-decoration: none; }
+
 .site-header {
  position: fixed;
  width: 100%;
@ -539,7 +543,8 @@ img {
  .btn--l-margin {
    margin-left: 20px; }
  .btn--medium {
-    margin-bottom: 1.5rem; }
+    margin-bottom: 1.5rem;
+    margin-top: 1.5rem; }
    @media (min-width: 530px) {
      .btn--medium {
        font-size: 1.1rem; } }
@ -548,6 +553,11 @@ img {
    @media (min-width: 530px) {
      .btn--large {
        font-size: 1.25rem; } }
+  .btn--pickupday {
+    margin: 30px 0px; }
+    @media (min-width: 800px) {
+      .btn--pickupday {
+        margin: 0px; } }

 .large-hero {
  border-bottom: 10px solid orange;
@ -690,6 +700,8 @@ img {
    @media (min-width: 800px) {
      .headline__subtitle {
        font-size: 1.6rem; } }
+  .headline__img {
+    margin: 30px 0px; }
  .headline--centered {
    text-align: center; }
  .headline--lightGreen {
@ -770,7 +782,7 @@ img {
      font-size: 1.4rem; } }

 .generic-content-container p a {
-  font-weight: 700; }
+  font-weight: 500; }

 .video-container {
  position: relative;
@ -844,7 +856,7 @@ img {
        font-size: 1.4rem; } }
  .how-it-works__title {
    font-weight: 300;
-    font-size: 1.7rem;
+    font-size: 1.4rem;
    margin-bottom: 45px; }
    @media (min-width: 800px) {
      .how-it-works__title {
@ -872,7 +884,8 @@ img {
    @media (min-width: 1200px) {
      .how-it-works__icon--1 {
        width: 225px;
-        margin-left: 80px; } }
+        margin-left: 80px;
+        margin-top: 100px; } }
  .how-it-works__icon--membership {
    margin-right: .8rem;
    margin-bottom: -35px; }
@ -910,7 +923,7 @@ img {
    @media (min-width: 1200px) {
      .arrow--about {
        position: relative;
-        bottom: -70px;
+        bottom: -60px;
        left: 50%;
        transform: translateX(-50%); } }
  .arrow--how-it-works-1 {
@ -1006,4 +1019,46 @@ img {
    opacity: 1;
    transform: scale(1); }

+.modal {
+  position: fixed;
+  z-index: 5;
+  background: rgba(255, 255, 255, 0.94);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  visibility: hidden;
+  transform: scale(1.2);
+  transition: all .3s ease-out; }
+  .modal--is-visible {
+    opacity: 1;
+    visibility: visible;
+    transform: scale(1); }
+  .modal__inner {
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    text-align: center; }
+  .modal__title {
+    font-weight: 500;
+    font-size: 2.2rem; }
+  .modal__description {
+    text-align: center;
+    font-size: 1.3rem;
+    font-weight: 300;
+    line-height: 1.65; }
+  .modal__close {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    font-size: 2rem;
+    transform: scaleX(1.2);
+    transform-origin: 100% 0;
+    color: #FF9F2F; }
+    .modal__close:hover {
+      color: #FF9F2F;
+      cursor: pointer; }
+
 /*# sourceMappingURL=style.css.map */
--- a/app/temp/styles/style.css.map
+++ b/app/temp/styles/style.css.map
--- a/docs/assets/media/images/about-2_extra-large.jpg
+++ b/docs/assets/media/images/about-2_extra-large.jpg
--- a/docs/assets/media/images/about-2_large.jpg
+++ b/docs/assets/media/images/about-2_large.jpg
--- a/docs/assets/media/images/about-2_medium.jpg
+++ b/docs/assets/media/images/about-2_medium.jpg
--- a/docs/assets/media/images/about-2_small.jpg
+++ b/docs/assets/media/images/about-2_small.jpg
--- a/docs/assets/media/images/about-2_smaller.jpg
+++ b/docs/assets/media/images/about-2_smaller.jpg
--- a/docs/assets/media/images/about_1_large.jpg
+++ b/docs/assets/media/images/about_1_large.jpg
--- a/docs/assets/media/images/about_1_medium.jpg
+++ b/docs/assets/media/images/about_1_medium.jpg
--- a/docs/assets/media/images/about_1_small.jpg
+++ b/docs/assets/media/images/about_1_small.jpg
--- a/docs/assets/media/images/about_1_smaller.jpg
+++ b/docs/assets/media/images/about_1_smaller.jpg
--- a/docs/assets/media/images/bbb_logo.png
+++ b/docs/assets/media/images/bbb_logo.png
--- a/docs/assets/media/images/foodcoop.png
+++ b/docs/assets/media/images/foodcoop.png
--- a/docs/assets/media/images/foodcoop_large.png
+++ b/docs/assets/media/images/foodcoop_large.png
--- a/docs/assets/media/images/icons/logo_white.svg
+++ b/docs/assets/media/images/icons/logo_white.svg
@ -1,261 +0,0 @@
-<?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,iVBORw0KGgoAAAANSUhEUgAAAKcAAABkCAYAAADjaiD2AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
-AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAA
-CXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AkRDw4lem8fSwAAOCVJREFUeNrtvXm8Z0dZ5/+u
-qrN99+/db+/d6aRD0gkkYZGERXYXUEEGwUFlENxRGQfBDUYZfwyo89JR3HDAEZVRGB0XQJQRGFAh
-IARCEiCdTtJ73/W7f79nqarn98e9HW7f3O6+nXRnsz+v1311nzrPqaqn6vmeU/XUs8AlXMIlXMIl
-XMIlXMIlXMIlXMIlXMIlXMIlXMIlXMIlPCrgvVfe+7KINEWk4b2vXaB6f8B7n8kKvPf+TQ83r48V
-6IeqoQmeFfzXp279j79249b3/af92296GHidBD4MtIA28JVWq2UebKVKqeuVUsHXL9Xsw8DbYxLB
-g6/i7Ng/u0vdmPbC5z3xltHEWE2PN4VBq/Pdz9gxdd2LP7LwpYeQ10ml1O5TF0qpsXq9vh049BD2
-4RLOAxf5zflC9Yqdw29/8lUme8qNM3r7NkOlEjBeL7FzKx/40ydVZx5CXj1g11y71bIHBRE5ICJ6
-zfXgIeTpMQ11sSr+1efuvn5PNf++vFv86K49tahZ08SVgs6xnDCA+mTO/FL9n+b88Pu/7T1zBy42
-o977K5VSHwL2rhb1vPf7jTFHHmS9MVBTamUoRWSgtR5dbH7+LeCCvjl//fpEAbz9KZO/MJEtfbAk
-vH7blolofEsJ0iFiElRSYjRQdJYCmjPR0ycL9Vfv/86d3/xwD4T3PvDeJ6t/sbV2s0ueAugDA6Av
-Ivl5tKm999GadqNut3vRXhiPNlzwgfj1p9fvbvhgxzVXqqDoh9R27aE608eEDeb+8Qskk3X82Cxh
-KWTpK20aWzT9E3PMtdzLv/PjvfdfLEbP8OZ8HLAIXKOU+m7gmUADWAA+Afy99/6OIAiWz1LvtwPv
-WN0UWRF5m9b6j8/WF+dcaXX9+yzgW4BdrCwxviYi/1spdbuI3GWMKS7WeDwacEGF8w17yh9/8mXl
-Z22dDMkGsPXxU9jBEJ1U0XFEdSIhnz9JngVEtTJQIQgtki3JcHFBHRrKf/nWP1x+y8VgdAPh7Hrv
-X6iUeq1S6lUbPSMiAH8D/InW+gNnoPkD4LVrin5LKfUT6+mcc8oYI86567XWPykiL1VKVc/Q3Tng
-T7337zHG3H4xxuPRgAvyWf/3L/3W4LXTyf+uGXlWEBrQMaWxmLSbo6IEU6kT6wC3PESYJU40eE15
-WlChIu01VT7YIdscb/7Ac2d/ib+bfSg+bWWt9bvPJJgASimUUt+ulHqv9/6n0zSNNiAbcfrG6n5v
-u1OCaa39Xq31XwCvOotgAswAP6W1/jMReTjUbo8IXBDh3PHlm9+yfzZ86Q3XTlINAgoHpgxJXVOb
-qjJaaCGlEJspxI8grqBURv/YAK8Mpa11okasOu1JtlR5y9+8o/9LH/zsk8KLzHsA7ANkTdkicBIY
-rqNNlFK/Eobhcx5IQ6uC+RxjzH8H9qy7PVptc35dXwCuAd7rvd+7iWYec3jQwvnvL5u9Sbr9N+9I
-DDNbamQkoAyVWBOXEuzAktQTjORYHYPSGJ9TnQCjoH94kbiuaV4xzvanTqFrTSammm8uXnfwex+K
-ARAR5b1/u/e+oZSaUkptUUpVnHPfDHTW0iql/i7P8+nzbcM5t8sY8zvA2Jri3Dn30qIoGqttziil
-tIj8DrB2U7UX+B1rbemhGI9HEh6UcF65/ZrLGmnrU8995hbGr5xh1C/YsquG0ZqkHlOMyqRdS+PK
-Jkoi7FIbsTnh+CRq6xNRow6VegXp9NClGOkIzekGpUqVmR2ld//TK3Y89SLzn4rIa4wxP2uM6a69
-EQTB31trrwGOnipTShEEwRvPtxGl1MuAK9cUzXnvnx4EwV9GUXTaMkBr/WPOuR9f9/wLRGTPZtp6
-LOFBCeeTRwf+z427S7oQSOox1gW4tCAIPa2TEa175yltFcpbdoIJaVy5G+8TsDksHYbGGM5MoSoJ
-hgHR5DiNnVupbjP4TsHyscHb3vNNl1UuEu/ee/+Hxpj3nIkgDMOjzrmXry1TSv34uav+OpxzM8C3
-rimy3vtfNcZ8biN6EVFBELzLe//eteXGmN+/SOPwiMUDFs7nNmu/ujP0j997ZZMjhzN0nhNqixcY
-21pHG49UKqRtTXr8OBiNWCFulIlntuNthAR1tO0hVmOHAfW9EzBcYOyyKab312XH9vDZZc3F+rwP
-gP9+zgHS+nMi8tE1RZG19pnn0c7lwLPXXM8bY/7bmYiVUgIgIm9cV/70Xq8X8W8ID0g4nzs79rir
-qv7l33BdndaoxP4nTBLWFc0tdcoTGjfyxGWhFDpKzQTpdSAtCII+plSiGI4wsUJyS1htAAl+MGR0
-bIm0U8FlJaKxKUVUl/173O++6QfeVL4IvNt77rnnznMRDQYDKyLvO23QtH7uZhtRSo2dOj1axV2b
-mhit+yJycG1ZuVzefRHG4RGL8xbO5920v15z2c9ctbO0Y+aySfrdApUNyHsprWN94pJBlwLSriXr
-5djljPZdOT4PKNodyOfBGKKt0zSmyrh0CSmGhHWIp6G0s4bSClMOCDTK+5hn3/m7H7wIvPvLL79c
-zkVUq9VEKdVbVzx+Hu2sf9sNz+PZ02iVUhdrifOIxHkLZ3jgrqv3TehX7p6tctuXF4mLFKdzvJQp
-NSLm7xqSpRaVBKgSROMlatvKmHoTmxtMnGAaERI2iHZtR8clJDMkU1MgJeJxIev2sT1FZWuNUsWx
-bW/01H/6ye03XmDeTZZljXMRrR5jPnld8YnNNqKUStcVbdvkc6KU2rW2TETaF3gMHtE4L+F8ya6Z
-cLZcemlYSFBvOMrVEuXpBqZbECURad9hCiEZDyhPV6nM1vCdAUVexXbvRk9dSTA1jpw4iTt2jOzY
-URi0cSpAN7ZS9I4iA8/Y9ZcjGBQx5X1XEWofRUda33mBeS8HQXDOOkVkXCn1urVlzrkPn0c7y5yu
-pL+iKIprN9HuC4D62rJbb7313gs8Bo9onJdwHp5b3DvMRm/YvbMsRJokqdLv9yntrKIpGC3nJOPQ
-O3ICnYS0vtSl31GUZgx22CAudXEti7UxRWuOYtindu01mMzh5ucI62PoMEOGUN42ga5PELoRemKr
-Gb967Ns//l+euv0C8h5prd/inLvmbERBEPw34L7PqYh0wjD84mYbsdZ+VUTWLksSY8xvLS0t3e+Q
-wTmnAHq9Xk0pddpuXUTef/31159zGfJYwnkJZ5AkP7NtPAZtVNF1JJWI+eMD6ltKzC0WFKqg288J
-Qk3/4BzxdBniGFdkJNMVyJax/T6CQY8n2IFn2M7wSpP3O8TbrkOHIUqlhFUwkUcGQ5JajE/jfTvj
-1oXeue9WSn2wKIpvWH/j9ttvNyLyt8Ar1916x/k0EIZhG/gIa441lVLPHBsb+0hRFKetXVdPkp5d
-rVa/AJzmRrJ+9/5vAeclnDNVeeWWiqHTLui7hLTXZ981s5y4pUtghG43R8UJKrCUZ5soDeW6Qtt8
-xQAk0JgIokZCEFUpbZsiHk/QUYGkGXlrHlMbJ5zaQTwWEZUKXB4RNZuoXNE7Zr/187964wV1g1BK
-7QqC4DPe+09571/vnHuV9/4Prr766jbwItYYx4hICvz2+bbhnPtT4NbTm1XPMcYsee/f65z7Qefc
-j3nvP26M+UdW1E/3YdW4ZNPr3McKNi2cT5yZ+PnLKyoQUezYoZmcjinFMV+79Sjb9ieMbalRnSiT
-Liwx+y3PJx/kyLBAxRpxIT71uNEA2x8QNqsEM3sJG+PEW3cTbd9CPkpRto9qbqP/xc8hThPPTuAC
-iOp16rsnqFaSp7ul3jO2Jk+6UIYh7tR/lFJPV0r9utb6fyqlXgusN8wovPc3aa2759cEhGHYtda+
-nHUuIauGJd+rtf59rfU7lVLPYp2lmIh8EnizMWbTdqKPFWxaOCfV4Cd3TSRctX+GejnhnqMZzjn2
-Xt5glKZUSzGVesLUZSFH3/8xdKiJqhrxjmBXhbQ3JCjNEtbrDL7yVVQ8RXrkJOmdX6SYvxcoU7SX
-6X3206iwjqo0ochJmprRkWVUVEJlQ6p5/z9/+DVzD0Tvqdbxm4rIb7M5V405EfneIAhu2eDeeie5
-DX84YRgedM69DPjsZjssIn8PvEZrPfcA+H3UY1PC+Y1X7r6mDGVjAozOqDVD/DAlH+WEsRDP7qJ9
-fIH2iRZGN6ltnQQnzB3NKVJLeevjGLT72K4l7wwJd0yj6BNvnSY7fgLiBDO1k2xUIagoBgsFZAUq
-jpBRQWoVyiSUJuu4Yb4/CytXnC+jIjIUkeGa6+OrdpWvEJF7zvAMIvIO4Du01n9+Bpoj63yIzmgg
-HATB56y1LwHeKCJHz0QnIrcC3++9f7XWelNK+8ciNuWKYNqLb9xaCct5PkT7MkYZQhNSHU/Iez3S
-Y20krjI2AyqypIueZKZOuaIJJ8cZHb2dycvLtO5doL6nhDGK/N7PE47vonb1NcjoBK0Dd5FM13FW
-4SVFhYJvt4hmd2D6S2RdD0GVavUkEvL7wDdspu+nICLHgG9ZY0fZB9Baf8A59yngqcCNQJMVa6Rb
-gc8XRXEwjuOzfVJ/B/g/fP2NuXC2foRheHw4HP5aHMd/CjwBeBJwytLpiIh8Sil1j1Lq5EMhAI9k
-nHPttueGG6bjO770j08fD695wr4Sl29pksQBYbXBPbee4Jqb6ozt2sXtH7mTygRIuyAKStT2TNI5
-2Wb6yiZ6mFFqJvRPFNR2GcJaE6UFXEA8PYUfDBgtLTA6PqC6cwqtHUGiEQXZsUWY3MXgzuMEFcEO
-2hQ47LaxK6/58c+c8/jxfOC9v288tNYPidrm4Wjz0YJzftb7t932jKmy2XHtDbvBaCply2iUYaKQ
-8e2W6uN2cO9nDmO1wQ0djf1XkHlwSy3GrtgKwz7VK2aYPzRHNhzicpCsQ7z7Wfi8j7cKO8opj1dI
-JmfIewOGnRYjSVCho/LEZ6KWjxLUwA488VgFU1gOf+TAvgs+GFrLqb+HbAIehjYfLTincE7HcqUv
-fONztxzksi1V0hyqMzVu+9xhBh1D71+/QuvEMql1hBMVGo0WqoB4LCZMe4gJkX6L5kydwFuKIsJR
-oShGJJc9BQAJwJsS1mfoIiSp14ljhSptozh5AF0SfB8Eh0kSQLHzm6573sM9eJdwcXFO4ayGwdRV
-kxESRgyWHfMtwfVyTBIS1YXylhnK9Qq+O2JwbBE3DOj0HEENiBPy5WUK1aS6e5Zkzw7G9+8mrFUJ
-pUvvzs8iRmG7PYYLbXy/S9YZQD6AdIBJEoJGk6DRxLkCMQ20GVLbO4U9sfw9D/fgXcLFxVk3RLsn
-Jq4riuH37Zqs8Q1PLqMGASAMc4VWlrg2hvgcV59kz3ib6vYYkwRsu6yJSRKydgdjIjq33425bJz+
-kR6VcTBJDds6SrHUxo0XhKvCLY0yvW5KJarhUo8bDHHd44iHeKaGbQ0wQYWiOyApivP2MXLOTWit
-GwDe+5Ex5hGn2M7zPDDG7NBaA4j3ftEY01/DgwGmtdalVT56xpiFB9jcIxpnfXN2O53Zsi7GDy90
-6Y4c2BHVhqG1OGLXFZMk7ROY+jaO3nkUXwKcZnB0niDMKddjVNTARBHVK6YIm2MExqBKY6ixWYbH
-OsRjE3gZ4a1Bj88SJUKxtMDgeIdwYgIzsY141w2oOEaHMTr2OOUJwpRknOgzv/DMTRuDeO8v11p/
-AjgI3Km1vs05d97+QBcbQRC8QWt9B3AAuEdr/cvW2vt0qVrrJ2mt7129f6fWetN600cbziicO8aa
-Zs9k7dp9WxvMTodILyWplxksF+g4Jh06cj2G8cs4BwmawZJF6zqV2Yi88IiA+BKl7WM4a4irBrfc
-xh87TN7qky+cxA266NoYJokxfkQQQxhrUCWUKGx7kbAxi1tcIm5UiWfHcWENraN46/jSvzsPXgPg
-lJOYAUIgfrgnYAMkq309JZDxunkKWLER1as0ycPd4YuFMwpn2k+DmaS4fiYuqIbQHwnDvqeytUah
-E4adIaId3cNLNBKN8yWs1YzynN5xi67GmJKQ513iiZ0c+dwRwmqCrpXpHO5j4oRkZgyVzJLPL1D0
-ekhcobpjG1TGcMWIfP5raHuUfPEYppngcovkJfARxSBVw8PF+ZyzP1Z2w3KO68cMziicxqbRyeX0
-u+fnUgIxXLarRlTR9I4tsnRiiaVen3RoKcoNts8mjNojess9hj2BICGemsL2RtgU8r5lYvcYg8UU
-ZTNKsxMEARAI2cnjBBPTFEtHQQKCRpW8NcC1O5i4AZUt+HSEKWvQAaBRQUYyMY7NO9Of+OXnb8p4
-9xIefTijcD7r6TftMALNWomBC5hfErLekHB6O/VyhPKGuBpiO/NoBFONqdYTyrpATBflhCDUVGdr
-mHKV+p46Ns3Ju5bKnh0k27dBaZZ4agJcQTg+S67GcN0elXqAGDDTe9GlMYxvkR3r4lJQgRA2FUW3
-TzI5vn/aLL704Ro8EXnUBd16NPX5jMJ55113/qISz7axEHEFyg5I6hUOfuFejnVztFKUJiJ6Jz2h
-gWJY0O54Fk8OmXnGdRTDAQe+cITuQhcTBbjeErpUhlKEiS3etmCUougjox75wCJpj2isTtYpCJqz
-6KSGXT5GML2XoKKwoxHp3AlOfqZPHA5JJio0ynrrg+Dft1ot471/u4jcKSIjEUlFpCciX/Pe/96R
-I0fOqBVQSomIvGGVfiQihYicNdaT9/6nVkN0j0REnHMXRV/rvb9cRL4qIvkavv7hlHfnowFnFM6T
-i8tP0iKcbOfs3z9FLhGegCOLOV5pSrUyphpw2fOuxdRCilxRasS0rCLrLTI6OUeiIWmM0739S5hS
-A9IUnzqQADuwmEYdnYyDCYhiRxCOCCfqFB7y1jz5sdtwrolKDKZcwnUHaIkxUQXRNbKlObKUaz7z
-y4+feID839BoNG5RSr0JuIKVzUXMirncPqXUD23fvj13zr06TdMzqd12A2W+vpE5l8XUDav/JgBK
-qS0XelK999PA/2YlkEO42lbLOff/Xei2LibOKJwKEqU0xwcFvfk+nRMDur2cHVur7J4MmTvRornn
-Mub/+VaknzE+bQicZawRU5rcQjy+ne3P+kbyUUa0fQ+t275GNDOF63fI5w8RJylBbQbnNd7mhGNl
-XA79e+4BnZGfPIHYnOiKp2K7A0iXiSoZnRM51a2CjgekXUM8Wdpb1/n5eEOeQk0p9TdKqXP682it
-3xNF0e855zZ6i55vdOT19Bf0TVYUxRjwZ0qpJ6yp+2RRFN8SBMH/O+UK8mjAGYWzFKjII4yXFUXm
-mJwpo5RmZtxwspVRqSja95xg2wufQVEOWVxwZN0UIWV0+BC5HXD4i7cwaGVAgClFmHQJXUow1UnC
-7deSLxzH+B5hOWB48ADhWAmX5uA8QRJQtBYp7v1ngj03oad2ogLQKiea3Ua4ay+mWqYYhnsCXRo7
-D57vwzp/8k+LyFuBN4nIH69ava+lfY1S6hestY/Yye31eokx5o+UUs9mRTCViBz33n93FEVfhBVX
-kIe7n5vFhsL52uc/I1SiGrNlQ0UrokqZsbohMp6sJ1grhKUQXxQs3nEvtR3T9Od6pEOY3FEnWxpR
-nDxBzaTYzGIX52hefRXDxYwocJBE2FGKyzLCSoQ2CbWrnoy2lrACbmRxuSabWyY98hUo+oTj04gu
-oVG44YCitYwJQQofJ7XKAw5yJSJ3eO9fLCIv01r/Z6XUrzjnflREniQiH1tLq5R6i9b6CQ/3pJ0J
-lUrlXUqpbzvVXRE5KiLfY4z5xMPdtweCDYXzbz/6qQgIQg19UZiaoZsbpsbKlGYrJKHm0IEhcSwE
-VQ3piKltJaoTEUFzB/V9M0TlClM7a4wyRfeLXyTrDOj1PG6UAhGm1iSuGmxvhK5M0L7jNiwKAo3L
-Cmweo0xEODaJV02cUygnSGAw9QpKBxRFjk9TGJ95oMEGTorI64wxf621PnaqMAzDvjHmdq31c1fd
-JNbi5x7uSdsI3vvfUEqtdQDsAT9ljPn4w923B4oNhfONP/OjM1Xj2T1boxAIQo+klqMtxz0HD9HP
-HE982nZsOE55egdKLOkQ7v1qn7x1DEyI63ewvRFRKSRsjpMeO0Z99xasN3ib4jon0Qqi7XuRYkh1
-906Kk0fwnTbOe2zWJe2mDI72KGyBG47o5QFhWYFX5AsddBTihintL3ztrz79A3vr58m7E5E/PNfk
-Oedesa7oZQ/3pK2Dcs69SCn1k2vK+iLyhjNFY360YEPh/MTffeKp9ZIiKDxXTIYsHesSVkOqtSF3
-nIDji0Nu/ewhXCH0DtyKKtUx1ZAdO0uUpiqkI0V55+UgKTFtorEJ8tSRt7qkCx18f+XIkwB0NAYm
-wtqCZHKWcHInldkaST0gSAJsZ4hyGd6UUZlC+2WUzYkmp4irMWE1JtI+rNeD841e0rfW/vq5iIwx
-SyJyX4x3pRTW2gsd4OHBYFpr/bdrC0Tkr7TW73o06TQ3woYT2lte3hWIo2KEWBSzO6bQRnPycMru
-2TL1esLjnzhJKbJUGk2Gi10W2xkn5kd0jqfknRbdQ4do7r+KytYmftgjao4T1SN0pYIddoEC0TV8
-3kZEYwIolufoHekiPqS0bw9hw5B1U/qf/jAeR2BSlHdIlGCmt+OtJl3skff7tAa+ep682yiKzmnN
-o7XOgb9dV/aUh3vizjaHSqlvdM5d9WjSaW6KMYDeoL91mCsW+wW9ApQLUFmK9jHlUshiq0/PKqqz
-NUbtjIkddUrjCR7IWi18UYAEDDojktiweO8QZYdonVCMMkyticdghz3yxSMoGVGcOIQEnuHSENIB
-mBoqDKntbZItpKQHvgimgqk1kayPmAjXH6JiQ21CUxtn8jx53/RbZTVxwVo8mCjDDzox1yawQ2v9
-LmvtjoegrYsGfYbS8VQUHs2ObSXG6lCaaNBsarotz0Q1xA89w06AYkCRp+ycKtGYbTLsBgyPLtFd
-GhGNjdO8bJZSPUFFMSbIqe7cSnrsbsKJfag4wYsl6/SIdl1D3jMU/QEmKlBxFd3YThh5Br2QbEkR
-ja8cBOSLC7hBG0+VqF5D7IC02zlfRXxQFMU5M8h572Ol1IvWFd+9loTTdZXnyqd5MSLFDUTk3Zzu
-F/90rfXr//Iv//JR+2nf+M2ZSwMviBRIHDO7q8ahWxcYb8ZMzE5S14qkZrC2T+3yPXTvOUG60CJL
-U2IdQGFp7h3HG0//7oMMj99FnsVom9P96kFcKijtcf0WauV7jooUYaypztTRlZj0nlvxtsAlEXGY
-oU2M73dQlRrx7BMxcZmQFgy6BBOz4NLz9WUvG2N+7FxE3vsJ4PvWlhVF8den/r/qbrxWOB9nrT3b
-ocCLuLBwIvJ7WuvXisgHWJNCUSn1Uy9+8Yt/KMuyR6WAbiiciZZmt4A8UIw1HHOHu8xe1kBKJebv
-PUpqNKlVDBeHDG47TnnLJH2JSAKhPpNw26cXiJRFBWUql+9j+vIaS3d2yYuC5t4q1eufRzHoYnsL
-2NYibpRTLM2hymX63Qw/suA9KowwUUh5JkSHHhUolDjs4CvY3BGNzWLiGDd0uLx2vraZgVLqh5xz
-ZwwEu2o5/961ynoRORnH8b1rrj/DmsghwIu01vdzIcmyLPLe/75S6kLbX7a01m8QEaW1/unV+E5r
-8bthGD7jArf5kGBD4VSK6akEwqTEXFdwWcb4FNhhB1Nv0k0zsCmlksGpgvqOCaplQ6MZkTpLd1iw
-+LVFnI1wOZixGbY/voq3AkpjW/eQHvgqwxNL+DwD9EpoFomoTCa071ogqDeIprbjhznEinypjw6B
-Ug2vIrIj8+hShKmVyLpL1HbNPJAoINNa69/z3v9H7/19CQXSNK15779Da/1nSqnnsvJmPPV2/E9r
-Kzhy5MgHgdNC1Cil/rv3/pdF5D+IyHeLyGvCMPwjpdQPXoQ5lNU2T/Xve0TkU2v6glLqH1az1T2q
-sKExQ+4YqyjFaDjixD2W6cdtITucM7Wjgs6XsKlg2w4XlShXPIPlIZKPmNpa5mtfaPPEJ04xylKK
-7hKl6a2ofkL3y/diM4U2IdKZQ0Yd4uoEKgxQJkbXxtDDlLwzojzbQEUx2D46LlOkJUoTEFYroEJs
-NyU72Se6fAZV8VhVpteSG4D3nif/AJcrpX4N+KHVKByOlcAKV/H1SG8KQET+0Xv/N2sf3r17t3fO
-vU1rfZpaSin180C6Wl+ilHrQud03A6310Fr7KmPMv/L1CMwx8P40TZ+TJMniQ9GPC8LLhoW+COJq
-hcEwpyg0i8t9HIqRN6hcU6mXKJUcRlmKLMdlGT6qUt85TSQjlpaEqFaFKMQ0pnEqI+s7SokDH2Bq
-deLJcfKlEZoUnSQEjR14lRAFClwf8Qk6HiecmUC6bcQqVJhApYEygkawRYfB4iJCBLa4/HyZXzcO
-VwLPBV4APIX7hyA8KiL/KQiC/vqHjTG/ISKHN6g3YWUDZNbUsz6/+wVX9wRBcI+InLa0UEpdG8fx
-H1zoti4mNhTOwllinRMHCttPiWoRo26P6R0NxqdCsmFOUavTvXsJUw6pNEoUrWW8H7LlCWMM+h6i
-KQZHj+OWD+HbLZYXu4w6jiIrCMevgLBBPBnRP9JHRNM/fDcm0YSRMGgFmDr4vE0xnxMklmFnBJUm
-xnUZHGwTVALyxRFuCMooCjlvJXzbe/8qNkgHuA4C3OG9/2ZjzJfOSCRymYj837NWJPIX1tqb1tS7
-9t+1OJ8NzMYvGK3/znv/K+uKXywi//U8x+lhw4af9cArtFPo2DA9WeXO25a5dv8kt33qIEmpzM4p
-h2u1GbtumuX5nK07NLWJCTqHTzB+xX6ebI7zhU9+kcmdVVS/R/Oqa9jzJE3vaBcTB0gxh4rAjiJK
-W2J04EiP3M2wPQBVZvJxDpdGWJvjT9yCLjcI9JCgWsKpiLACxcARTwhhMkbv4CLZUnbHOXgdAJ9n
-JUaSA+aMMe91zh3SWv8SK6kG19pWLgOHROSWm2+++QduvPHGs+onjTEOeL73/odXk2I1WBEyJyID
-4M+01r8vIrGIvFMptV1E4jzP/3pdVQdX+xms/h0UkbUbrjbwL3xd13pG92al1NuBnax8FQQwIrLH
-ObfNGHOMRzg2/IVeW9WtupbmdbMRM/Uq1UrA3l1l1Mgxnybceec81147zpaJhLGxgLwTUts1TnnS
-0Dt0koXbW1QmqyQTirikGNv/FNr//E/YokJlRpj8ptdgj3yWbKnH4MBdNJ94JSqGpY9/iTBOkKhH
-suMyzPQNSOtmihMjRieXqF5RxTe30v7SMrUtCboWkrV6zH9lHomClzztDw7+1bkYttZqYwxKqdOE
-zXv/TFZSTNdZOZv+fJ7nf18qlR5wXMzBYKArlcp5K917vZ6uVqs45yQIgg0/+845rbW+Hx8bwXuv
-T2kcRASt9UNxEPCgcb9PwtH3/EZTFAbRKBF0liJpThCX0XGEHQ7oDS39bpvJxzUJooBeZ4ljn7mH
-k5+6i+aWJieXBK09iMF5A2SUZqrkwxwKh+23UGNbkaKget3TcLnFVGawuUfEg3egQdcaqMoUwXQN
-bw3B2Ax2vovNDT7P8INFFIpwvEq77QabYTgIAr/RhGqtP6m1fqvW+g1a6180xvztgxFMgAcimAC1
-Ws0rpfyZBBPAGOM3I5irvHmllFdK+UeLYMIGwtmoxgQaeqlnppFgvSKpx5SnAsDTWx6ijSeKK/QW
-M0p1aOyaIgwDTKNBOugRK3A+IZndTjLRRKkU5T04QfoZ+cIBtIkJGwn9r92Gz0e47jEcBqUDVFIn
-H4HkbfJej8FCh7BkyDpDwskq5e3j+MEAqwzdQ3MECMM8/Dcbx/KxivsJ50Kva7woqgnYdOWwYTjM
-GRVQrYfsvqoBDvJ+HxWCJFVad/cYiKcICgbzLWb3bUNlfdKlOfKhpn/4BDpp4q3GVaZQ/eNYX0GN
-DuOW51AmwUtCeXYSFRpMpYaSEOXAlMr4rKCIapjEkPfaGNsnnC7hhwXOhCzd06HuB+2HezAv4cLi
-fsI5s3fLEI/UK5AoR0UphosDlDPU6lCql0lzIawl3PXROwlHXSpjjvr2Jkt39hBTQYcdWsdT6A8J
-xyLKO/egxqskW2uMji+gx2ZBBXgTQRgj4tEaVDDEIRR5Qbh1EvQI7IjR4RauEFSlQTwxztHPHKbo
-O0QKjIa5PPrMlw+H2cM9mJdwYXG/3XrlWd832pdoyQrFKNZM6IhCApaPdygiQ3d+kUB72u2C654w
-g8zsIrj3AKKF0UgYtoXKloD0WMxwYAkXW7QP3Uvzhusx7ihhIyIfpISlNro6BWaAzXLoDknnR8SV
-CkobxBZkvTb58QWSLSWyxRGus8hgrk9lpkr/6CI+KdPrFuzeFf/kKz9851nT9nnvE+D5Sqm9gBeR
-gdb63Q/3BDwSYa0tKaVeoLXew8pY9bTWf/hQ92NDVZLSAkphtKfdSUmamigOyAcDKmMR28ZjBssF
-uQ1Y+upXaOyaYv72RWqlkLtun+emJ13N4f+3RKZDSuUF6ldeTj53FD/s01kU6tcr8s4RwqKgtLWO
-FDnOp/QPtUj2g2lsA11GigESFNjcEo9PQmIgitE1Q1BJWTrYozuSbrqQ203wuhX4FeBxAEqpzDn3
-V8aYpYd60B/p0FqfGqt9sJIi0Vr7wSAIHtJodhufrXuk8NDqWLqZJTQh5BkqjHBWsWUmoqI1aZqj
-XYS1GUUB1BNq1Rq9I/PMXpnQXXJYyrhRm6ASIcpjR5aiNY/qHyNfOokvhHypz/DueZqXT5C2BoiH
-Ih2SD7oEyTg+1Qy6Q4qFRdLFHsYUtBZCbJ6jwuDWk8vlzcRPj5RSa117c87tY/5vFaFSau2Ly66J
-pf+QYUPhLIUhgwxSq6iWDcM8w+Y5eT6iuzwgjqEYFTRqGl2rUhybx2Y5rRMdFJ60k1KbLDNV8fiB
-4Fo5lMap7Z5i+tqQ4V1HyBYWV48wj7J85zI+aEBeEJQMrljZFPlhm+7d9xIEluHSAB8odKlO93gb
-O8pp9UPm5oc3v+7TB49vgtdHtVX4w4CHfbw2/KyXk8CHzrM48ERFzt5miVZfUY0sjdkmgRIYQDFS
-OITyFdvZVm4xyEYMciFrGdSkp7yjju8uoMO9pMOCYLyEHzYZLeaUkhI+rhPPzFDJWgS6IM8daccT
-J/N420eKEeXZaVwK9tAy7dvbMFbH6gqSz2GLsO8rzc/BpS/zYxEbCmds/NfSwt9oC6BqGGSeZikn
-HktYOtKj1ghJfUH7yIDpqyZhOCKZqdA4OqJ3eMRoUCUbZdR3jDH3uZz+YovqWILLM8gK8qFFxSUk
-mkT0HMpo8tTjohqRDAnMCG8q+F7BaLkPNsSjkaTE8qFloiSg1TWUasUtL//r439+njxvCO/9Days
-R8tAT0TuMMZ8+YHWZ63dqrW+jpU0Lgo4MhgM/qVWq50z37r3/kVKqe2A895/yhjz1VP3nHM3KaWu
-WJ27OWvtZ6IoOm9LI+/9dawca9aAoYh8xRhzy/nWczGxoXAm5do/9/qLN1ZqBikg0wH97giDplpR
-aC9MTNdIF3I6X5mjsWcMlxsIY+KKZenokC37xsiHAxq7AtQwwuVCqRTh4gHlSk52/CSqFoPkFCOP
-UhodOqwVglINHUaAIZmukvXBHeuzeHhIeWaa9slFquMl98nPL37pPPldCxGRkff+RqXUjwA3AXtX
-7zml1F0i8kUR+Uet9aatebz3T1JKfT8rMZGu4utpqZcqlcoXRORW59yfBEHwxTPVoZT6H8DM6v9/
-Dfhpa+0rjDEvY8Vi6lT25F4YhreIyD8URfHbURS1z9a30Wik4jj+PuAFSqknA5exajGllDooIp91
-zr0PuJnzMz65KNhQOGuV2m92guU3ZB5ScdjMEoxF9Ac5s1uaGIF6zXCsY+nOO0ylh3Ka9nwHXyiU
-Fo7fPmL3jU1cJBgRRoeXibZVyLoFLhdsH5T3iPcQRWjJ6S0U1JopdmhR6SKmFCHW0j/axytDrqso
-Kwz6OV0RX7vpmW/mKx96oLwbpdSPAm/k/n49hpW3ypVKqW8XkZekafqKUql01ryX3vvXA7/Mxn5C
-E0qp5wPPM8a80nv/Jq31mexP77OWV0oZ7/1/VEq9hRU709OmCngm8IwgCG5azfg2v1GFvV7PxHH8
-F0qpb2ElMvJ67AX2GmO+SUQ+ApzzDb8W1tpnaK1/kJXkZQFwl4j8IfCXxphMRNT5eoNuuCH68y/f
-fUSFut1NPWnucBZOnhwQhobCazoLI9xwyBXXNjh+LIN+RjryVGcalCuaQAtp33LsX+cJx+pQUix+
-bQmGfYzOSHaMY2pTHL95HlVu4HJP1KziM0/QjEhP9EjbBUorSAfEtQSLpjFTp7fU4aobt3L3Cf7r
-m979ofb5MLsOFa31Lyml1grSWov3UygB3xLH8f+11u46U2Xe+99TSv36uvo2qlMBs0qpP3LO/buF
-hYWN3lD30YvIq5VSb+P+grkWSin1rcBPFEWx4QunWq0eUUp9B/cXzPX9G1dK/XvgrHnoT8E59wIR
-OWKM+aRS6nuUUlcopfYopZ6vtX6f1rrtvX/bA3FTPmM2jX4RfDXAPVXHGq1W+h9VQ8IkJpx0VLfX
-8CPLzKSQ9SzBWIwbWgyasamEQEFSS0hPLNKcnWRyyaIaVYwNSLZVGd1zD4GtMDo2T1CJSbsjGpdP
-M3fHCSoTIdVJw2iuj5eAkycFQVg83mb39gof+cuD7Hjarj/m8xcsGcYS8JlV94a+Umo/8GxWdaKr
-s/9krfWb8jx/fRRFpxmEeO+/Tyn1Q6uTfErYjqyGsrl5tfzxSqlvZFV3CCupDcfHx28CPn2mjiml
-mmsuU+AYKzaoTWBt2HFRSv28UurPgNvW9e+TnG4OCCumeB8C7gLKqxmLn8LXrefPCefcq7XW7zkH
-WaKU+lnv/eNE5AfOR698RuF80p4rX3fLgVv/NVeaQ/Mpu2ZK2MzirSUSRz6wlKuGHfvKHD7oqLoh
-ccXQ3BchhaF/wjOYt5g4Iq/3iauK0fERBoUrLEKNgBwd1ynmWuANYaWPqUyQD7t0jxWMOhmZ1IhK
-gpcySdbh5ltOshxG7/uZd99xQQw9ROTL3vvXBkFwWlaKfr9fqVQqbwdet2byf8QY837gE6foiqLY
-AvzP1ctTgvl3WZa9KkmS05TWR44cCbZt2/YHSqn/cKpMKfWHrPkRnAUfE5H/s7i4+HvT09PWOfd4
-pdSPKKV+eG3bxpg3Ay8/9ZD3/seUUk9fU89ARP5ca/2adfW/w1r7AmPMz7OyVDgrnHMvXCeYHvgL
-YJ4VD9AycC0rOUVFKfUSoOO9//7NZqs7o/X4R2/54u2BCQ84bWjUE3qjAl94XJoSlQ0YS1oE1HbV
-2fe0rYwKEK0oxSGVKUNtVxWlBdcX0pZFAoPLFcmOCvnCCCch1YkYrMd7RTI7hqmFBFFBbxgzWIJC
-qkQypDpVYbTc4XhrSD/1i0/fPfHqzTB3LojIPd77F60XTIBqtTpQSv34atrr+yZfKfWra+mMMT+/
-9pMlIn+dZdnL1gsmwI4dO6zW+tUi8hunypRSVzrnXnyOft5RFMUrtdbvnJ6etqvt3qq1/hER+W/r
-yJ926j8333yzAr6L0zc3f7aBYOKcU0EQ/IO19hUici7DbZRS/2vNZQ686sCBA69QSr1OKfV6pdQP
-Ouf+nYi8c83Y/QcR+Y7Nzs8ZhXP/4y4r6kn4rsR4slHBMBcUgnWCKlWIxsbRkWE0EKKoT7mm6Z/M
-SaplXDclHG9Q2xZjYk2xlOKtIwyhGAg6iahvb9JezFHeYSKFZEN8EVCqeLZMOsa2lcE7VKlCe77L
-UjcnTwumG+EbDifuXK4Vm0Hmvf+5IAgOn41IRN4qIvd9xpVST+r1es0111etGccu8K4kSQbnqPO3
-gPvUP1rrXzxHX38hiqINT8G897+xrui+BA5PfvKTX6iUWrt2/Kq19q0b1XMqbmcYhieUUm84W2dW
-15BrfaxepZT6k3379p1mKxoEwTERebOIfG4Nr29nkzijcH74q3e7TAVfWBwaeiKUkoBRoRkNC+J6
-lcGRecJI0KEhzxXVsYjAGFqHO+TLIdliG1OvEkaWUjVh1CpQsca2h5ANUEooj5fpH0spMsFnKUV/
-hPWK5WVLv9ViekuBLiwnjw24a6lPx5ubI8KPve4D91yI04vUe//hcxF575eBX1tbVqlUvhPAWruH
-09dydaXUB0XEn+1vNYf62vA5Z4xWshoK54xn2lrrnmwQLwdgde28dg351TAMz/pjBHDO3SEi/3qm
-+6uqt1P4kIj8w5lojTHt1bDmp7DPObepGANndQr75Mn2xxT2Z1NlyHOYXxzSGTpclmKiiFF7Jfiv
-7fapTodsv7FJfwFMSdO+q0vgc0r7JqCeUJ+NsWLQkcKlkHZ7mHJMXIakFmC9AudhmKODiFa7xMED
-OX/1pS63zKXc2sn510PdA3cuRxfqOMhGUdQ9F1EYhlZEPr+u+NrVSdrK1/WY983dJv/WIpifnz/b
-XMg57qVnuLc2ppMH5jYzMFrrgVJqQ5WUtXYLp4fceaFSaknOAuBja3hQzrkam8A5PRaHVP7R5/7E
-wqCglzpm6po8zfHGYIcZtj9ElWuoKEREmLi6ji5F1KdK9I6OGBweQJhDVKHoFSwfTilSiy0CfDGi
-8Ak29cTjDeJKRnsgjEaOVhbwscMZ7V6PLNBsSaQfYD74S7ceOi/921mwKSXzYDBQrDirrcWpgdab
-reccMNPT0w/GfWIzfVBsPmOdOROt1rrJJuTmHH3cVO6o4FwEH59vf+67dlTfTJ7+j17umZ/LiYMW
-essk1a1bwXdxRUbadQSxQWxKsnUrtXrO4PAyLvX0jxtEDSiXFWG1RC9VJO0MUwox4zA8lpMeaRNX
-DdoI9y7nnEiHeGsZnylx5HCPK7bWfvGtX1i4IEeVq4iKorg8DM/u3lEulwMRWRsxGBG5DcA5d4/W
-usWKOR6sfH5/hxV1z2YnUInIRTFFE5F8TSgdBWwq6tyq+upMiRwKHoRRiIikSqnNGOqcWzgB3n+k
-/+7v2l7bIW70nw+cyKRWLanyjMIWQjQxRVIBe3iBNBdqu3eSnpzH1AzJnvqKr0/hyTqAN6jIkeUB
-lbGU+ds11W1lopmIuYNDdC/gREfTdoq+F4xRcu/RgQoD/YOT09v/6CxLrweCyqpL8CvPRuSce4ox
-5tlry3q93h8BRFF0VETmgP2rt2rAAaXUn17Ijj4IfIkVHe6pNe3Tvfffo7X+k7M9JCI/rJTaMGlt
-u90+NDZ2Wn6IjwBvZsX1+lxQQBGG4aYmclPCCfD+o71ffNm2alnF9qdPdHKJFzKV9udJ0kmSGIKo
-hvMjWkstlC6jswLyjHhqAumn6HLE4OgyOgnIhilHDiaMPy5jdLJDfxDgSgn9ZVgapPSsJR3l5JlT
-lzfDX33bHe0/+NOjF9wmQWmtv8s59xljzG9tRGCtHTfGfHDdxP1Ls9l0a66/uKpcN0AiIi+31n44
-CILWmRpO07QSBIEEQXChligbQmv9oVW10KlAXjHwJmvtPwVBcO9Gz3jvv0sp9foz1Tk+Pl547w8o
-pa5fLbpBRDKt9VcueP/Ph/gDx/pv9LXqqw51huoLXzrO0YUB3eGATidlGJTpBXX6aUGr3aXdyVls
-d1lYzumohLQaU2wfY7Hn8FtCXLng+LGQZQudImVpsc8d80OoKRIczQRmJuOffdsd7TdejIlbRaC1
-/k3n3DtEZKeITInIpIhMWGu/afU0o7numV9ce9FqtX4OuE/No5T6Nq31b4vIdmvtfeu2PM8D7/24
-9/7FURT1tda/eeLEiQeydjsviMj/4vSwiNdorQ8WRfFUEZld5XdKRMadc+9RSv055/hsD4fD56y5
-nFZKvXU1Mdf94L2fttZ+U57n552O5wEt5n/8KdOv7LWGb4/DYHszCth1+TjJVA3iClFJQ95i1M4J
-SyvhbIJqgi5X0CbCdpdxfYuoEG37eIRstKKgz1PHwQWHwXUq9egt7/jk4d+8UJPkvb9SKfUhvm55
-dN/8rY6DAw6zolCeBu43mCLyPhH5XmPMaZsXa+3zjDEfXVffwmos+VNHk1cBL19V75zKEfTqPM/f
-mySJX9dOi9UfxaqW6Ola638+A191YG5taEW1LsGS9/7vlVIv2ODxRaDFSpa33WcZvr73/vHGmHvW
-1PlOpdSPreH3EyLyNu/9l733Q2PMtFLqauCtSqkniMifAD+std5UfAF4EDvNl183+Q21uPbC9tzy
-m5slaIyXqcyMoSiozkwj+ZC820aCEKMddiiYwCGAG2b43OIkwI0KfBCQFprWwNNP+ehM1f3a735+
-8R8eaN/OMInrhdOysojdVHo/EfmYc+7FYRj2zlD/DyilfpuViV57xn62Ol8vIu9cDWWztvyCCqe1
-trEazvGbN8mrrG5aTu2q7yec7Xbb1Ov1P1dKvXTds59QSvVY2Xxdt66vL1jzIz4nHrQa5MX7Z545
-GBUvsda/KozUWLlsCJOYUmJwoz6iQIXBSlN+xfwOcYgXshz6IxClu9b5j4Sl2gdcFH3yE18+NP9g
-+7Ue3vurlVJ/x0rsIIDUWvs0Y8wfr/7CzzZZv22tfXMURa1ztPEc4F2rHp5nq88BPwG8R2udbnB/
-wBr/JhE5m3A2gPZaeVwvnADW2imt9c+dbT252tZB7/2PrtJ+46mxEpFrVw8P1tZZ11r/vFLqnEsv
-Efk5a+1vRlG06TfnBcFTLpsOv3f/VLh7rPLDu6vR53ZVov6VzUiuHo9k/0Qgj58O5dqJWK6djOTa
-yVD2jYWysxwsbytFH901VnvJc3bWkssq0YWO+HsanHNj3vs/FpElEVny3v/PU/e8978pIv11umPr
-vf9ylmV7Npsy5VTqQefcT4jIgoi4dXVm3vsP3XDDDepsda72c2G1n+8rimLiLLSR9/6dItIRkWXv
-/d9yFjjnrvfef15EsvX8OufeLiJqbm5Oee9/aXWs5r33/3K2OrMs2+m9v3WDOnPv/ecGg0HzgczZ
-xbF2vvrb1OyJf3oK4i+PonhrEsd7R73uLaPh8Ih1cjgz8bFRPmg9+IYeHLz36pSFTKfT0dVqdZwV
-e0dbFEUrSZIHdYbvnKsCVaWUEZEsy7JWuVx2Z3tmbZ8uJqy1sVKqzsoypDDGPGg9XZ7nsTGmoZQK
-RSS31nbiOH5Q8aYu4RIu4RIu4RIu4RIu4RIu4RIu4RIu4RIu4RIu4RIu4RIu4SLg/wc0lEPOMCsv
-UgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMC0yMVQxNTo1MDozNCswMjowMDIRSb4AAAAldEVY
-dGRhdGU6bW9kaWZ5ADIwMjAtMDktMTlUMTI6MTU6MDArMDI6MDCJog48AAAAAElFTkSuQmCC" />
-</svg>
--- a/docs/assets/media/images/icons/membership.svg
+++ b/docs/assets/media/images/icons/membership.svg
@ -1,58 +0,0 @@
-<?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>
--- a/docs/assets/media/images/icons/order.svg
+++ b/docs/assets/media/images/icons/order.svg
@ -1,46 +0,0 @@
-<?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>
--- a/docs/assets/media/images/icons/pickup.svg
+++ b/docs/assets/media/images/icons/pickup.svg
@ -1,107 +0,0 @@
-<?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>
--- a/docs/assets/media/images/icons/workgroup.svg
+++ b/docs/assets/media/images/icons/workgroup.svg
@ -1,84 +0,0 @@
-<?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>
--- a/docs/assets/media/images/logo_white.png
+++ b/docs/assets/media/images/logo_white.png
--- a/docs/assets/media/images/member_large.JPG
+++ b/docs/assets/media/images/member_large.JPG
--- a/docs/assets/media/images/member_medium.JPG
+++ b/docs/assets/media/images/member_medium.JPG
--- a/docs/assets/media/images/member_small.JPG
+++ b/docs/assets/media/images/member_small.JPG
--- a/docs/assets/media/images/membership.png
+++ b/docs/assets/media/images/membership.png
--- a/docs/assets/media/images/netherlands_flag.gif
+++ b/docs/assets/media/images/netherlands_flag.gif
--- a/docs/assets/media/images/order.png
+++ b/docs/assets/media/images/order.png
--- a/docs/assets/media/images/order_food_large.JPG
+++ b/docs/assets/media/images/order_food_large.JPG
--- a/docs/assets/media/images/order_food_medium.JPG
+++ b/docs/assets/media/images/order_food_medium.JPG
--- a/docs/assets/media/images/order_food_small.JPG
+++ b/docs/assets/media/images/order_food_small.JPG
--- a/docs/assets/media/images/our_vegetables_large.png
+++ b/docs/assets/media/images/our_vegetables_large.png
--- a/docs/assets/media/images/our_vegetables_medium.png
+++ b/docs/assets/media/images/our_vegetables_medium.png
--- a/docs/assets/media/images/our_vegetables_small.png
+++ b/docs/assets/media/images/our_vegetables_small.png
--- a/docs/assets/media/images/our_vegetables_smaller.png
+++ b/docs/assets/media/images/our_vegetables_smaller.png
--- a/docs/assets/media/images/pickup.png
+++ b/docs/assets/media/images/pickup.png
--- a/docs/assets/media/images/pickup_day_extra_smaller.jpg
+++ b/docs/assets/media/images/pickup_day_extra_smaller.jpg
--- a/docs/assets/media/images/pickup_day_large.jpg
+++ b/docs/assets/media/images/pickup_day_large.jpg
--- a/docs/assets/media/images/pickup_day_medium.jpg
+++ b/docs/assets/media/images/pickup_day_medium.jpg
--- a/docs/assets/media/images/pickup_day_small.jpg
+++ b/docs/assets/media/images/pickup_day_small.jpg
--- a/docs/assets/media/images/pickup_day_smaller.jpg
+++ b/docs/assets/media/images/pickup_day_smaller.jpg
--- a/docs/assets/media/images/sprites/sprite-c8960cf9.svg
+++ b/docs/assets/media/images/sprites/sprite-c8960cf9.svg
--- a/docs/assets/media/images/workgroup.png
+++ b/docs/assets/media/images/workgroup.png
--- a/docs/assets/media/images/workgroup_large.JPG
+++ b/docs/assets/media/images/workgroup_large.JPG
--- a/docs/assets/media/images/workgroup_medium.JPG
+++ b/docs/assets/media/images/workgroup_medium.JPG
--- a/docs/assets/media/images/workgroup_small.JPG
+++ b/docs/assets/media/images/workgroup_small.JPG
--- a/docs/assets/scripts/App.js
+++ b/docs/assets/scripts/App.js
--- a/docs/assets/styles/style.css
+++ b/docs/assets/styles/style.css
@ -344,6 +344,10 @@ img {
  max-width: 100%;
  height: auto; }

+a {
+  font-weight: 300;
+  text-decoration: none; }
+
 .site-header {
  position: fixed;
  width: 100%;
@ -539,7 +543,8 @@ img {
  .btn--l-margin {
    margin-left: 20px; }
  .btn--medium {
-    margin-bottom: 1.5rem; }
+    margin-bottom: 1.5rem;
+    margin-top: 1.5rem; }
    @media (min-width: 530px) {
      .btn--medium {
        font-size: 1.1rem; } }
@ -548,6 +553,11 @@ img {
    @media (min-width: 530px) {
      .btn--large {
        font-size: 1.25rem; } }
+  .btn--pickupday {
+    margin: 30px 0px; }
+    @media (min-width: 800px) {
+      .btn--pickupday {
+        margin: 0px; } }

 .large-hero {
  border-bottom: 10px solid orange;
@ -690,6 +700,8 @@ img {
    @media (min-width: 800px) {
      .headline__subtitle {
        font-size: 1.6rem; } }
+  .headline__img {
+    margin: 30px 0px; }
  .headline--centered {
    text-align: center; }
  .headline--lightGreen {
@ -770,7 +782,7 @@ img {
      font-size: 1.4rem; } }

 .generic-content-container p a {
-  font-weight: 700; }
+  font-weight: 500; }

 .video-container {
  position: relative;
@ -844,7 +856,7 @@ img {
        font-size: 1.4rem; } }
  .how-it-works__title {
    font-weight: 300;
-    font-size: 1.7rem;
+    font-size: 1.4rem;
    margin-bottom: 45px; }
    @media (min-width: 800px) {
      .how-it-works__title {
@ -872,7 +884,8 @@ img {
    @media (min-width: 1200px) {
      .how-it-works__icon--1 {
        width: 225px;
-        margin-left: 80px; } }
+        margin-left: 80px;
+        margin-top: 100px; } }
  .how-it-works__icon--membership {
    margin-right: .8rem;
    margin-bottom: -35px; }
@ -910,7 +923,7 @@ img {
    @media (min-width: 1200px) {
      .arrow--about {
        position: relative;
-        bottom: -70px;
+        bottom: -60px;
        left: 50%;
        transform: translateX(-50%); } }
  .arrow--how-it-works-1 {
@ -971,7 +984,7 @@ img {
  background-image: url("../media/images/sprites/sprite-c8960cf9.svg"); }

 .no-svg {
-  background-image: url("../../temp/media/images/sprites/"); }
+  background-image: url("../media/images/sprites/"); }

 .icon--logo_white {
  width: 167px;
@ -1006,4 +1019,46 @@ img {
    opacity: 1;
    transform: scale(1); }

+.modal {
+  position: fixed;
+  z-index: 5;
+  background: rgba(255, 255, 255, 0.94);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  visibility: hidden;
+  transform: scale(1.2);
+  transition: all .3s ease-out; }
+  .modal--is-visible {
+    opacity: 1;
+    visibility: visible;
+    transform: scale(1); }
+  .modal__inner {
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    text-align: center; }
+  .modal__title {
+    font-weight: 500;
+    font-size: 2.2rem; }
+  .modal__description {
+    text-align: center;
+    font-size: 1.3rem;
+    font-weight: 300;
+    line-height: 1.65; }
+  .modal__close {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    font-size: 2rem;
+    transform: scaleX(1.2);
+    transform-origin: 100% 0;
+    color: #FF9F2F; }
+    .modal__close:hover {
+      color: #FF9F2F;
+      cursor: pointer; }
+
 /*# sourceMappingURL=style.css.map */
--- a/docs/assets/styles/style.css.map
+++ b/docs/assets/styles/style.css.map
--- a/docs/index.html
+++ b/docs/index.html
@ -27,7 +27,7 @@
 			</div>
 			<div class="site-header__menu-content">
 				<div class="site-header__btn-container">
-					<a href="#" class="btn ">Place your Order</a>
+					<a href="https://foodsoft.biobulkbende.org" class="btn">Place your Order</a>
 				</div>
 				<div class="site-header__language">
 					<a href="#"><img src="./assets/media/images/netherlands_flag.gif" alt="Netherlands flag"></a>
@ -55,10 +55,10 @@
 		</picture>
 		<div class="large-hero__text-content">
 			<h1 class="large-hero__title">bio bulke bende</h1>
-			<h2 class="large-hero__subtitle">The organic autonomous foodcoop <br> of Rotterdam</h2>
+			<h2 class="large-hero__subtitle">The first organic autonomous<br>foodcoop in Rotterdam</h2>
 			<!-- <p class="large-hero__description">Local and organic food produced by farmers in the Rijnmond region for an affordable price
    Through cooperation, members gain access to high-quality organic products from transparent sources and for fair prices.</p> -->
-			<p><a href="#" class="btn btn--large">Join us!</a></p>
+			<p><a href="#" class="btn btn--large open-modal">Join us!</a></p>
 		</div>
 	</div>

@ -66,8 +66,24 @@
 	<div id="about-us" class="page-section page-section--red page-section--b-margin page-section--tb-padding" data-matching-link="#about-us-link">
 		<div class="wrapper">
 			<div class="headline headline--s-width headline--centered headline--b-margin">
-				<h2 class="headline__title ">We started the coop in the summer of 2019...</h2>
-				<h2 class="headline__subtitle">...because we wanted to be able to get good quality, delicious food from local suppliers and farmers. Inspired by the Amsterdam food co-op <a href="#">Vokomokum</a>, we decided to start our own.</h2>
+				<h2 class="headline__title ">Biobulkbende is an association completely run by the members. Together we collectively purchase organic food from local producers and distributors.</h2>
+				<h2 class="headline__subtitle">In the context of the current food system, with all its flaws and vulnerabilities, we believe it is important to have more control over the food we buy and consume. Food doesnt have to be treated strictly as a commodity, access to food doesn't have to rely on impenetrable logistics systems, and overwhelming packaging does not have to be the norm. Access to high quality, organic and affordable food is very important for us, and we think that it should be available to everyone.</h2>
+				<picture>
+					<source data-srcset="./assets/media/images/about-2_extra-large.jpg 1920w" media="(min-width: 1380px)">
+					<source data-srcset="./assets/media/images/about-2_large.jpg 1380w" media="(min-width: 990px)">
+					<source data-srcset="./assets/media/images/about-2_medium.jpg 990w" media="(min-width: 640px)">
+					<source data-srcset="./assets/media/images/about-2_small.jpg 640w" media="(min-width: 390px)">
+					<img class="lazyload headline__img" data-srcset="./assets/media/images/about-2_smaller.jpg 390w" alt="The pick up day is arrived!">
+				</picture>
+				<h2 class="headline__title">In 2019, we  took matters into our own hands and started the first organic food co-op in Rotterdam. </h2>
+				<h2 class="headline__subtitle">Inspired by the Amsterdam food co-op Vokomokum, The Park Slope co-op and many others, our co-op is run on a volunteer-basis by all members. As members of this co-op, we all conribute a small part of our time in order to keep our co-op running according to our values: building a community, sharing organic food, sourcing ingredients that is are not produced through any exploitation of labour and are environmentally friendly. We source our fresh food from local farmers and suppliers from the Rijnmond region, while our dry goods and cans come from the organic food supplier De Nieuwe Band / Odin.</h2>
+				<picture>
+					<source data-srcset="./assets/media/images/about_1_large.jpg 1380w" media="(min-width: 1380px)">
+					<source data-srcset="./assets/media/images/about_1_medium.jpg 990w" media="(min-width: 990px)">
+					<source data-srcset="./assets/media/images/about_1_small.jpg 640w" media="(min-width: 640px)">
+					<img class="lazyload headline__img" data-srcset="./assets/media/images/about_1_smaller.jpg 390w" alt="The pick up day is arrived!">
+				</picture>
+				<h2 class="headline__subtitle">We come together every first monday of the month from 18:00 to 20:00 at the Wijkcoop010 in de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. People who are interested to become a member can join the introduction at 19:00.</h2>
 			</div>
 			<div class="row row--gutters">
        		<div class="row__medium-8">
@ -80,8 +96,8 @@
 				</div>
 				<div class="row__medium-4">
 					<div class="generic-content-container generic-content-container--t-b-margin generic-content-container--t-center">
-						<a href="#" class="btn btn--medium">Join us!</a>
-						<p>We are happy to have new members at the moment. Join us now or simply drop by on our next pickup day and say hello! </p>
+						<a href="#" class="btn btn--medium open-modal">Join us!</a>
+						<p>We are happy to have new members at the moment. Send us an <a href="mailto: info@biobulkbende.org">email</a> or simply drop by on our next pickup day and say hello! </p>
 						<div class="arrow arrow--about arrow--red"></div>
 					</div>
 				</div>
@ -101,8 +117,8 @@
 	        		<div class="row__medium-9--smaller">
 	        			<div class="headline headline--lt-margin">
 							<h2 class="headline__title ">What is a <strong>foodcoop?</strong></h2>
-							<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from suppliers of their own choosing. A collective do-it-with-others supermarket.<br><br>
-							<b>Bio bulk bende</b> members order collectively from local suppliers and distributors. This means we get as close to the wholesale prices as possible by cutting out middle men and ordering in bulk. Bio bulk bende exists only through the cooperation of the members involved, there is no profit and everyone in the community takes part on a volunteer basis.</h2>
+							<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from (local) suppliers of their own choosing. A collective do-it-with-others supermarket.<br><br>
+							<b>BioBulkBende</b> members order collectively from local suppliers and distributors. This means we get as close to the wholesale prices as possible by cutting out middle men and ordering in bulk. BioBulkBende exists only through the cooperation of the members involved. There is no profit and everyone in the community contributes to the co-op on a volunteer basis. </h2>
 						</div>
 					</div>
 				</div>
@ -119,8 +135,8 @@
 						<img class="how-it-works__img lazyload" data-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"><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 high-quality locally produced 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 each month to keep our co-op running. As a member of the co-op you have a say in how the co-op works, how decisions are made and what direction we take together.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--membership how-it-works__icon--membership"></span> Being a <strong>Member</strong> </h2>
+						<p>As a member of Biobulkbende, you have access to high-quality organic food, straight from the producers and / or distributors, at much lower prices than in the supermarket. In return, you pay a membership fee of 15 euros and contribute a bit of your time and energy each month (3h ±) to keep our co-op running. As a member of the co-op you have a say in how the co-op works, how decisions are made and what direction we take together.</p>
 					</div>
 				</div>
 			</div>
@ -134,8 +150,8 @@
 			<div class="how-it-works how-it-works-2 how-it-works--atSmall-centered" data-matching-link="#how-it-works-link">
 				<div class="row row--gutters">
 					<div class="row__medium-6">
-						<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, joining a work group is a requirement. When you join, we help you pick what work group matches your interests as well as what matches the needs of the co-op. Members can change work groups when their interests change.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--workgroup how-it-works__icon--workgroup-order"></span> <strong>Workgroups</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 cooking, set-up, membership, orders, finance, etc. As a member of our food co-op, joining a work group is a requirement. When you join, we help you pick what work group matches your interests, as well as what matches the needs of the co-op. Members can change work groups when their interests change.</p>
 					</div>
 					<div class="row__medium-6 row--large-only">
 						<img class="how-it-works__img lazyload" data-src="./assets/media/images/workgroup_large.JPG" alt="Working togheter is part of being a foocoop!">
@ -155,8 +171,8 @@
 						<img class="how-it-works__img lazyload" data-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"><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 a free software called <a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can learn more about how to order by joining us at any upcoming pickup day.</p>
+						<h2 class="how-it-works__title-small"><span class="icon icon--order how-it-works__icon--workgroup-order"></span> Ordering <strong>food</strong> </h2>
+						<p>As soon as you become a member you can place your first order, yay! Together we order in dry-food (from toothpaste to pasta) in bulk packaging. Fresh food doesn't have to be in bulk. We also have items that are popular, like oats, in stock to save costs and plastic! Payment is done during pick-up day through banktransfer or pin. For ordering, we use a free software called <a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can learn more about how to order by joining us at any upcoming pickup day. </p>
 					</div>
 				</div>
 			</div>
@ -170,10 +186,10 @@

 	<div id="how-it-works-3"  class="page-section">
 		<picture>
-			<source data-srcset="./assets/media/images/pickup_day_large.jpg 1920w" media="(min-width: 1380px)">
-			<source data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w" media="(min-width: 990px)">
-			<source data-srcset="./assets/media/images/pickup_day_small.jpg 990w" media="(min-width: 640px)">
-			<source data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w" media="(min-width: 390px)">
+			<source data-srcset="./assets/media/images/pickup_day_large.jpg 1920w" media="(min-width: 1600px)">
+			<source data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w" media="(min-width: 1050px)">
+			<source data-srcset="./assets/media/images/pickup_day_small.jpg 990w" media="(min-width: 700px)">
+			<source data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w" media="(min-width: 515px)">
 			<img class="lazyload" data-srcset="./assets/media/images/pickup_day_extra_smaller.jpg 390w" alt="The pick up day is arrived!" class="large-hero__image">
 		</picture>
 		<div class="how-it-works ">
@ -182,8 +198,9 @@
 					<div class="how-it-works__last-section how-it-works-3">
 						<div class="wrapper wrapper--small">
 							<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>
+							<p>Every 1st Monday of the month, from 18:00 - 20:00 our co-op comes together to pick up our fresh, local and bulky orders. The pick-up day is more then just picking up your order. It's also a chance to meet other members and have an affordable vegan dinner cooked by our members. During the pick-up day we have an introduction for people interested to join the co-op. This takes place at 7pm sharp. </p> 
+							<p><a href="#" class="btn btn--pickupday open-modal"><b>Join us!</b></a></p>
+							<p> Attending the introduction is mandatory so that you learn all the ins and outs of the co-op right from the start. After you have joined the introduction you can become a member! </p>
 						</div>
 					</div>
 				</div>
@ -198,12 +215,30 @@
 	<!-- FOOTER -->
 	<footer class="footer">
 		<p>
-			<span class="site-footer__text">Copyright &copy; 2020 Bio Bulke Bende. All rights reserved.</span> 
-			<a href="#" class="btn btn--l-margin">Join us!</a>
+			<span class="site-footer__text">Copyright &copy; 2020 Bio Bulk Bende. All rights reserved.</span> 
+			<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
 		</p>
 	</footer>

-		<!-- MODAL -->
+	<!-- MODAL -->
+
+	<div class="modal">
+		<div class="modal__inner">
+			<h2 class="modal__title">Join <strong>Bio Bulk Bende</strong></h2>
+			<div class="wrapper">
+				<p class="modal__description">Shoot us an email at <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a> if you want to join the introduction.</p>
+			</div>
+
+			<div class="social-icons">
+				<a href="#" class="social-icons__icon"><span class="icon icon--facebook"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--twitter"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--instagram"></span></a>
+				<a href="#" class="social-icons__icon"><span class="icon icon--youtube"></span></a>
+			</div>
+		</div>
+		<div class="modal__close">X</div>
+	</div>
+
 	<!-- build:js assets/scripts/App.js -->
 	<script type="text/javascript" src="./assets/scripts/App.js"></script>
 	<!-- endbuild -->
--- a/gulpfile.js
+++ b/gulpfile.js
@ -10,6 +10,7 @@ webpackConfig = require('./webpack.config.js'),
 modernizr = require('gulp-modernizr'),
 svgSprite = require('gulp-svg-sprite'),
 rename = require('gulp-rename'),
+imagemin = require('gulp-imagemin'),
 browserSync = require('browser-sync').create();

 // JS TASKS
@ -105,5 +106,17 @@ const watch = function() {
    gulp.watch("./app/*.html").on('change', browserSync.reload);
 };

+// IMAGE TASK
+function imagesTask(){
+	return src(['./app/assets/media/images/**/*','./app/temp/media/images/**/*', '!./app/assets/media/images/icons', '!./app/assets/media/images/icons/**/*'])
+		.pipe(imagemin({
+			progressive: true,
+			interlaced: true,
+			multipass: true
+		}))
+		.pipe(dest('./docs/assets/media/images'));
+}
+
 exports.watch = watch;
-exports.icons = series(beginClean, createSprite, copySpriteGraphic, copySpriteCSS, endClean);
+exports.icons = series(beginClean, createSprite, copySpriteGraphic, copySpriteCSS, endClean);
+exports.images = imagesTask;
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -16,6 +16,7 @@
    "browser-sync": "^2.26.12",
    "del": "^5.1.0",
    "gulp": "^4.0.2",
+    "gulp-imagemin": "^7.1.0",
    "gulp-modernizr": "^4.0.1",
    "gulp-postcss": "^8.0.0",
    "gulp-rename": "^2.0.0",