everything moved in app
@ -7,5 +7,5 @@ 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();
|
@ -15,12 +15,14 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "CocogooseExtra";
|
||||
src: url("../media/fonts/cocogoose/Cocogoose_extraBold.ttf") format("truetype");
|
||||
src: url("../media/fonts/cocogoose/Cocogoose_extraBold.ttf")
|
||||
format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "BS-regular";
|
||||
src: url("../media/fonts/bahnschrift/BS_Static_Regular.ttf") format("truetype");
|
||||
src: url("../media/fonts/bahnschrift/BS_Static_Regular.ttf")
|
||||
format("truetype");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@ -31,4 +33,4 @@
|
||||
@font-face {
|
||||
font-family: "BS-bold";
|
||||
src: url("../media/fonts/bahnschrift/BS_Static_Bold.ttf") format("truetype");
|
||||
}
|
||||
}
|
||||
|
BIN
app/bundle/media/fonts/bahnschrift/BS_Static_Bold.ttf
Normal file
BIN
app/bundle/media/fonts/bahnschrift/BS_Static_Light.ttf
Normal file
BIN
app/bundle/media/fonts/bahnschrift/BS_Static_Regular.ttf
Normal file
Before Width: | Height: | Size: 259 KiB After Width: | Height: | Size: 259 KiB |
Before Width: | Height: | Size: 162 KiB After Width: | Height: | Size: 162 KiB |
Before Width: | Height: | Size: 103 KiB After Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 158 KiB After Width: | Height: | Size: 158 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
BIN
app/bundle/media/images/english_flag.jpg
Normal file
After Width: | Height: | Size: 927 B |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 849 KiB After Width: | Height: | Size: 849 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
BIN
app/bundle/media/images/netherlands_flag.gif
Normal file
After Width: | Height: | Size: 513 B |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 2.7 MiB After Width: | Height: | Size: 2.7 MiB |
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 907 KiB After Width: | Height: | Size: 907 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 166 KiB After Width: | Height: | Size: 166 KiB |
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
@ -3,24 +3,24 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>BioBulkBende</title>
|
||||
<title>Biobulkbende</title>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Bio, Bulk, Bende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="Bio Bulk Bende is an autonomous organic food cooperative ."
|
||||
content="Biobulkbende is an autonomous organic food cooperative ."
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="../assets/styles/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../bundle/styles/style.css" />
|
||||
|
||||
<!-- build:js assets/scripts/Vendor.js -->
|
||||
<script type="text/javascript" src="../assets/scripts/Vendor.js"></script>
|
||||
<script type="text/javascript" src="../bundle/scripts/Vendor.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
@ -30,8 +30,8 @@
|
||||
<div class="site-header__logo">
|
||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||
<img
|
||||
src="../assets/media/images/logo_white.png"
|
||||
alt="BioBulkBende's logo with an almond"
|
||||
src="../bundle/media/images/logo_white.png"
|
||||
alt="Biobulkbende's logo with an almond"
|
||||
/>
|
||||
</div>
|
||||
<div class="site-header__menu-icon">
|
||||
@ -46,7 +46,7 @@
|
||||
<div class="site-header__language">
|
||||
<a href="../index.html"
|
||||
><img
|
||||
src="../assets/media/images/netherlands_flag.gif"
|
||||
src="../bundle/media/images/netherlands_flag.gif"
|
||||
alt="Netherlands flag"
|
||||
/></a>
|
||||
</div>
|
||||
@ -70,25 +70,25 @@
|
||||
<div class="large-hero">
|
||||
<picture>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_large.png 1920w"
|
||||
srcset="../bundle/media/images/our_vegetables_large.png 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_medium.png 1380w"
|
||||
srcset="../bundle/media/images/our_vegetables_medium.png 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_small.png 990w"
|
||||
srcset="../bundle/media/images/our_vegetables_small.png 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<img
|
||||
srcset="../assets/media/images/our_vegetables_smaller.png 640w"
|
||||
srcset="../bundle/media/images/our_vegetables_smaller.png 640w"
|
||||
alt="Our fresh vegetables"
|
||||
class="large-hero__image"
|
||||
/>
|
||||
</picture>
|
||||
<div class="large-hero__text-content">
|
||||
<h1 class="large-hero__title">BioBulkBende</h1>
|
||||
<h1 class="large-hero__title">Biobulkbende</h1>
|
||||
<h2 class="large-hero__subtitle">
|
||||
The first organic autonomous<br />foodcoop in Rotterdam
|
||||
</h2>
|
||||
@ -109,7 +109,7 @@
|
||||
class="headline headline--s-width headline--centered headline--b-margin"
|
||||
>
|
||||
<h2 class="headline__title">
|
||||
BioBulkBende is an association completely run by the members.
|
||||
Biobulkbende is an association completely run by the members.
|
||||
Together we collectively purchase organic food from local producers
|
||||
and distributors.
|
||||
</h2>
|
||||
@ -125,24 +125,24 @@
|
||||
</h2>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about-2_extra-large.jpg 1920w"
|
||||
data-srcset="../bundle/media/images/about-2_extra-large.jpg 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about-2_large.jpg 1380w"
|
||||
data-srcset="../bundle/media/images/about-2_large.jpg 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about-2_medium.jpg 990w"
|
||||
data-srcset="../bundle/media/images/about-2_medium.jpg 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about-2_small.jpg 640w"
|
||||
data-srcset="../bundle/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"
|
||||
data-srcset="../bundle/media/images/about-2_smaller.jpg 390w"
|
||||
alt="The pick up day is arrived!"
|
||||
/>
|
||||
</picture>
|
||||
@ -163,20 +163,20 @@
|
||||
</h2>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about_1_large.jpg 1380w"
|
||||
data-srcset="../bundle/media/images/about_1_large.jpg 1380w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about_1_medium.jpg 990w"
|
||||
data-srcset="../bundle/media/images/about_1_medium.jpg 990w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/about_1_small.jpg 640w"
|
||||
data-srcset="../bundle/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"
|
||||
data-srcset="../bundle/media/images/about_1_smaller.jpg 390w"
|
||||
alt="The pick up day is arrived!"
|
||||
/>
|
||||
</picture>
|
||||
@ -208,7 +208,7 @@
|
||||
<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
|
||||
<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>
|
||||
@ -232,7 +232,7 @@
|
||||
<div class="row__medium-3--larger">
|
||||
<img
|
||||
class="how-it-works__icon how-it-works__icon--1 lazyload"
|
||||
data-src="../assets/media/images/foodcoop.png"
|
||||
data-src="../bundle/media/images/foodcoop.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="row__medium-9--smaller">
|
||||
@ -245,10 +245,10 @@
|
||||
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
|
||||
<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
|
||||
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.
|
||||
@ -274,7 +274,7 @@
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<img
|
||||
class="how-it-works__img lazyload"
|
||||
data-src="../assets/media/images/member_large.JPG"
|
||||
data-src="../bundle/media/images/member_large.JPG"
|
||||
alt="Once you are member you are part of our community!"
|
||||
/>
|
||||
</div>
|
||||
@ -300,11 +300,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/member_medium.JPG 800w"
|
||||
data-srcset="../bundle/media/images/member_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/member_small.JPG 650w"
|
||||
data-srcset="../bundle/media/images/member_small.JPG 650w"
|
||||
alt="Once you are member you are part of our community!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -337,7 +337,7 @@
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<img
|
||||
class="how-it-works__img lazyload"
|
||||
data-src="../assets/media/images/workgroup_large.JPG"
|
||||
data-src="../bundle/media/images/workgroup_large.JPG"
|
||||
alt="Working togheter is part of being a foocoop!"
|
||||
/>
|
||||
</div>
|
||||
@ -346,11 +346,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/workgroup_medium.JPG 800w"
|
||||
data-srcset="../bundle/media/images/workgroup_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/workgroup_small.JPG 650w"
|
||||
data-srcset="../bundle/media/images/workgroup_small.JPG 650w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -362,7 +362,7 @@
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<img
|
||||
class="how-it-works__img lazyload"
|
||||
data-src="../assets/media/images/order_food_large.JPG"
|
||||
data-src="../bundle/media/images/order_food_large.JPG"
|
||||
alt="To order your food is easy!"
|
||||
/>
|
||||
</div>
|
||||
@ -389,11 +389,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/order_food_medium.JPG 800w"
|
||||
data-srcset="../bundle/media/images/order_food_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/order_food_small.JPG 650w"
|
||||
data-srcset="../bundle/media/images/order_food_small.JPG 650w"
|
||||
alt="To order your food is easy!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -404,24 +404,24 @@
|
||||
<div id="how-it-works-3" class="page-section">
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/pickup_day_large.jpg 1920w"
|
||||
data-srcset="../bundle/media/images/pickup_day_large.jpg 1920w"
|
||||
media="(min-width: 1600px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/pickup_day_medium.jpg 1380w"
|
||||
data-srcset="../bundle/media/images/pickup_day_medium.jpg 1380w"
|
||||
media="(min-width: 1050px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/pickup_day_small.jpg 990w"
|
||||
data-srcset="../bundle/media/images/pickup_day_small.jpg 990w"
|
||||
media="(min-width: 700px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="../assets/media/images/pickup_day_smaller.jpg 640w"
|
||||
data-srcset="../bundle/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"
|
||||
data-srcset="../bundle/media/images/pickup_day_extra_smaller.jpg 390w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="large-hero__image"
|
||||
/>
|
||||
@ -446,7 +446,7 @@
|
||||
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.
|
||||
This takes place at 8pm sharp.
|
||||
</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn--pickupday open-modal"
|
||||
@ -473,7 +473,7 @@
|
||||
<footer class="footer">
|
||||
<p>
|
||||
<span class="site-footer__text"
|
||||
>Copyright © 2020 BioBulkBende. All rights reserved.</span
|
||||
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
||||
>
|
||||
<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
|
||||
</p>
|
||||
@ -483,12 +483,16 @@
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal__inner">
|
||||
<h2 class="modal__title">Join <strong>BioBulkBende</strong></h2>
|
||||
<h2 class="modal__title">Join <strong>Biobulkbende</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.
|
||||
Due to COVID-19 restrictions the introduction is currently held
|
||||
online at 8pm at this link
|
||||
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
||||
>http://meet.jit.si/bbb_introduction</a
|
||||
>.<br />
|
||||
For any question shoot us an email at
|
||||
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -511,7 +515,7 @@
|
||||
</div>
|
||||
|
||||
<!-- build:js assets/scripts/App.js -->
|
||||
<script type="text/javascript" src="../assets/scripts/App.js"></script>
|
||||
<script type="text/javascript" src="../bundle/scripts/App.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
|
280
app/index.html
@ -1,26 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Biobulkbende</title>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Biobulkbende, Organic, Autonomous, Food, Cooperative"
|
||||
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="The first organic autonomous foodcoop in Rotterdam."
|
||||
content="Biobulkbende is an autonomous organic food cooperative."
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="./temp/styles/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./bundle/styles/style.css" />
|
||||
|
||||
<!-- build:js assets/scripts/Vendor.js -->
|
||||
<script type="text/javascript" src="./temp/scripts/Vendor.js"></script>
|
||||
<script type="text/javascript" src="./bundle/scripts/Vendor.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
@ -30,8 +31,8 @@
|
||||
<div class="site-header__logo">
|
||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||
<img
|
||||
src="./assets/media/images/logo_white.png"
|
||||
alt="Biobulkbende logo with an almond"
|
||||
src="./bundle/media/images/logo_white.png"
|
||||
alt="Biobulkbende's logo met een amandel."
|
||||
/>
|
||||
</div>
|
||||
<div class="site-header__menu-icon">
|
||||
@ -40,25 +41,27 @@
|
||||
<div class="site-header__menu-content">
|
||||
<div class="site-header__btn-container">
|
||||
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
||||
>Place your Order</a
|
||||
>Plaats je bestelling</a
|
||||
>
|
||||
</div>
|
||||
<div class="site-header__language">
|
||||
<a href="#"
|
||||
<a href="./en"
|
||||
><img
|
||||
src="./assets/media/images/netherlands_flag.gif"
|
||||
alt="Netherlands flag"
|
||||
src="./bundle/media/images/english_flag.jpg"
|
||||
alt="Engelse vlag."
|
||||
/></a>
|
||||
</div>
|
||||
<nav class="primary-nav primary-nav--pull-right">
|
||||
<ul>
|
||||
<li><a href="#about-us" id="about-us-link">About us</a></li>
|
||||
<li><a href="#about-us" id="about-us-link">Over ons</a></li>
|
||||
<li>
|
||||
<a href="#how-it-works" id="how-it-works-link">How it works</a>
|
||||
<a href="#how-it-works" id="how-it-works-link"
|
||||
>Hoe werkt het?</a
|
||||
>
|
||||
</li>
|
||||
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
||||
<li>
|
||||
<a href="https://foodsoft.biobulkbende.org">Members area</a>
|
||||
<a href="https://foodsoft.biobulkbende.org">Ledengedeelte</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@ -70,35 +73,37 @@
|
||||
<div class="large-hero">
|
||||
<picture>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_large.png 1920w"
|
||||
srcset="./bundle/media/images/our_vegetables_large.png 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_medium.png 1380w"
|
||||
srcset="./bundle/media/images/our_vegetables_medium.png 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_small.png 990w"
|
||||
srcset="./bundle/media/images/our_vegetables_small.png 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<img
|
||||
srcset="./assets/media/images/our_vegetables_smaller.png 640w"
|
||||
alt="Our fresh vegetables"
|
||||
srcset="./bundle/media/images/our_vegetables_smaller.png 640w"
|
||||
alt="Onze verse groentes."
|
||||
class="large-hero__image"
|
||||
/>
|
||||
</picture>
|
||||
<div class="large-hero__text-content">
|
||||
<h1 class="large-hero__title">Biobulkbende</h1>
|
||||
<h2 class="large-hero__subtitle">
|
||||
The first organic autonomous<br />foodcoop in Rotterdam
|
||||
De eerste autonome biologische<br />
|
||||
voedselcoöperatie van 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>
|
||||
<p><a href="#" class="btn btn--large open-modal">Word lid!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ABOUT US -->
|
||||
|
||||
<div
|
||||
id="about-us"
|
||||
class="page-section page-section--red page-section--b-margin page-section--tb-padding"
|
||||
@ -109,82 +114,83 @@
|
||||
class="headline headline--s-width headline--centered headline--b-margin"
|
||||
>
|
||||
<h2 class="headline__title">
|
||||
Biobulkbende is an association completely run by its members.
|
||||
Together we collectively purchase organic food from local producers
|
||||
and distributors.
|
||||
Biobulkbende is een vereniging die volledig door zijn leden wordt
|
||||
bestuurd en gerund. Als vereniging kopen we collectief biologisch
|
||||
voedsel in van lokale producenten en distributeurs.
|
||||
</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 does not 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.
|
||||
Ons huidige systeem van voedselproductie zit vol gebreken en
|
||||
kwetsbaarheden. Daarom vinden wij het belangrijk om meer controle te
|
||||
krijgen over het voedsel dat we kopen en consumeren. Voedsel gaat
|
||||
niet alleen over geld, toegang tot voedsel hoort niet afhankelijk te
|
||||
zijn van ondoordringbare en ondoorgrondelijke logistiek, en
|
||||
overdadige verpakkingen zijn niet vanzelfsprekend. Toegang tot
|
||||
hoogwaardig, biologisch en betaalbaar voedsel is belangrijk voor ons
|
||||
- en we vinden dat iedereen er recht op heeft.
|
||||
</h2>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about-2_extra-large.jpg 1920w"
|
||||
data-srcset="./bundle/media/images/about-2_extra-large.jpg 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about-2_large.jpg 1380w"
|
||||
data-srcset="./bundle/media/images/about-2_large.jpg 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about-2_medium.jpg 990w"
|
||||
data-srcset="./bundle/media/images/about-2_medium.jpg 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about-2_small.jpg 640w"
|
||||
data-srcset="./bundle/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!"
|
||||
data-srcset="./bundle/media/images/about-2_smaller.jpg 390w"
|
||||
alt="Onze producten."
|
||||
/>
|
||||
</picture>
|
||||
<h2 class="headline__title">
|
||||
In 2019, we took matters into our own hands and started the first
|
||||
organic food co-op in Rotterdam.
|
||||
In 2019 hebben we zelf het heft in handen genomen en zijn we
|
||||
begonnen met de eerste biologische voedselcoöperatie van 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 contribute 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.
|
||||
Net als de Amsterdamse coöperatie Vokomokum, de Park Slope Food Coop
|
||||
en vele anderen, draait onze coöperatie volledig op de vrijwillige
|
||||
bijdragen van al onze leden. Als leden van de co-op dragen we
|
||||
allemaal een klein deel van onze tijd bij aan het runnen ervan, in
|
||||
lijn met onze waarden. Zo bouwen we samen een gemeenschap, delen we
|
||||
biologisch voedsel met elkaar, en zoeken we naar milieuvriendelijke
|
||||
ingrediënten buiten de gebruikelijke exploitatieve ketens. We halen
|
||||
onze verse producten bij lokale boeren en leveranciers uit de regio
|
||||
Rijnmond. Onze conserven en houdbare producten komen van de
|
||||
biologische groothandel De Nieuwe Band / Odin.
|
||||
</h2>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about_1_large.jpg 1380w"
|
||||
data-srcset="./bundle/media/images/about_1_large.jpg 1380w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about_1_medium.jpg 990w"
|
||||
data-srcset="./bundle/media/images/about_1_medium.jpg 990w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/about_1_small.jpg 640w"
|
||||
data-srcset="./bundle/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!"
|
||||
data-srcset="./bundle/media/images/about_1_smaller.jpg 390w"
|
||||
alt="Onze producten."
|
||||
/>
|
||||
</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.
|
||||
We komen elke eerste maandag van de maand samen tussen 18:00 en
|
||||
20:00 bij de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. Ben je
|
||||
geïnteresseerd in een lidmaatschap van de co-op? Dan kun je daar
|
||||
maandelijks de introductie bijwonen om 19:00.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row row--gutters">
|
||||
@ -205,11 +211,11 @@
|
||||
<div
|
||||
class="generic-content-container generic-content-container--t-b-margin generic-content-container--t-center"
|
||||
>
|
||||
<a href="#" class="btn btn--medium open-modal">Join us!</a>
|
||||
<a href="#" class="btn btn--medium open-modal">Word lid!</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 pick-up day and say hello!
|
||||
We staan altijd open voor nieuwe leden. Stuur ons een
|
||||
<a href="mailto:info@biobulkbende.org">e-mail</a> of kom
|
||||
kennismaken bij onze maandelijkse introductie!
|
||||
</p>
|
||||
<div class="arrow arrow--about arrow--red"></div>
|
||||
</div>
|
||||
@ -232,26 +238,28 @@
|
||||
<div class="row__medium-3--larger">
|
||||
<img
|
||||
class="how-it-works__icon how-it-works__icon--1 lazyload"
|
||||
data-src="./assets/media/images/foodcoop.png"
|
||||
data-src="./bundle/media/images/foodcoop.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="row__medium-9--smaller">
|
||||
<div class="headline headline--lt-margin">
|
||||
<h2 class="headline__title">
|
||||
What is a <strong>foodcoop?</strong>
|
||||
Wat is een <strong>voedselco-op?</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 (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.
|
||||
Een co-op is een collectief waarin alle leden samen werken in
|
||||
het belang van de hele groep. Een voedselco-op is specifiek
|
||||
een groep mensen die samen voedsel inkopen van (lokale)
|
||||
producenten van hun keuze. Een soort
|
||||
doe-het-samen-supermarkt.<br /><br />
|
||||
De leden van <b>Biobulkbende</b> bestellen gezamenlijk voedsel
|
||||
van lokale producenten, leveranciers en distributeurs. Door in
|
||||
bulk te bestellen en dicht bij de bron te blijven, kunnen we
|
||||
hoogwaardig voedsel inkopen tegen groothandelprijzen.
|
||||
<b>Biobulkbende</b> bestaat alleen bij gratie van de bijdragen
|
||||
en samenwerking van alle betrokken leden. Er is geen
|
||||
winstoogmerk en iedereen in de co-op draagt bij op vrijwillige
|
||||
basis.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
@ -274,7 +282,7 @@
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<img
|
||||
class="how-it-works__img lazyload"
|
||||
data-src="./assets/media/images/member_large.JPG"
|
||||
data-src="./bundle/media/images/member_large.JPG"
|
||||
alt="Once you are member you are part of our community!"
|
||||
/>
|
||||
</div>
|
||||
@ -283,16 +291,17 @@
|
||||
<span
|
||||
class="icon icon--membership how-it-works__icon--membership"
|
||||
></span>
|
||||
Being a <strong>Member</strong>
|
||||
<strong>Lidmaatschap</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 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.
|
||||
Als lid van <b>Biobulkbende</b> heb je toegang tot hoogwaardig
|
||||
biologisch voedsel, rechtstreeks van de producent of de
|
||||
distributeur, tegen veel lagere prijzen dan in de supermarkt. In
|
||||
ruil daarvoor betaal je een eenmalige contributie van €15 en
|
||||
geef je maandelijks een beetje van je tijd en energie (ongeveer
|
||||
3 uur) om de co-op te runnen. Als lid van de co-op heb je
|
||||
medezeggenschap over de werking van de co-op, de besluitvorming
|
||||
en de toekomstige richting die we inslaan.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -300,11 +309,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/member_medium.JPG 800w"
|
||||
data-srcset="./bundle/media/images/member_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/member_small.JPG 650w"
|
||||
data-srcset="./bundle/media/images/member_small.JPG 650w"
|
||||
alt="Once you are member you are part of our community!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -321,23 +330,23 @@
|
||||
<span
|
||||
class="icon icon--workgroup how-it-works__icon--workgroup-order"
|
||||
></span>
|
||||
<strong>Workgroups</strong>
|
||||
<strong>Werkgroepen</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.
|
||||
Een werkgroep is een groep leden die samen verantwoordelijk zijn
|
||||
voor een specifieke behoefte van de co-op. Voorbeelden hiervan
|
||||
zijn de kookgroep, helpen opzetten, administratie van leden,
|
||||
bestellingen, financieën, enzovoorts. Als lid van de co-op
|
||||
vragen we je om ook bij een werkgroep te gaan. Wanneer je je
|
||||
inschrijft, helpen we je kiezen op basis van je interesses en
|
||||
wat de co-op het meest nodig heeft. Leden kunnen van werkgroep
|
||||
wisselen in de loop van hun lidmaatschap.
|
||||
</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"
|
||||
data-src="./bundle/media/images/workgroup_large.JPG"
|
||||
alt="Working togheter is part of being a foocoop!"
|
||||
/>
|
||||
</div>
|
||||
@ -346,11 +355,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/workgroup_medium.JPG 800w"
|
||||
data-srcset="./bundle/media/images/workgroup_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/workgroup_small.JPG 650w"
|
||||
data-srcset="./bundle/media/images/workgroup_small.JPG 650w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -362,7 +371,7 @@
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<img
|
||||
class="how-it-works__img lazyload"
|
||||
data-src="./assets/media/images/order_food_large.JPG"
|
||||
data-src="./bundle/media/images/order_food_large.JPG"
|
||||
alt="To order your food is easy!"
|
||||
/>
|
||||
</div>
|
||||
@ -370,19 +379,19 @@
|
||||
<h2 class="how-it-works__title-small">
|
||||
<span
|
||||
class="icon icon--order how-it-works__icon--workgroup-order"
|
||||
></span>
|
||||
Ordering <strong>food</strong>
|
||||
></span
|
||||
><strong>Voedsel</strong> bestellen
|
||||
</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 bank
|
||||
transfer 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
|
||||
pick-up day.
|
||||
Een bestelling plaatsen is makkelijk. We maken gebruik van vrije
|
||||
software van
|
||||
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. Als
|
||||
nieuw lid van de co-op kun je een eerste bestelling plaatsen! We
|
||||
bestellen houdbare producten (van tandpasta tot spaghetti) in
|
||||
bulk. Verse producten kunnen individueel besteld worden. We
|
||||
hebben ook enkele populaire producten (zoals havermout) op
|
||||
voorraad om kosten en plastic te besparen. Tijdens de ophaaldag
|
||||
kun je je bestelling ophalen en betalen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -390,11 +399,11 @@
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/order_food_medium.JPG 800w"
|
||||
data-srcset="./bundle/media/images/order_food_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/order_food_small.JPG 650w"
|
||||
data-srcset="./bundle/media/images/order_food_small.JPG 650w"
|
||||
alt="To order your food is easy!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
@ -405,24 +414,24 @@
|
||||
<div id="how-it-works-3" class="page-section">
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/pickup_day_large.jpg 1920w"
|
||||
data-srcset="./bundle/media/images/pickup_day_large.jpg 1920w"
|
||||
media="(min-width: 1600px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/pickup_day_medium.jpg 1380w"
|
||||
data-srcset="./bundle/media/images/pickup_day_medium.jpg 1380w"
|
||||
media="(min-width: 1050px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/pickup_day_small.jpg 990w"
|
||||
data-srcset="./bundle/media/images/pickup_day_small.jpg 990w"
|
||||
media="(min-width: 700px)"
|
||||
/>
|
||||
<source
|
||||
data-srcset="./assets/media/images/pickup_day_smaller.jpg 640w"
|
||||
data-srcset="./bundle/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"
|
||||
data-srcset="./bundle/media/images/pickup_day_extra_smaller.jpg 390w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="large-hero__image"
|
||||
/>
|
||||
@ -438,26 +447,28 @@
|
||||
<span
|
||||
class="icon icon--pickup how-it-works__icon--pickup"
|
||||
></span
|
||||
><strong>Pick-up day</strong>
|
||||
><strong>Ophaaldag</strong>
|
||||
</h2>
|
||||
<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.
|
||||
Elke eerste maandag van de maand, tussen 18:00 en 20:00, komt
|
||||
de co-op bij elkaar om onze verse, lokale en lijvige
|
||||
bestellingen op te halen. Ophaaldag draait niet alleen om het
|
||||
ophalen van je bestelling. Dit is ook je kans om andere leden
|
||||
te leren kennen en samen te genieten van een betaalbare
|
||||
veganistische maaltijd van de kookwerkgroep. Op elke ophaaldag
|
||||
houden we een introductiebijeenkomst voor potentiële nieuwe
|
||||
leden. De introductie vindt plaats om 20:00.
|
||||
</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn--pickupday open-modal"
|
||||
><b>Join us!</b></a
|
||||
><b>Word lid!</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!
|
||||
Het bijwonen van een introductie is verplicht voor nieuwe
|
||||
leden, zodat je de ins en outs direct meekrijgt. Na het
|
||||
bijwonen van de introductie kun je ervoor kiezen om lid te
|
||||
worden!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -476,7 +487,7 @@
|
||||
<span class="site-footer__text"
|
||||
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
||||
>
|
||||
<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
|
||||
<a href="#" class="btn btn--l-margin open-modal">Word lid!</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
@ -487,11 +498,12 @@
|
||||
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
||||
<div class="wrapper">
|
||||
<p class="modal__description">
|
||||
Due to COVID-19 restrictions the introduction is currently held
|
||||
online at 8pm at this link
|
||||
Vanwege de COVID-19 restricties vindt de introductie tijdelijk
|
||||
online plaats om 20.00 uur via deze link
|
||||
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
||||
>http://meet.jit.si/bbb_introduction</a
|
||||
>. For any questions shoot us an email at
|
||||
>.<br />
|
||||
Mocht je vragen hebben, stuur ons een mailtje
|
||||
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
||||
</p>
|
||||
</div>
|
||||
@ -515,7 +527,7 @@
|
||||
</div>
|
||||
|
||||
<!-- build:js assets/scripts/App.js -->
|
||||
<script type="text/javascript" src="./temp/scripts/App.js"></script>
|
||||
<script type="text/javascript" src="./bundle/scripts/App.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 118 B |
@ -1,521 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Biobulkbende</title>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="Biobulkbende is an autonomous organic food cooperative ."
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="../assets/styles/style.css" />
|
||||
|
||||
<!-- build:js assets/scripts/Vendor.js -->
|
||||
<script type="text/javascript" src="../assets/scripts/Vendor.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!-- HEADER -->
|
||||
<header class="site-header">
|
||||
<div class="wrapper">
|
||||
<div class="site-header__logo">
|
||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||
<img
|
||||
src="../assets/media/images/logo_white.png"
|
||||
alt="Biobulkbende's logo with an almond"
|
||||
/>
|
||||
</div>
|
||||
<div class="site-header__menu-icon">
|
||||
<div class="site-header__menu-icon__middle"></div>
|
||||
</div>
|
||||
<div class="site-header__menu-content">
|
||||
<div class="site-header__btn-container">
|
||||
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
||||
>Place your Order</a
|
||||
>
|
||||
</div>
|
||||
<div class="site-header__language">
|
||||
<a href="../index.html"
|
||||
><img
|
||||
src="../assets/media/images/netherlands_flag.gif"
|
||||
alt="Netherlands flag"
|
||||
/></a>
|
||||
</div>
|
||||
<nav class="primary-nav primary-nav--pull-right">
|
||||
<ul>
|
||||
<li><a href="#about-us" id="about-us-link">About us</a></li>
|
||||
<li>
|
||||
<a href="#how-it-works" id="how-it-works-link">How it works</a>
|
||||
</li>
|
||||
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
||||
<li>
|
||||
<a href="https://foodsoft.biobulkbende.org">Members area</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- STARTING SECTION -->
|
||||
<div class="large-hero">
|
||||
<picture>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_large.png 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_medium.png 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
srcset="../assets/media/images/our_vegetables_small.png 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<img
|
||||
srcset="../assets/media/images/our_vegetables_smaller.png 640w"
|
||||
alt="Our fresh vegetables"
|
||||
class="large-hero__image"
|
||||
/>
|
||||
</picture>
|
||||
<div class="large-hero__text-content">
|
||||
<h1 class="large-hero__title">Biobulkbende</h1>
|
||||
<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>
|
||||
|
||||
<!-- ABOUT US -->
|
||||
<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">
|
||||
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">
|
||||
<div class="video-container">
|
||||
<iframe
|
||||
class="content--video--right"
|
||||
src="https://player.vimeo.com/video/483485409"
|
||||
width="640"
|
||||
height="360"
|
||||
frameborder="0"
|
||||
allow="autoplay; fullscreen"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</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 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- HOW IT WORKS -->
|
||||
<div
|
||||
id="how-it-works"
|
||||
class="page-section page-section--darkGreen page-section--tb-padding page-section--t-margin-external page-section--b-margin-external"
|
||||
data-matching-link="#how-it-works-link"
|
||||
>
|
||||
<div class="wrapper">
|
||||
<div
|
||||
class="how-it-works how-it-works-1 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 lazyload"
|
||||
data-src="../assets/media/images/foodcoop.png"
|
||||
/>
|
||||
</div>
|
||||
<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 (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>
|
||||
</div>
|
||||
<div class="arrow arrow--how-it-works-1 arrow--darkGreen"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="how-it-works-2"
|
||||
class="page-section page-section--lightGreen page-section--t-padding-larger page-section--tb-padding page-section--b-margin-external"
|
||||
data-matching-link="#how-it-works-link"
|
||||
>
|
||||
<div class="wrapper">
|
||||
<div
|
||||
class="how-it-works how-it-works-2 how-it-works--atSmall-centered how-it-works"
|
||||
>
|
||||
<div class="row row--gutters">
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<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>
|
||||
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>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/member_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/member_small.JPG 650w"
|
||||
alt="Once you are member you are part of our community!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
|
||||
<div class="wrapper">
|
||||
<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>
|
||||
<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!"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/workgroup_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/workgroup_small.JPG 650w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="how-it-works how-it-works-2 how-it-works--atSmall-centered">
|
||||
<div class="row row--gutters">
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<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>
|
||||
Ordering <strong>food</strong>
|
||||
</h2>
|
||||
<p>
|
||||
Ordering food is easy. We use a free software called
|
||||
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. 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 of costs and
|
||||
plastic! Payment is done during pick-up day through banktransfer
|
||||
or pin.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="../assets/media/images/order_food_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="../assets/media/images/order_food_small.JPG 650w"
|
||||
alt="To order your food is easy!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
<div class="arrow arrow--how-it-works-2 arrow--lightGreen"></div>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works-3" class="page-section">
|
||||
<picture>
|
||||
<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">
|
||||
<div
|
||||
class="how-it-works--centered how-it-works--t-margin page-section--tb-padding"
|
||||
>
|
||||
<div class="wrapper wrapper--white wrapper--medium">
|
||||
<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>
|
||||
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 8pm 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AGENDA -->
|
||||
|
||||
<!-- MEMBERS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="footer">
|
||||
<p>
|
||||
<span class="site-footer__text"
|
||||
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
||||
>
|
||||
<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<!-- MODAL -->
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal__inner">
|
||||
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
||||
<div class="wrapper">
|
||||
<p class="modal__description">
|
||||
Due to COVID-19 restrictions the introduction is currently held
|
||||
online at 8pm at this link
|
||||
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
||||
>http://meet.jit.si/bbb_introduction</a
|
||||
>.<br />
|
||||
For any question shoot us an email at
|
||||
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
||||
</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 -->
|
||||
</body>
|
||||
</html>
|
533
docs/index.html
@ -1,533 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Biobulkbende</title>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="Biobulkbende is an autonomous organic food cooperative."
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="./assets/styles/style.css" />
|
||||
|
||||
<!-- build:js assets/scripts/Vendor.js -->
|
||||
<script type="text/javascript" src="./assets/scripts/Vendor.js"></script>
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body>
|
||||
<!-- HEADER -->
|
||||
<header class="site-header">
|
||||
<div class="wrapper">
|
||||
<div class="site-header__logo">
|
||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||
<img
|
||||
src="./assets/media/images/logo_white.png"
|
||||
alt="Biobulkbende's logo met een amandel."
|
||||
/>
|
||||
</div>
|
||||
<div class="site-header__menu-icon">
|
||||
<div class="site-header__menu-icon__middle"></div>
|
||||
</div>
|
||||
<div class="site-header__menu-content">
|
||||
<div class="site-header__btn-container">
|
||||
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
||||
>Plaats je bestelling</a
|
||||
>
|
||||
</div>
|
||||
<div class="site-header__language">
|
||||
<a href="./en"
|
||||
><img
|
||||
src="./assets/media/images/english_flag.jpg"
|
||||
alt="Engelse vlag."
|
||||
/></a>
|
||||
</div>
|
||||
<nav class="primary-nav primary-nav--pull-right">
|
||||
<ul>
|
||||
<li><a href="#about-us" id="about-us-link">Over ons</a></li>
|
||||
<li>
|
||||
<a href="#how-it-works" id="how-it-works-link"
|
||||
>Hoe werkt het?</a
|
||||
>
|
||||
</li>
|
||||
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
||||
<li>
|
||||
<a href="https://foodsoft.biobulkbende.org">Ledengedeelte</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- STARTING SECTION -->
|
||||
<div class="large-hero">
|
||||
<picture>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_large.png 1920w"
|
||||
media="(min-width: 1380px)"
|
||||
/>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_medium.png 1380w"
|
||||
media="(min-width: 990px)"
|
||||
/>
|
||||
<source
|
||||
srcset="./assets/media/images/our_vegetables_small.png 990w"
|
||||
media="(min-width: 640px)"
|
||||
/>
|
||||
<img
|
||||
srcset="./assets/media/images/our_vegetables_smaller.png 640w"
|
||||
alt="Onze verse groentes."
|
||||
class="large-hero__image"
|
||||
/>
|
||||
</picture>
|
||||
<div class="large-hero__text-content">
|
||||
<h1 class="large-hero__title">Biobulkbende</h1>
|
||||
<h2 class="large-hero__subtitle">
|
||||
De eerste autonome biologische<br />
|
||||
voedselcoöperatie van 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">Word lid!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ABOUT US -->
|
||||
|
||||
<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">
|
||||
Biobulkbende is een vereniging die volledig door zijn leden wordt
|
||||
bestuurd en gerund. Als vereniging kopen we collectief biologisch
|
||||
voedsel in van lokale producenten en distributeurs.
|
||||
</h2>
|
||||
<h2 class="headline__subtitle">
|
||||
Ons huidige systeem van voedselproductie zit vol gebreken en
|
||||
kwetsbaarheden. Daarom vinden wij het belangrijk om meer controle te
|
||||
krijgen over het voedsel dat we kopen en consumeren. Voedsel gaat
|
||||
niet alleen over geld, toegang tot voedsel hoort niet afhankelijk te
|
||||
zijn van ondoordringbare en ondoorgrondelijke logistiek, en
|
||||
overdadige verpakkingen zijn niet vanzelfsprekend. Toegang tot
|
||||
hoogwaardig, biologisch en betaalbaar voedsel is belangrijk voor ons
|
||||
- en we vinden dat iedereen er recht op heeft.
|
||||
</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="Onze producten."
|
||||
/>
|
||||
</picture>
|
||||
<h2 class="headline__title">
|
||||
In 2019 hebben we zelf het heft in handen genomen en zijn we
|
||||
begonnen met de eerste biologische voedselcoöperatie van Rotterdam.
|
||||
</h2>
|
||||
<h2 class="headline__subtitle">
|
||||
Net als de Amsterdamse coöperatie Vokomokum, de Park Slope Food Coop
|
||||
en vele anderen, draait onze coöperatie volledig op de vrijwillige
|
||||
bijdragen van al onze leden. Als leden van de co-op dragen we
|
||||
allemaal een klein deel van onze tijd bij aan het runnen ervan, in
|
||||
lijn met onze waarden. Zo bouwen we samen een gemeenschap, delen we
|
||||
biologisch voedsel met elkaar, en zoeken we naar milieuvriendelijke
|
||||
ingrediënten buiten de gebruikelijke exploitatieve ketens. We halen
|
||||
onze verse producten bij lokale boeren en leveranciers uit de regio
|
||||
Rijnmond. Onze conserven en houdbare producten komen van de
|
||||
biologische groothandel 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="Onze producten."
|
||||
/>
|
||||
</picture>
|
||||
<h2 class="headline__subtitle">
|
||||
We komen elke eerste maandag van de maand samen tussen 18:00 en
|
||||
20:00 bij de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. Ben je
|
||||
geïnteresseerd in een lidmaatschap van de co-op? Dan kun je daar
|
||||
maandelijks de introductie bijwonen om 19:00.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row row--gutters">
|
||||
<div class="row__medium-8">
|
||||
<div class="video-container">
|
||||
<iframe
|
||||
class="content--video--right"
|
||||
src="https://player.vimeo.com/video/483485409"
|
||||
width="640"
|
||||
height="360"
|
||||
frameborder="0"
|
||||
allow="autoplay; fullscreen"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</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 open-modal">Word lid!</a>
|
||||
<p>
|
||||
We staan altijd open voor nieuwe leden. Stuur ons een
|
||||
<a href="mailto:info@biobulkbende.org">e-mail</a> of kom
|
||||
kennismaken bij onze maandelijkse introductie!
|
||||
</p>
|
||||
<div class="arrow arrow--about arrow--red"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- HOW IT WORKS -->
|
||||
<div
|
||||
id="how-it-works"
|
||||
class="page-section page-section--darkGreen page-section--tb-padding page-section--t-margin-external page-section--b-margin-external"
|
||||
data-matching-link="#how-it-works-link"
|
||||
>
|
||||
<div class="wrapper">
|
||||
<div
|
||||
class="how-it-works how-it-works-1 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 lazyload"
|
||||
data-src="./assets/media/images/foodcoop.png"
|
||||
/>
|
||||
</div>
|
||||
<div class="row__medium-9--smaller">
|
||||
<div class="headline headline--lt-margin">
|
||||
<h2 class="headline__title">
|
||||
Wat is een <strong>voedselco-op?</strong>
|
||||
</h2>
|
||||
<h2 class="headline__subtitle">
|
||||
Een co-op is een collectief waarin alle leden samen werken in
|
||||
het belang van de hele groep. Een voedselco-op is specifiek
|
||||
een groep mensen die samen voedsel inkopen van (lokale)
|
||||
producenten van hun keuze. Een soort
|
||||
doe-het-samen-supermarkt.<br /><br />
|
||||
De leden van <b>Biobulkbende</b> bestellen gezamenlijk voedsel
|
||||
van lokale producenten, leveranciers en distributeurs. Door in
|
||||
bulk te bestellen en dicht bij de bron te blijven, kunnen we
|
||||
hoogwaardig voedsel inkopen tegen groothandelprijzen.
|
||||
<b>Biobulkbende</b> bestaat alleen bij gratie van de bijdragen
|
||||
en samenwerking van alle betrokken leden. Er is geen
|
||||
winstoogmerk en iedereen in de co-op draagt bij op vrijwillige
|
||||
basis.
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="arrow arrow--how-it-works-1 arrow--darkGreen"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="how-it-works-2"
|
||||
class="page-section page-section--lightGreen page-section--t-padding-larger page-section--tb-padding page-section--b-margin-external"
|
||||
data-matching-link="#how-it-works-link"
|
||||
>
|
||||
<div class="wrapper">
|
||||
<div
|
||||
class="how-it-works how-it-works-2 how-it-works--atSmall-centered how-it-works"
|
||||
>
|
||||
<div class="row row--gutters">
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<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>
|
||||
<strong>Lidmaatschap</strong>
|
||||
</h2>
|
||||
<p>
|
||||
Als lid van <b>Biobulkbende</b> heb je toegang tot hoogwaardig
|
||||
biologisch voedsel, rechtstreeks van de producent of de
|
||||
distributeur, tegen veel lagere prijzen dan in de supermarkt. In
|
||||
ruil daarvoor betaal je een eenmalige contributie van €15 en
|
||||
geef je maandelijks een beetje van je tijd en energie (ongeveer
|
||||
3 uur) om de co-op te runnen. Als lid van de co-op heb je
|
||||
medezeggenschap over de werking van de co-op, de besluitvorming
|
||||
en de toekomstige richting die we inslaan.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/member_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/member_small.JPG 650w"
|
||||
alt="Once you are member you are part of our community!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
|
||||
<div class="wrapper">
|
||||
<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>
|
||||
<strong>Werkgroepen</strong>
|
||||
</h2>
|
||||
<p>
|
||||
Een werkgroep is een groep leden die samen verantwoordelijk zijn
|
||||
voor een specifieke behoefte van de co-op. Voorbeelden hiervan
|
||||
zijn de kookgroep, helpen opzetten, administratie van leden,
|
||||
bestellingen, financieën, enzovoorts. Als lid van de co-op
|
||||
vragen we je om ook bij een werkgroep te gaan. Wanneer je je
|
||||
inschrijft, helpen we je kiezen op basis van je interesses en
|
||||
wat de co-op het meest nodig heeft. Leden kunnen van werkgroep
|
||||
wisselen in de loop van hun lidmaatschap.
|
||||
</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!"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/workgroup_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/workgroup_small.JPG 650w"
|
||||
alt="The pick up day is arrived!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="how-it-works how-it-works-2 how-it-works--atSmall-centered">
|
||||
<div class="row row--gutters">
|
||||
<div class="row__medium-6 row--large-only">
|
||||
<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
|
||||
><strong>Voedsel</strong> bestellen
|
||||
</h2>
|
||||
<p>
|
||||
Een bestelling plaatsen is makkelijk. We maken gebruik van vrije
|
||||
software van
|
||||
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. Als
|
||||
nieuw lid van de co-op kun je een eerste bestelling plaatsen! We
|
||||
bestellen houdbare producten (van tandpasta tot spaghetti) in
|
||||
bulk. Verse producten kunnen individueel besteld worden. We
|
||||
hebben ook enkele populaire producten (zoals havermout) op
|
||||
voorraad om kosten en plastic te besparen. Tijdens de ophaaldag
|
||||
kun je je bestelling ophalen en betalen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
data-srcset="./assets/media/images/order_food_medium.JPG 800w"
|
||||
media="(min-width: 650px)"
|
||||
/>
|
||||
<img
|
||||
data-srcset="./assets/media/images/order_food_small.JPG 650w"
|
||||
alt="To order your food is easy!"
|
||||
class="how-it-works__img--small-only lazyload"
|
||||
/>
|
||||
</picture>
|
||||
<div class="arrow arrow--how-it-works-2 arrow--lightGreen"></div>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works-3" class="page-section">
|
||||
<picture>
|
||||
<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">
|
||||
<div
|
||||
class="how-it-works--centered how-it-works--t-margin page-section--tb-padding"
|
||||
>
|
||||
<div class="wrapper wrapper--white wrapper--medium">
|
||||
<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>Ophaaldag</strong>
|
||||
</h2>
|
||||
<p>
|
||||
Elke eerste maandag van de maand, tussen 18:00 en 20:00, komt
|
||||
de co-op bij elkaar om onze verse, lokale en lijvige
|
||||
bestellingen op te halen. Ophaaldag draait niet alleen om het
|
||||
ophalen van je bestelling. Dit is ook je kans om andere leden
|
||||
te leren kennen en samen te genieten van een betaalbare
|
||||
veganistische maaltijd van de kookwerkgroep. Op elke ophaaldag
|
||||
houden we een introductiebijeenkomst voor potentiële nieuwe
|
||||
leden. De introductie vindt plaats om 20:00.
|
||||
</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn--pickupday open-modal"
|
||||
><b>Word lid!</b></a
|
||||
>
|
||||
</p>
|
||||
<p>
|
||||
Het bijwonen van een introductie is verplicht voor nieuwe
|
||||
leden, zodat je de ins en outs direct meekrijgt. Na het
|
||||
bijwonen van de introductie kun je ervoor kiezen om lid te
|
||||
worden!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AGENDA -->
|
||||
|
||||
<!-- MEMBERS -->
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="footer">
|
||||
<p>
|
||||
<span class="site-footer__text"
|
||||
>Copyright © 2020 Biobulkbende. All rights reserved.</span
|
||||
>
|
||||
<a href="#" class="btn btn--l-margin open-modal">Word lid!</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<!-- MODAL -->
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal__inner">
|
||||
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
||||
<div class="wrapper">
|
||||
<p class="modal__description">
|
||||
Vanwege de COVID-19 restricties vindt de introductie tijdelijk
|
||||
online plaats om 20.00 uur via deze link
|
||||
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
||||
>http://meet.jit.si/bbb_introduction</a
|
||||
>.<br />
|
||||
Mocht je vragen hebben, stuur ons een mailtje
|
||||
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
||||
</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 -->
|
||||
</body>
|
||||
</html>
|
20
gulpfile.js
@ -39,7 +39,7 @@ function scriptsTask() {
|
||||
})
|
||||
)
|
||||
// .on('error', function (err) { if(err){ console.log(err.message);} })
|
||||
.pipe(dest("./app/temp/scripts"))
|
||||
.pipe(dest("./app/bundle/scripts")) // copy JS in bundle
|
||||
.pipe(browserSync.stream())
|
||||
);
|
||||
}
|
||||
@ -55,7 +55,7 @@ function scssTask() {
|
||||
.pipe(sass().on("error", sass.logError))
|
||||
.pipe(postcss([autoprefixer()]))
|
||||
.pipe(sourcemaps.write("."))
|
||||
.pipe(dest("app/temp/styles"))
|
||||
.pipe(dest("./app/bundle/styles")) // copy CSS in bundle
|
||||
.pipe(browserSync.stream());
|
||||
}
|
||||
|
||||
@ -85,7 +85,7 @@ function createSprite() {
|
||||
|
||||
function copySpriteGraphic() {
|
||||
return src("./app/temp/sprite/css/**/*.svg").pipe(
|
||||
dest("./app/assets/media/images/sprites")
|
||||
dest("./app/bundle/media/images/sprites") // copy sprites in bundle
|
||||
);
|
||||
}
|
||||
|
||||
@ -138,7 +138,13 @@ function imagesTask() {
|
||||
multipass: true,
|
||||
})
|
||||
)
|
||||
.pipe(dest("./docs/assets/media/images"));
|
||||
.pipe(dest("./app/bundle/media/images"));
|
||||
}
|
||||
|
||||
// FONT TASK
|
||||
function copyFonts() {
|
||||
return src("./app/assets/media/fonts/**/*")
|
||||
.pipe(dest("./app/bundle/media/fonts"));
|
||||
}
|
||||
|
||||
exports.watch = watch;
|
||||
@ -150,3 +156,9 @@ exports.icons = series(
|
||||
endClean
|
||||
);
|
||||
exports.images = imagesTask;
|
||||
|
||||
exports.copyMediaInBundle = series(
|
||||
copySpriteGraphic,
|
||||
copyFonts,
|
||||
imagesTask
|
||||
);
|
||||
|
15461
package-lock.json
generated
@ -5,7 +5,7 @@
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"start": "serve -l tcp://0.0.0.0:5000 docs"
|
||||
"start": "serve -l tcp://0.0.0.0:5000 app"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
|