everything moved in app
@ -7,5 +7,5 @@ import Modal from './modules/Modal';
|
|||||||
var mobileMenu = new MobileMenu();
|
var mobileMenu = new MobileMenu();
|
||||||
new RevealOnScroll($(".how-it-works-1"), "79%");
|
new RevealOnScroll($(".how-it-works-1"), "79%");
|
||||||
new RevealOnScroll($(".how-it-works-2, .how-it-works-3"), "90%");
|
new RevealOnScroll($(".how-it-works-2, .how-it-works-3"), "90%");
|
||||||
var stickyHeader = new StickyHeader();
|
var stickyHeader = new StickyHeader();
|
||||||
var modal = new Modal();
|
var modal = new Modal();
|
@ -15,12 +15,14 @@
|
|||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "CocogooseExtra";
|
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-face {
|
||||||
font-family: "BS-regular";
|
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 {
|
@font-face {
|
||||||
@ -31,4 +33,4 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: "BS-bold";
|
font-family: "BS-bold";
|
||||||
src: url("../media/fonts/bahnschrift/BS_Static_Bold.ttf") format("truetype");
|
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>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>BioBulkBende</title>
|
<title>Biobulkbende</title>
|
||||||
<meta
|
<meta
|
||||||
name="keywords"
|
name="keywords"
|
||||||
content="Bio, Bulk, Bende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||||
/>
|
/>
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
name="description"
|
||||||
content="Bio Bulk Bende is an autonomous organic food cooperative ."
|
content="Biobulkbende is an autonomous organic food cooperative ."
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
type="text/css"
|
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 -->
|
<!-- 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 -->
|
<!-- endbuild -->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -30,8 +30,8 @@
|
|||||||
<div class="site-header__logo">
|
<div class="site-header__logo">
|
||||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||||
<img
|
<img
|
||||||
src="../assets/media/images/logo_white.png"
|
src="../bundle/media/images/logo_white.png"
|
||||||
alt="BioBulkBende's logo with an almond"
|
alt="Biobulkbende's logo with an almond"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-header__menu-icon">
|
<div class="site-header__menu-icon">
|
||||||
@ -46,7 +46,7 @@
|
|||||||
<div class="site-header__language">
|
<div class="site-header__language">
|
||||||
<a href="../index.html"
|
<a href="../index.html"
|
||||||
><img
|
><img
|
||||||
src="../assets/media/images/netherlands_flag.gif"
|
src="../bundle/media/images/netherlands_flag.gif"
|
||||||
alt="Netherlands flag"
|
alt="Netherlands flag"
|
||||||
/></a>
|
/></a>
|
||||||
</div>
|
</div>
|
||||||
@ -70,25 +70,25 @@
|
|||||||
<div class="large-hero">
|
<div class="large-hero">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcset="../assets/media/images/our_vegetables_large.png 1920w"
|
srcset="../bundle/media/images/our_vegetables_large.png 1920w"
|
||||||
media="(min-width: 1380px)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<source
|
||||||
srcset="../assets/media/images/our_vegetables_medium.png 1380w"
|
srcset="../bundle/media/images/our_vegetables_medium.png 1380w"
|
||||||
media="(min-width: 990px)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<source
|
||||||
srcset="../assets/media/images/our_vegetables_small.png 990w"
|
srcset="../bundle/media/images/our_vegetables_small.png 990w"
|
||||||
media="(min-width: 640px)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
srcset="../assets/media/images/our_vegetables_smaller.png 640w"
|
srcset="../bundle/media/images/our_vegetables_smaller.png 640w"
|
||||||
alt="Our fresh vegetables"
|
alt="Our fresh vegetables"
|
||||||
class="large-hero__image"
|
class="large-hero__image"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
<div class="large-hero__text-content">
|
<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">
|
<h2 class="large-hero__subtitle">
|
||||||
The first organic autonomous<br />foodcoop in Rotterdam
|
The first organic autonomous<br />foodcoop in Rotterdam
|
||||||
</h2>
|
</h2>
|
||||||
@ -109,7 +109,7 @@
|
|||||||
class="headline headline--s-width headline--centered headline--b-margin"
|
class="headline headline--s-width headline--centered headline--b-margin"
|
||||||
>
|
>
|
||||||
<h2 class="headline__title">
|
<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
|
Together we collectively purchase organic food from local producers
|
||||||
and distributors.
|
and distributors.
|
||||||
</h2>
|
</h2>
|
||||||
@ -125,24 +125,24 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 390px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload headline__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!"
|
alt="The pick up day is arrived!"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
@ -163,20 +163,20 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload headline__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!"
|
alt="The pick up day is arrived!"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
@ -208,7 +208,7 @@
|
|||||||
<a href="#" class="btn btn--medium open-modal">Join us!</a>
|
<a href="#" class="btn btn--medium open-modal">Join us!</a>
|
||||||
<p>
|
<p>
|
||||||
We are happy to have new members at the moment. Send us an
|
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!
|
by on our next pickup day and say hello!
|
||||||
</p>
|
</p>
|
||||||
<div class="arrow arrow--about arrow--red"></div>
|
<div class="arrow arrow--about arrow--red"></div>
|
||||||
@ -232,7 +232,7 @@
|
|||||||
<div class="row__medium-3--larger">
|
<div class="row__medium-3--larger">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__icon how-it-works__icon--1 lazyload"
|
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>
|
||||||
<div class="row__medium-9--smaller">
|
<div class="row__medium-9--smaller">
|
||||||
@ -245,10 +245,10 @@
|
|||||||
the benefit of the whole. A food co-op is a group of people
|
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
|
that buy food from (local) suppliers of their own choosing. A
|
||||||
collective do-it-with-others supermarket.<br /><br />
|
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
|
suppliers and distributors. This means we get as close to the
|
||||||
wholesale prices as possible by cutting out middle men and
|
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
|
cooperation of the members involved. There is no profit and
|
||||||
everyone in the community contributes to the co-op on a
|
everyone in the community contributes to the co-op on a
|
||||||
volunteer basis.
|
volunteer basis.
|
||||||
@ -274,7 +274,7 @@
|
|||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="Once you are member you are part of our community!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -300,11 +300,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
data-srcset="../assets/media/images/member_medium.JPG 800w"
|
data-srcset="../bundle/media/images/member_medium.JPG 800w"
|
||||||
media="(min-width: 650px)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="Once you are member you are part of our community!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -337,7 +337,7 @@
|
|||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="Working togheter is part of being a foocoop!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -346,11 +346,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
data-srcset="../assets/media/images/workgroup_medium.JPG 800w"
|
data-srcset="../bundle/media/images/workgroup_medium.JPG 800w"
|
||||||
media="(min-width: 650px)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="The pick up day is arrived!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -362,7 +362,7 @@
|
|||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="To order your food is easy!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -389,11 +389,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="To order your food is easy!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -404,24 +404,24 @@
|
|||||||
<div id="how-it-works-3" class="page-section">
|
<div id="how-it-works-3" class="page-section">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1600px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 1050px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 700px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 515px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload"
|
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!"
|
alt="The pick up day is arrived!"
|
||||||
class="large-hero__image"
|
class="large-hero__image"
|
||||||
/>
|
/>
|
||||||
@ -446,7 +446,7 @@
|
|||||||
also a chance to meet other members and have an affordable
|
also a chance to meet other members and have an affordable
|
||||||
vegan dinner cooked by our members. During the pick-up day we
|
vegan dinner cooked by our members. During the pick-up day we
|
||||||
have an introduction for people interested to join the co-op.
|
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>
|
||||||
<p>
|
<p>
|
||||||
<a href="#" class="btn btn--pickupday open-modal"
|
<a href="#" class="btn btn--pickupday open-modal"
|
||||||
@ -473,7 +473,7 @@
|
|||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<p>
|
<p>
|
||||||
<span class="site-footer__text"
|
<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>
|
<a href="#" class="btn btn--l-margin open-modal">Join us!</a>
|
||||||
</p>
|
</p>
|
||||||
@ -483,12 +483,16 @@
|
|||||||
|
|
||||||
<div class="modal">
|
<div class="modal">
|
||||||
<div class="modal__inner">
|
<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">
|
<div class="wrapper">
|
||||||
<p class="modal__description">
|
<p class="modal__description">
|
||||||
Shoot us an email at
|
Due to COVID-19 restrictions the introduction is currently held
|
||||||
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a> if
|
online at 8pm at this link
|
||||||
you want to join the introduction.
|
<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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -511,7 +515,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- build:js assets/scripts/App.js -->
|
<!-- 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 -->
|
<!-- endbuild -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
280
app/index.html
@ -1,26 +1,27 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
|
||||||
|
<html lang="nl">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Biobulkbende</title>
|
<title>Biobulkbende</title>
|
||||||
<meta
|
<meta
|
||||||
name="keywords"
|
name="keywords"
|
||||||
content="Biobulkbende, Organic, Autonomous, Food, Cooperative"
|
content="Biobulkbende, Organic, Autonomous Foodcoop, Food, Cooperative"
|
||||||
/>
|
/>
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
name="description"
|
||||||
content="The first organic autonomous foodcoop in Rotterdam."
|
content="Biobulkbende is an autonomous organic food cooperative."
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
type="text/css"
|
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 -->
|
<!-- 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 -->
|
<!-- endbuild -->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -30,8 +31,8 @@
|
|||||||
<div class="site-header__logo">
|
<div class="site-header__logo">
|
||||||
<!-- <span clss="icon icon--logo_white"></span> -->
|
<!-- <span clss="icon icon--logo_white"></span> -->
|
||||||
<img
|
<img
|
||||||
src="./assets/media/images/logo_white.png"
|
src="./bundle/media/images/logo_white.png"
|
||||||
alt="Biobulkbende logo with an almond"
|
alt="Biobulkbende's logo met een amandel."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-header__menu-icon">
|
<div class="site-header__menu-icon">
|
||||||
@ -40,25 +41,27 @@
|
|||||||
<div class="site-header__menu-content">
|
<div class="site-header__menu-content">
|
||||||
<div class="site-header__btn-container">
|
<div class="site-header__btn-container">
|
||||||
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
<a href="https://foodsoft.biobulkbende.org" class="btn"
|
||||||
>Place your Order</a
|
>Plaats je bestelling</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="site-header__language">
|
<div class="site-header__language">
|
||||||
<a href="#"
|
<a href="./en"
|
||||||
><img
|
><img
|
||||||
src="./assets/media/images/netherlands_flag.gif"
|
src="./bundle/media/images/english_flag.jpg"
|
||||||
alt="Netherlands flag"
|
alt="Engelse vlag."
|
||||||
/></a>
|
/></a>
|
||||||
</div>
|
</div>
|
||||||
<nav class="primary-nav primary-nav--pull-right">
|
<nav class="primary-nav primary-nav--pull-right">
|
||||||
<ul>
|
<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>
|
<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>
|
||||||
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
<!-- <li><a href="#agenda">Agenda</a></li> -->
|
||||||
<li>
|
<li>
|
||||||
<a href="https://foodsoft.biobulkbende.org">Members area</a>
|
<a href="https://foodsoft.biobulkbende.org">Ledengedeelte</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
@ -70,35 +73,37 @@
|
|||||||
<div class="large-hero">
|
<div class="large-hero">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
srcset="./assets/media/images/our_vegetables_large.png 1920w"
|
srcset="./bundle/media/images/our_vegetables_large.png 1920w"
|
||||||
media="(min-width: 1380px)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<source
|
||||||
srcset="./assets/media/images/our_vegetables_medium.png 1380w"
|
srcset="./bundle/media/images/our_vegetables_medium.png 1380w"
|
||||||
media="(min-width: 990px)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<source
|
||||||
srcset="./assets/media/images/our_vegetables_small.png 990w"
|
srcset="./bundle/media/images/our_vegetables_small.png 990w"
|
||||||
media="(min-width: 640px)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
srcset="./assets/media/images/our_vegetables_smaller.png 640w"
|
srcset="./bundle/media/images/our_vegetables_smaller.png 640w"
|
||||||
alt="Our fresh vegetables"
|
alt="Onze verse groentes."
|
||||||
class="large-hero__image"
|
class="large-hero__image"
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
<div class="large-hero__text-content">
|
<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">
|
<h2 class="large-hero__subtitle">
|
||||||
The first organic autonomous<br />foodcoop in Rotterdam
|
De eerste autonome biologische<br />
|
||||||
|
voedselcoöperatie van Rotterdam
|
||||||
</h2>
|
</h2>
|
||||||
<!-- <p class="large-hero__description">Local and organic food produced by farmers in the Rijnmond region for an affordable price
|
<!-- <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> -->
|
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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- ABOUT US -->
|
<!-- ABOUT US -->
|
||||||
|
|
||||||
<div
|
<div
|
||||||
id="about-us"
|
id="about-us"
|
||||||
class="page-section page-section--red page-section--b-margin page-section--tb-padding"
|
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"
|
class="headline headline--s-width headline--centered headline--b-margin"
|
||||||
>
|
>
|
||||||
<h2 class="headline__title">
|
<h2 class="headline__title">
|
||||||
Biobulkbende is an association completely run by its members.
|
Biobulkbende is een vereniging die volledig door zijn leden wordt
|
||||||
Together we collectively purchase organic food from local producers
|
bestuurd en gerund. Als vereniging kopen we collectief biologisch
|
||||||
and distributors.
|
voedsel in van lokale producenten en distributeurs.
|
||||||
</h2>
|
</h2>
|
||||||
<h2 class="headline__subtitle">
|
<h2 class="headline__subtitle">
|
||||||
In the context of the current food system, with all its flaws and
|
Ons huidige systeem van voedselproductie zit vol gebreken en
|
||||||
vulnerabilities, we believe it is important to have more control
|
kwetsbaarheden. Daarom vinden wij het belangrijk om meer controle te
|
||||||
over the food we buy and consume. Food does not have to be treated
|
krijgen over het voedsel dat we kopen en consumeren. Voedsel gaat
|
||||||
strictly as a commodity, access to food doesn't have to rely on
|
niet alleen over geld, toegang tot voedsel hoort niet afhankelijk te
|
||||||
impenetrable logistics systems, and overwhelming packaging does not
|
zijn van ondoordringbare en ondoorgrondelijke logistiek, en
|
||||||
have to be the norm. Access to high quality, organic and affordable
|
overdadige verpakkingen zijn niet vanzelfsprekend. Toegang tot
|
||||||
food is very important for us, and we think that it should be
|
hoogwaardig, biologisch en betaalbaar voedsel is belangrijk voor ons
|
||||||
available to everyone.
|
- en we vinden dat iedereen er recht op heeft.
|
||||||
</h2>
|
</h2>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 390px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload headline__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!"
|
alt="Onze producten."
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
<h2 class="headline__title">
|
<h2 class="headline__title">
|
||||||
In 2019, we took matters into our own hands and started the first
|
In 2019 hebben we zelf het heft in handen genomen en zijn we
|
||||||
organic food co-op in Rotterdam.
|
begonnen met de eerste biologische voedselcoöperatie van Rotterdam.
|
||||||
</h2>
|
</h2>
|
||||||
<h2 class="headline__subtitle">
|
<h2 class="headline__subtitle">
|
||||||
Inspired by the Amsterdam food co-op Vokomokum, The Park Slope co-op
|
Net als de Amsterdamse coöperatie Vokomokum, de Park Slope Food Coop
|
||||||
and many others, our co-op is run on a volunteer-basis by all
|
en vele anderen, draait onze coöperatie volledig op de vrijwillige
|
||||||
members. As members of this co-op, we all contribute a small part of
|
bijdragen van al onze leden. Als leden van de co-op dragen we
|
||||||
our time in order to keep our co-op running according to our values:
|
allemaal een klein deel van onze tijd bij aan het runnen ervan, in
|
||||||
building a community, sharing organic food, sourcing ingredients
|
lijn met onze waarden. Zo bouwen we samen een gemeenschap, delen we
|
||||||
that is are not produced through any exploitation of labour and are
|
biologisch voedsel met elkaar, en zoeken we naar milieuvriendelijke
|
||||||
environmentally friendly. We source our fresh food from local
|
ingrediënten buiten de gebruikelijke exploitatieve ketens. We halen
|
||||||
farmers and suppliers from the Rijnmond region, while our dry goods
|
onze verse producten bij lokale boeren en leveranciers uit de regio
|
||||||
and cans come from the organic food supplier De Nieuwe Band / Odin.
|
Rijnmond. Onze conserven en houdbare producten komen van de
|
||||||
|
biologische groothandel De Nieuwe Band / Odin.
|
||||||
</h2>
|
</h2>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1380px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 990px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 640px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload headline__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!"
|
alt="Onze producten."
|
||||||
/>
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
<h2 class="headline__subtitle">
|
<h2 class="headline__subtitle">
|
||||||
We come together every first Monday of the month from 18:00 to 20:00
|
We komen elke eerste maandag van de maand samen tussen 18:00 en
|
||||||
at the Wijkcoop010 in de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>.
|
20:00 bij de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. Ben je
|
||||||
People who are interested to become a member can join the
|
geïnteresseerd in een lidmaatschap van de co-op? Dan kun je daar
|
||||||
introduction at 19:00.
|
maandelijks de introductie bijwonen om 19:00.
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row--gutters">
|
<div class="row row--gutters">
|
||||||
@ -205,11 +211,11 @@
|
|||||||
<div
|
<div
|
||||||
class="generic-content-container generic-content-container--t-b-margin generic-content-container--t-center"
|
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>
|
<p>
|
||||||
We are happy to have new members at the moment. Send us an
|
We staan altijd open voor nieuwe leden. Stuur ons een
|
||||||
<a href="mailto: info@biobulkbende.org">email</a> or simply drop
|
<a href="mailto:info@biobulkbende.org">e-mail</a> of kom
|
||||||
by on our next pick-up day and say hello!
|
kennismaken bij onze maandelijkse introductie!
|
||||||
</p>
|
</p>
|
||||||
<div class="arrow arrow--about arrow--red"></div>
|
<div class="arrow arrow--about arrow--red"></div>
|
||||||
</div>
|
</div>
|
||||||
@ -232,26 +238,28 @@
|
|||||||
<div class="row__medium-3--larger">
|
<div class="row__medium-3--larger">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__icon how-it-works__icon--1 lazyload"
|
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>
|
||||||
<div class="row__medium-9--smaller">
|
<div class="row__medium-9--smaller">
|
||||||
<div class="headline headline--lt-margin">
|
<div class="headline headline--lt-margin">
|
||||||
<h2 class="headline__title">
|
<h2 class="headline__title">
|
||||||
What is a <strong>foodcoop?</strong>
|
Wat is een <strong>voedselco-op?</strong>
|
||||||
</h2>
|
</h2>
|
||||||
<h2 class="headline__subtitle">
|
<h2 class="headline__subtitle">
|
||||||
A co-op is a collective where everyone shares the workload for
|
Een co-op is een collectief waarin alle leden samen werken in
|
||||||
the benefit of the whole. A food co-op is a group of people
|
het belang van de hele groep. Een voedselco-op is specifiek
|
||||||
that buy food from (local) suppliers of their own choosing. A
|
een groep mensen die samen voedsel inkopen van (lokale)
|
||||||
collective do-it-with-others supermarket.<br /><br />
|
producenten van hun keuze. Een soort
|
||||||
<b>Biobulkbende</b> members order collectively from local
|
doe-het-samen-supermarkt.<br /><br />
|
||||||
suppliers and distributors. This means we get as close to the
|
De leden van <b>Biobulkbende</b> bestellen gezamenlijk voedsel
|
||||||
wholesale prices as possible by cutting out middle men and
|
van lokale producenten, leveranciers en distributeurs. Door in
|
||||||
ordering in bulk. Biobulkbende exists only through the
|
bulk te bestellen en dicht bij de bron te blijven, kunnen we
|
||||||
cooperation of the members involved. There is no profit and
|
hoogwaardig voedsel inkopen tegen groothandelprijzen.
|
||||||
everyone in the community contributes to the co-op on a
|
<b>Biobulkbende</b> bestaat alleen bij gratie van de bijdragen
|
||||||
volunteer basis.
|
en samenwerking van alle betrokken leden. Er is geen
|
||||||
|
winstoogmerk en iedereen in de co-op draagt bij op vrijwillige
|
||||||
|
basis.
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -274,7 +282,7 @@
|
|||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="Once you are member you are part of our community!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -283,16 +291,17 @@
|
|||||||
<span
|
<span
|
||||||
class="icon icon--membership how-it-works__icon--membership"
|
class="icon icon--membership how-it-works__icon--membership"
|
||||||
></span>
|
></span>
|
||||||
Being a <strong>Member</strong>
|
<strong>Lidmaatschap</strong>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
As a member of Biobulkbende, you have access to high-quality
|
Als lid van <b>Biobulkbende</b> heb je toegang tot hoogwaardig
|
||||||
organic food, straight from the producers and / or distributors,
|
biologisch voedsel, rechtstreeks van de producent of de
|
||||||
at much lower prices than in the supermarket. In return, you pay
|
distributeur, tegen veel lagere prijzen dan in de supermarkt. In
|
||||||
a membership fee of €15 and contribute a bit of your time and
|
ruil daarvoor betaal je een eenmalige contributie van €15 en
|
||||||
energy each month (3h±) to keep our co-op running. As a member
|
geef je maandelijks een beetje van je tijd en energie (ongeveer
|
||||||
of the co-op you have a say in how the co-op works, how
|
3 uur) om de co-op te runnen. Als lid van de co-op heb je
|
||||||
decisions are made and what direction we take together.
|
medezeggenschap over de werking van de co-op, de besluitvorming
|
||||||
|
en de toekomstige richting die we inslaan.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -300,11 +309,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
data-srcset="./assets/media/images/member_medium.JPG 800w"
|
data-srcset="./bundle/media/images/member_medium.JPG 800w"
|
||||||
media="(min-width: 650px)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="Once you are member you are part of our community!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -321,23 +330,23 @@
|
|||||||
<span
|
<span
|
||||||
class="icon icon--workgroup how-it-works__icon--workgroup-order"
|
class="icon icon--workgroup how-it-works__icon--workgroup-order"
|
||||||
></span>
|
></span>
|
||||||
<strong>Workgroups</strong>
|
<strong>Werkgroepen</strong>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
A work group is a group of members who work together and are
|
Een werkgroep is een groep leden die samen verantwoordelijk zijn
|
||||||
responsible for a specific need of our food co-op. Some examples
|
voor een specifieke behoefte van de co-op. Voorbeelden hiervan
|
||||||
of work groups are cooking, set-up, membership, orders, finance,
|
zijn de kookgroep, helpen opzetten, administratie van leden,
|
||||||
etc. As a member of our food co-op, joining a work group is a
|
bestellingen, financieën, enzovoorts. Als lid van de co-op
|
||||||
requirement. When you join, we help you pick what work group
|
vragen we je om ook bij een werkgroep te gaan. Wanneer je je
|
||||||
matches your interests, as well as what matches the needs of the
|
inschrijft, helpen we je kiezen op basis van je interesses en
|
||||||
co-op. Members can change work groups when their interests
|
wat de co-op het meest nodig heeft. Leden kunnen van werkgroep
|
||||||
change.
|
wisselen in de loop van hun lidmaatschap.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="Working togheter is part of being a foocoop!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -346,11 +355,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
data-srcset="./assets/media/images/workgroup_medium.JPG 800w"
|
data-srcset="./bundle/media/images/workgroup_medium.JPG 800w"
|
||||||
media="(min-width: 650px)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="The pick up day is arrived!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -362,7 +371,7 @@
|
|||||||
<div class="row__medium-6 row--large-only">
|
<div class="row__medium-6 row--large-only">
|
||||||
<img
|
<img
|
||||||
class="how-it-works__img lazyload"
|
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!"
|
alt="To order your food is easy!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -370,19 +379,19 @@
|
|||||||
<h2 class="how-it-works__title-small">
|
<h2 class="how-it-works__title-small">
|
||||||
<span
|
<span
|
||||||
class="icon icon--order how-it-works__icon--workgroup-order"
|
class="icon icon--order how-it-works__icon--workgroup-order"
|
||||||
></span>
|
></span
|
||||||
Ordering <strong>food</strong>
|
><strong>Voedsel</strong> bestellen
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
As soon as you become a member you can place your first order,
|
Een bestelling plaatsen is makkelijk. We maken gebruik van vrije
|
||||||
yay! Together we order in dry-food (from toothpaste to pasta) in
|
software van
|
||||||
bulk packaging. Fresh food doesn't have to be in bulk. We also
|
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. Als
|
||||||
have items that are popular, like oats, in stock to save costs
|
nieuw lid van de co-op kun je een eerste bestelling plaatsen! We
|
||||||
and plastic! Payment is done during pick-up day through bank
|
bestellen houdbare producten (van tandpasta tot spaghetti) in
|
||||||
transfer or pin. For ordering, we use a free software called
|
bulk. Verse producten kunnen individueel besteld worden. We
|
||||||
<a href="https://foodcoops.net"> <b> Foodsoft </b> </a>. You can
|
hebben ook enkele populaire producten (zoals havermout) op
|
||||||
learn more about how to order by joining us at any upcoming
|
voorraad om kosten en plastic te besparen. Tijdens de ophaaldag
|
||||||
pick-up day.
|
kun je je bestelling ophalen en betalen.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -390,11 +399,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 650px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<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!"
|
alt="To order your food is easy!"
|
||||||
class="how-it-works__img--small-only lazyload"
|
class="how-it-works__img--small-only lazyload"
|
||||||
/>
|
/>
|
||||||
@ -405,24 +414,24 @@
|
|||||||
<div id="how-it-works-3" class="page-section">
|
<div id="how-it-works-3" class="page-section">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<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)"
|
media="(min-width: 1600px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 1050px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 700px)"
|
||||||
/>
|
/>
|
||||||
<source
|
<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)"
|
media="(min-width: 515px)"
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
class="lazyload"
|
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!"
|
alt="The pick up day is arrived!"
|
||||||
class="large-hero__image"
|
class="large-hero__image"
|
||||||
/>
|
/>
|
||||||
@ -438,26 +447,28 @@
|
|||||||
<span
|
<span
|
||||||
class="icon icon--pickup how-it-works__icon--pickup"
|
class="icon icon--pickup how-it-works__icon--pickup"
|
||||||
></span
|
></span
|
||||||
><strong>Pick-up day</strong>
|
><strong>Ophaaldag</strong>
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
Every 1st Monday of the month, from 18:00 - 20:00 our co-op
|
Elke eerste maandag van de maand, tussen 18:00 en 20:00, komt
|
||||||
comes together to pick up our fresh, local and bulky orders.
|
de co-op bij elkaar om onze verse, lokale en lijvige
|
||||||
The pick-up day is more then just picking up your order. It's
|
bestellingen op te halen. Ophaaldag draait niet alleen om het
|
||||||
also a chance to meet other members and have an affordable
|
ophalen van je bestelling. Dit is ook je kans om andere leden
|
||||||
vegan dinner cooked by our members. During the pick-up day we
|
te leren kennen en samen te genieten van een betaalbare
|
||||||
have an introduction for people interested to join the co-op.
|
veganistische maaltijd van de kookwerkgroep. Op elke ophaaldag
|
||||||
This takes place at 7pm sharp.
|
houden we een introductiebijeenkomst voor potentiële nieuwe
|
||||||
|
leden. De introductie vindt plaats om 20:00.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="#" class="btn btn--pickupday open-modal"
|
<a href="#" class="btn btn--pickupday open-modal"
|
||||||
><b>Join us!</b></a
|
><b>Word lid!</b></a
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Attending the introduction is mandatory so that you learn all
|
Het bijwonen van een introductie is verplicht voor nieuwe
|
||||||
the ins and outs of the co-op right from the start. After you
|
leden, zodat je de ins en outs direct meekrijgt. Na het
|
||||||
have joined the introduction you can become a member!
|
bijwonen van de introductie kun je ervoor kiezen om lid te
|
||||||
|
worden!
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -476,7 +487,7 @@
|
|||||||
<span class="site-footer__text"
|
<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>
|
<a href="#" class="btn btn--l-margin open-modal">Word lid!</a>
|
||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
@ -487,11 +498,12 @@
|
|||||||
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
<h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<p class="modal__description">
|
<p class="modal__description">
|
||||||
Due to COVID-19 restrictions the introduction is currently held
|
Vanwege de COVID-19 restricties vindt de introductie tijdelijk
|
||||||
online at 8pm at this link
|
online plaats om 20.00 uur via deze link
|
||||||
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
<a href="http://meet.jit.si/bbb_introduction" target="_blank"
|
||||||
>http://meet.jit.si/bbb_introduction</a
|
>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>.
|
<a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -515,7 +527,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- build:js assets/scripts/App.js -->
|
<!-- 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 -->
|
<!-- endbuild -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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);} })
|
// .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())
|
.pipe(browserSync.stream())
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -55,7 +55,7 @@ function scssTask() {
|
|||||||
.pipe(sass().on("error", sass.logError))
|
.pipe(sass().on("error", sass.logError))
|
||||||
.pipe(postcss([autoprefixer()]))
|
.pipe(postcss([autoprefixer()]))
|
||||||
.pipe(sourcemaps.write("."))
|
.pipe(sourcemaps.write("."))
|
||||||
.pipe(dest("app/temp/styles"))
|
.pipe(dest("./app/bundle/styles")) // copy CSS in bundle
|
||||||
.pipe(browserSync.stream());
|
.pipe(browserSync.stream());
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -85,7 +85,7 @@ function createSprite() {
|
|||||||
|
|
||||||
function copySpriteGraphic() {
|
function copySpriteGraphic() {
|
||||||
return src("./app/temp/sprite/css/**/*.svg").pipe(
|
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,
|
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;
|
exports.watch = watch;
|
||||||
@ -150,3 +156,9 @@ exports.icons = series(
|
|||||||
endClean
|
endClean
|
||||||
);
|
);
|
||||||
exports.images = imagesTask;
|
exports.images = imagesTask;
|
||||||
|
|
||||||
|
exports.copyMediaInBundle = series(
|
||||||
|
copySpriteGraphic,
|
||||||
|
copyFonts,
|
||||||
|
imagesTask
|
||||||
|
);
|
||||||
|
15461
package-lock.json
generated
@ -5,7 +5,7 @@
|
|||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1",
|
"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": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
|