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