diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..e86a70c --- /dev/null +++ b/Dockerfile @@ -0,0 +1,11 @@ +FROM node:alpine + +EXPOSE 8081 + +COPY ./docs /app + +WORKDIR /app + +RUN npm install http-server + +CMD ["npm", "start"] diff --git a/app/index.html b/app/index.html index 1835755..24bcc34 100644 --- a/app/index.html +++ b/app/index.html @@ -196,10 +196,7 @@ height="315" controls > - + Your browser does not support the video tag. @@ -381,8 +378,8 @@ 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 + and plastic! Payment is done during pick-up day through bank + transfer or pin. For ordering, we use a free software called Foodsoft . You can learn more about how to order by joining us at any upcoming pick-up day. diff --git a/docs/assets/styles/style.css b/docs/assets/styles/style.css index 993551b..1a27464 100644 --- a/docs/assets/styles/style.css +++ b/docs/assets/styles/style.css @@ -9,7 +9,8 @@ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; - /* 2 */ } + /* 2 */ +} /* Sections ========================================================================== */ @@ -17,13 +18,15 @@ html { * Remove the margin in all browsers. */ body { - margin: 0; } + margin: 0; +} /** * Render the `main` element consistently in IE. */ main { - display: block; } + display: block; +} /** * Correct the font size and margin on `h1` elements within `section` and @@ -31,7 +34,8 @@ main { */ h1 { font-size: 2em; - margin: 0.67em 0; } + margin: 0.67em 0; +} /* Grouping content ========================================================================== */ @@ -45,7 +49,8 @@ hr { height: 0; /* 1 */ overflow: visible; - /* 2 */ } + /* 2 */ +} /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -55,7 +60,8 @@ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ } + /* 2 */ +} /* Text-level semantics ========================================================================== */ @@ -63,7 +69,8 @@ pre { * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; } + background-color: transparent; +} /** * 1. Remove the bottom border in Chrome 57- @@ -75,15 +82,17 @@ abbr[title] { text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - /* 2 */ } + text-decoration: underline dotted; + /* 2 */ +} /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { - font-weight: bolder; } + font-weight: bolder; +} /** * 1. Correct the inheritance and scaling of font size in all browsers. @@ -95,13 +104,15 @@ samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; - /* 2 */ } + /* 2 */ +} /** * Add the correct font size in all browsers. */ small { - font-size: 80%; } + font-size: 80%; +} /** * Prevent `sub` and `sup` elements from affecting the line height in @@ -112,13 +123,16 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} sup { - top: -0.5em; } + top: -0.5em; +} /* Embedded content ========================================================================== */ @@ -126,7 +140,8 @@ sup { * Remove the border on images inside links in IE 10. */ img { - border-style: none; } + border-style: none; +} /* Forms ========================================================================== */ @@ -146,7 +161,8 @@ textarea { line-height: 1.15; /* 1 */ margin: 0; - /* 2 */ } + /* 2 */ +} /** * Show the overflow in IE. @@ -155,7 +171,8 @@ textarea { button, input { /* 1 */ - overflow: visible; } + overflow: visible; +} /** * Remove the inheritance of text transform in Edge, Firefox, and IE. @@ -164,7 +181,8 @@ input { button, select { /* 1 */ - text-transform: none; } + text-transform: none; +} /** * Correct the inability to style clickable types in iOS and Safari. @@ -173,7 +191,8 @@ button, [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; } + -webkit-appearance: button; +} /** * Remove the inner border and padding in Firefox. @@ -183,7 +202,8 @@ button::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; - padding: 0; } + padding: 0; +} /** * Restore the focus styles unset by the previous rule. @@ -192,13 +212,15 @@ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } + outline: 1px dotted ButtonText; +} /** * Correct the padding in Firefox. */ fieldset { - padding: 0.35em 0.75em 0.625em; } + padding: 0.35em 0.75em 0.625em; +} /** * 1. Correct the text wrapping in Edge and IE. @@ -218,19 +240,22 @@ legend { padding: 0; /* 3 */ white-space: normal; - /* 1 */ } + /* 1 */ +} /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - vertical-align: baseline; } + vertical-align: baseline; +} /** * Remove the default vertical scrollbar in IE 10+. */ textarea { - overflow: auto; } + overflow: auto; +} /** * 1. Add the correct box sizing in IE 10. @@ -241,14 +266,16 @@ textarea { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ } + /* 2 */ +} /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; } + height: auto; +} /** * 1. Correct the odd appearance in Chrome and Safari. @@ -258,13 +285,15 @@ textarea { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; - /* 2 */ } + /* 2 */ +} /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } + -webkit-appearance: none; +} /** * 1. Correct the inability to style clickable types in iOS and Safari. @@ -274,7 +303,8 @@ textarea { -webkit-appearance: button; /* 1 */ font: inherit; - /* 2 */ } + /* 2 */ +} /* Interactive ========================================================================== */ @@ -282,13 +312,15 @@ textarea { * Add the correct display in Edge, IE 10+, and Firefox. */ details { - display: block; } + display: block; +} /* * Add the correct display in all browsers. */ summary { - display: list-item; } + display: list-item; +} /* Misc ========================================================================== */ @@ -296,320 +328,415 @@ summary { * Add the correct display in IE 10+. */ template { - display: none; } + display: none; +} /** * Add the correct display in IE 10. */ [hidden] { - display: none; } + display: none; +} @font-face { font-family: "CocogooseNormal"; - src: url("../media/fonts/cocogoose/Cocogoose_medium.ttf") format("truetype"); } + src: url("../media/fonts/cocogoose/Cocogoose_medium.ttf") format("truetype"); +} @font-face { font-family: "CocogooseLight"; - src: url("../media/fonts/cocogoose/Cocogoose_light.ttf") format("truetype"); } + src: url("../media/fonts/cocogoose/Cocogoose_light.ttf") format("truetype"); +} @font-face { font-family: "CocogooseBold"; - src: url("../media/fonts/cocogoose/Cocogoose_bold.ttf") format("truetype"); } + src: url("../media/fonts/cocogoose/Cocogoose_bold.ttf") format("truetype"); +} @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 { font-family: "BS-light"; - src: url("../media/fonts/bahnschrift/BS_Static_Light.ttf") format("truetype"); } + src: url("../media/fonts/bahnschrift/BS_Static_Light.ttf") format("truetype"); +} @font-face { 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"); +} * { - box-sizing: border-box; } + box-sizing: border-box; +} body { position: relative; - font-family: 'roboto', sans-serif; - color: #333; } + font-family: "roboto", sans-serif; + color: #333; +} img { max-width: 100%; - height: auto; } + height: auto; +} a { font-weight: 300; - text-decoration: none; } + text-decoration: none; +} .site-header { position: fixed; width: 100%; z-index: 2; - transition: background-color .3s ease-out; } - .site-header--is-expanded { - background-color: orange; - padding-bottom: 18px; } - @media (min-width: 800px) { - .site-header { - position: absolute; - position: fixed; - background-color: rgba(0, 0, 0, 0.4); } - .site-header--dark { - background-color: rgba(0, 0, 0, 0.7); } } - @media (min-width: 800px) { - .site-header__btn-container { - padding: 32px 0px 32px 0px; - float: right; - transition: padding .3s ease-out; } - .site-header__btn-container--small { - padding: 13px 0px 13px 0px; } } + transition: background-color 0.3s ease-out; +} +.site-header--is-expanded { + background-color: orange; + padding-bottom: 18px; +} +@media (min-width: 800px) { + .site-header { + position: absolute; + position: fixed; + background-color: rgba(0, 0, 0, 0.4); + } + .site-header--dark { + background-color: rgba(0, 0, 0, 0.7); + } +} +@media (min-width: 800px) { + .site-header__btn-container { + padding: 32px 0px 32px 0px; + float: right; + transition: padding 0.3s ease-out; + } + .site-header__btn-container--small { + padding: 13px 0px 13px 0px; + } +} +.site-header__language { + position: absolute; + top: 10px; + left: -5px; + border-radius: 15px; + overflow: hidden; + width: 25px; + height: 25px; +} +@media (min-width: 800px) { .site-header__language { - position: absolute; - top: 10px; - left: -5px; - border-radius: 15px; - overflow: hidden; - width: 25px; - height: 25px; } - @media (min-width: 800px) { - .site-header__language { - position: unset; - margin: 40px 20px 0px 0px; - float: right; - transition: margin .3s ease-out; } - .site-header__language--small { - margin: 22px 20px 0px 0px; } } + position: unset; + margin: 40px 20px 0px 0px; + float: right; + transition: margin 0.3s ease-out; + } + .site-header__language--small { + margin: 22px 20px 0px 0px; + } +} +.site-header__menu-icon { + width: 20px; + height: 19px; + position: absolute; + z-index: 10; + top: 10px; + right: 10px; +} +.site-header__menu-icon::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 20px; + height: 3px; + background: #fff; + transform-origin: 0 0; + transition: transform 0.3s ease-out; +} +.site-header__menu-icon__middle { + position: absolute; + top: 8px; + left: 0; + width: 20px; + height: 3px; + background: #fff; + transition: all 0.3s ease-out; + transform-origin: 0 50%; +} +.site-header__menu-icon::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 20px; + height: 3px; + background: #fff; + transform-origin: 0 100%; + transition: transform 0.3s ease-out; +} +@media (min-width: 800px) { .site-header__menu-icon { - width: 20px; - height: 19px; - position: absolute; - z-index: 10; - top: 10px; - right: 10px; } - .site-header__menu-icon::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 20px; - height: 3px; - background: #FFF; - transform-origin: 0 0; - transition: transform .3s ease-out; } - .site-header__menu-icon__middle { - position: absolute; - top: 8px; - left: 0; - width: 20px; - height: 3px; - background: #FFF; - transition: all .3s ease-out; - transform-origin: 0 50%; } - .site-header__menu-icon::after { - content: ""; - position: absolute; - bottom: 0; - left: 0; - width: 20px; - height: 3px; - background: #FFF; - transform-origin: 0 100%; - transition: transform .3s ease-out; } - @media (min-width: 800px) { - .site-header__menu-icon { - display: none; } } - .site-header__menu-icon--close-x::before { - transform: rotate(45deg) scaleX(1.25); } - .site-header__menu-icon--close-x .site-header__menu-icon__middle { - transform: scaleX(0); - opacity: 0; } - .site-header__menu-icon--close-x::after { - transform: rotate(-45deg) scaleX(1.25) translateY(1px); } + display: none; + } +} +.site-header__menu-icon--close-x::before { + transform: rotate(45deg) scaleX(1.25); +} +.site-header__menu-icon--close-x .site-header__menu-icon__middle { + transform: scaleX(0); + opacity: 0; +} +.site-header__menu-icon--close-x::after { + transform: rotate(-45deg) scaleX(1.25) translateY(1px); +} +.site-header__menu-content { + opacity: 0; + transform: scale(1.2); + transtion: all 0.3s ease-out; + position: relative; + z-index: -10; + padding-top: 90px; + text-align: center; + display: none; +} +.site-header__menu-content--is-visible { + display: block; + transform: scale(1); + opacity: 1; + z-index: 1; +} +@media (min-width: 800px) { .site-header__menu-content { - opacity: 0; - transform: scale(1.2); - transtion: all .3s ease-out; - position: relative; - z-index: -10; - padding-top: 90px; - text-align: center; - display: none; } - .site-header__menu-content--is-visible { - display: block; - transform: scale(1); - opacity: 1; - z-index: 1; } - @media (min-width: 800px) { - .site-header__menu-content { - display: inline; - opacity: 1; - z-index: 1; - padding-top: 0; - transform: scale(1); } } + display: inline; + opacity: 1; + z-index: 1; + padding-top: 0; + transform: scale(1); + } +} +.site-header__logo { + position: absolute; + top: -1px; + padding: 5px 15px; + left: 50%; + transform-origin: 50% 0%; + transform: translateX(-50%) scale(0.8); + transition: all 0.3s ease-out; + background-color: rgba(0, 0, 0, 0.5); +} +.site-header__logo--small { + transform: translateX(-50%) scale(0.5); + background-color: rgba(0, 0, 0, 0.7); +} +.site-header__logo--orange-bg { + transition: all 0.3s ease-out; + background-color: #ff9f2f; + transform: translateX(-50%) scale(0.8); +} +@media (min-width: 800px) { .site-header__logo { - position: absolute; - top: -1px; - padding: 5px 15px; - left: 50%; - transform-origin: 50% 0%; - transform: translateX(-50%) scale(0.8); - transition: all .3s ease-out; - background-color: rgba(0, 0, 0, 0.5); } - .site-header__logo--small { - transform: translateX(-50%) scale(0.5); - background-color: rgba(0, 0, 0, 0.7); } - .site-header__logo--orange-bg { - transition: all .3s ease-out; - background-color: #FF9F2F; - transform: translateX(-50%) scale(0.8); } - @media (min-width: 800px) { - .site-header__logo { - width: 170px; - padding: 0; - top: 3px; - position: relative; - float: left; - left: auto; - transform: translateX(0); - background-color: rgba(0, 0, 0, 0); - transition: width .3s ease-out; } - .site-header__logo--small { - width: 100px; } } + width: 170px; + padding: 0; + top: 3px; + position: relative; + float: left; + left: auto; + transform: translateX(0); + background-color: rgba(0, 0, 0, 0); + transition: width 0.3s ease-out; + } + .site-header__logo--small { + width: 100px; + } +} .primary-nav { - padding-top: 10px; } - @media (min-width: 800px) { - .primary-nav { - padding: 22px 0px; - transition: padding .3s ease-out; } - .primary-nav--small { - padding: 2px 0px; } } - @media (min-width: 800px) { - .primary-nav--pull-right { - float: right; } } - .primary-nav ul { - margin: 0; - padding: 0; } - .primary-nav ul::after { - content: ""; - clear: both; - display: table; } + padding-top: 10px; +} +@media (min-width: 800px) { + .primary-nav { + padding: 22px 0px; + transition: padding 0.3s ease-out; + } + .primary-nav--small { + padding: 2px 0px; + } +} +@media (min-width: 800px) { + .primary-nav--pull-right { + float: right; + } +} +.primary-nav ul { + margin: 0; + padding: 0; +} +.primary-nav ul::after { + content: ""; + clear: both; + display: table; +} +.primary-nav li { + list-style: none; + display: inline-block; + padding-right: 7px; + padding-top: 10px; +} +@media (min-width: 800px) { .primary-nav li { - list-style: none; - display: inline-block; - padding-right: 7px; - padding-top: 10px; } - @media (min-width: 800px) { - .primary-nav li { - float: left; - display: block; - padding-right: 20px; } } - .primary-nav li:last-child { - padding-right: 0; } - @media (min-width: 800px) { - .primary-nav li:last-child { - padding-right: 20px; } } - .primary-nav a { - color: #fff; - font-weight: 400; - text-decoration: none; + float: left; display: block; - padding: 5px 8px; - font-size: .8rem; - background: rgba(0, 0, 0, 0.5); - border-radius: 30px; } - @media (min-width: 800px) { - .primary-nav a { - background: transparent; - font-size: 1.10rem; - padding: 12px 0; } - .primary-nav a.is-current-link { - color: #fabb69; } } + padding-right: 20px; + } +} +.primary-nav li:last-child { + padding-right: 0; +} +@media (min-width: 800px) { + .primary-nav li:last-child { + padding-right: 20px; + } +} +.primary-nav a { + color: #fff; + font-weight: 400; + text-decoration: none; + display: block; + padding: 5px 8px; + font-size: 0.8rem; + background: rgba(0, 0, 0, 0.5); + border-radius: 30px; +} +@media (min-width: 800px) { + .primary-nav a { + background: transparent; + font-size: 1.1rem; + padding: 12px 0; + } + .primary-nav a.is-current-link { + color: #fabb69; + } +} .btn { background-color: #00ab00; color: #fff; text-decoration: none; - padding: .75rem 1.2rem; + padding: 0.75rem 1.2rem; display: inline-block; - border-radius: 30px; } - .btn--l-margin { - margin-left: 20px; } + border-radius: 30px; +} +.btn--l-margin { + margin-left: 20px; +} +.btn--medium { + margin-bottom: 1.5rem; + margin-top: 1.5rem; +} +@media (min-width: 530px) { .btn--medium { - margin-bottom: 1.5rem; - margin-top: 1.5rem; } - @media (min-width: 530px) { - .btn--medium { - font-size: 1.1rem; } } + font-size: 1.1rem; + } +} +.btn--large { + padding: 1.1rem 1.9rem; +} +@media (min-width: 530px) { .btn--large { - padding: 1.1rem 1.9rem; } - @media (min-width: 530px) { - .btn--large { - font-size: 1.25rem; } } + font-size: 1.25rem; + } +} +.btn--pickupday { + margin: 30px 0px; +} +@media (min-width: 800px) { .btn--pickupday { - margin: 30px 0px; } - @media (min-width: 800px) { - .btn--pickupday { - margin: 0px; } } + margin: 0px; + } +} .large-hero { border-bottom: 10px solid orange; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); - position: relative; } - .large-hero__image { - display: block; } + position: relative; +} +.large-hero__image { + display: block; +} +.large-hero__text-content { + position: absolute; + top: 50%; + left: 0px; + width: 100%; + transform: translateY(-50%); + text-align: center; +} +@media (min-width: 800px) { .large-hero__text-content { - position: absolute; - top: 50%; - left: 0px; - width: 100%; - transform: translateY(-50%); - text-align: center; } - @media (min-width: 800px) { - .large-hero__text-content { - padding-top: 60px; } } + padding-top: 60px; + } +} +.large-hero__title { + font-family: "CocogooseBold"; + color: white; + font-size: 2.2rem; + margin: 0; +} +@media (min-width: 530px) { .large-hero__title { - font-family: "CocogooseBold"; - color: white; - font-size: 2.2rem; - margin: 0; } - @media (min-width: 530px) { - .large-hero__title { - font-size: 3.2rem; } } - @media (min-width: 800px) { - .large-hero__title { - font-size: 4.8rem; } } + font-size: 3.2rem; + } +} +@media (min-width: 800px) { + .large-hero__title { + font-size: 4.8rem; + } +} +.large-hero__subtitle { + font-weight: 400; + color: white; + font-size: 1.3rem; + margin: 0; +} +@media (min-width: 530px) { .large-hero__subtitle { - font-weight: 400; - color: white; - font-size: 1.3rem; - margin: 0; } - @media (min-width: 530px) { - .large-hero__subtitle { - font-size: 1.8rem; } } - @media (min-width: 800px) { - .large-hero__subtitle { - font-size: 2.4rem; } } + font-size: 1.8rem; + } +} +@media (min-width: 800px) { + .large-hero__subtitle { + font-size: 2.4rem; + } +} +.large-hero__description { + color: #fff; + font-weight: 00; + font-size: 1.1rem; + max-width: 50rem; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 530px) { .large-hero__description { - color: #FFF; - font-weight: 00; - font-size: 1.1rem; - max-width: 50rem; - margin-left: auto; - margin-right: auto; } - @media (min-width: 530px) { - .large-hero__description { - font-size: 1.3rem; } } - @media (min-width: 800px) { - .large-hero__description { - font-size: 1.875rem; } } + font-size: 1.3rem; + } +} +@media (min-width: 800px) { + .large-hero__description { + font-size: 1.875rem; + } +} .wrapper { overflow: hidden; @@ -617,172 +744,249 @@ a { padding-right: 18px; max-width: 1300px; margin-left: auto; - margin-right: auto; } - .wrapper--medium { - max-width: 976px; } + margin-right: auto; +} +.wrapper--medium { + max-width: 976px; +} +.wrapper--centered { + text-align: center; +} +@media (min-width: 1200px) { .wrapper--centered { - text-align: center; } - @media (min-width: 1200px) { - .wrapper--centered { - text-align: left; } } - .wrapper--small { - max-width: 750px; } + text-align: left; + } +} +.wrapper--small { + max-width: 750px; +} .page-section { - position: relative; } - .page-section--t-margin-external { - margin-top: -70px; } - @media (min-width: 800px) { - .page-section--b-margin-external { - margin-bottom: -140px; } } + position: relative; +} +.page-section--t-margin-external { + margin-top: -70px; +} +@media (min-width: 800px) { + .page-section--b-margin-external { + margin-bottom: -140px; + } +} +.page-section--tb-padding { + padding: 1.2rem 0; +} +@media (min-width: 800px) { .page-section--tb-padding { - padding: 1.2rem 0; } - @media (min-width: 800px) { - .page-section--tb-padding { - position: unset; - padding: 4.5rem 0; } } + position: unset; + padding: 4.5rem 0; + } +} +.page-section--t-padding { + padding-top: 5.2rem; +} +@media (min-width: 800px) { .page-section--t-padding { - padding-top: 5.2rem; } - @media (min-width: 800px) { - .page-section--t-padding { - position: unset; - padding-top: 4.5rem; } } - .page-section--t-padding-larger { - padding-top: 5.2rem; } - @media (min-width: 800px) { - .page-section--t-padding-larger { - position: unset; - padding-top: 6rem; } } + position: unset; + padding-top: 4.5rem; + } +} +.page-section--t-padding-larger { + padding-top: 5.2rem; +} +@media (min-width: 800px) { + .page-section--t-padding-larger { + position: unset; + padding-top: 6rem; + } +} +.page-section--b-padding-small { + padding-bottom: 1rem; +} +@media (min-width: 800px) { .page-section--b-padding-small { - padding-bottom: 1rem; } - @media (min-width: 800px) { - .page-section--b-padding-small { - position: unset; - padding-top: 3.8rem; } } + position: unset; + padding-top: 3.8rem; + } +} +.page-section--b-margin { + margin-bottom: 70px; +} +@media (min-width: 800px) { .page-section--b-margin { - margin-bottom: 70px; } - @media (min-width: 800px) { - .page-section--b-margin { - margin-bottom: -140px; } } - .page-section--red { - background-color: #d23b2d; - color: #fff; } - .page-section--darkGreen { - background-color: #64802e; - color: #fff; } - .page-section--lightGreen { - background-color: #8db52b; - color: #fff; } + margin-bottom: -140px; + } +} +.page-section--red { + background-color: #d23b2d; + color: #fff; +} +.page-section--darkGreen { + background-color: #64802e; + color: #fff; +} +.page-section--lightGreen { + background-color: #8db52b; + color: #fff; +} .headline { - margin: auto; } - .headline strong { - font-weight: 800; } + margin: auto; +} +.headline strong { + font-weight: 800; +} +.headline--lt-margin { + margin-top: -5px; +} +@media (min-width: 1200px) { .headline--lt-margin { - margin-top: -5px; } - @media (min-width: 1200px) { - .headline--lt-margin { - margin-left: 55px; } } + margin-left: 55px; + } +} +.headline--s-width { + max-width: 500px; +} +@media (min-width: 800px) { .headline--s-width { - max-width: 500px; } - @media (min-width: 800px) { - .headline--s-width { - max-width: 1000px; } } + max-width: 1000px; + } +} +.headline__title { + font-weight: 400; + font-size: 1.5rem; +} +@media (min-width: 800px) { .headline__title { - font-weight: 400; - font-size: 1.5rem; } - @media (min-width: 800px) { - .headline__title { - font-size: 2.1rem; } } + font-size: 2.1rem; + } +} +.headline__subtitle { + font-weight: 300; + font-size: 1.3rem; +} +@media (min-width: 800px) { .headline__subtitle { - font-weight: 300; - font-size: 1.3rem; } - @media (min-width: 800px) { - .headline__subtitle { - font-size: 1.6rem; } } - .headline__img { - margin: 30px 0px; } - .headline--centered { - text-align: center; } - .headline--lightGreen { - color: #8db52b; } - .headline--orange { - color: #FF9F2F; } + font-size: 1.6rem; + } +} +.headline__img { + margin: 30px 0px; +} +.headline--centered { + text-align: center; +} +.headline--lightGreen { + color: #8db52b; +} +.headline--orange { + color: #ff9f2f; +} +.headline--b-margin { + margin-bottom: 2.5rem; +} +@media (min-width: 800px) { .headline--b-margin { - margin-bottom: 2.5rem; } - @media (min-width: 800px) { - .headline--b-margin { - margin-bottom: 4.5rem; } } - .headline a { - font-weight: 400; } + margin-bottom: 4.5rem; + } +} +.headline a { + font-weight: 400; +} .row { - /* Begin Equal Height Rules */ } - .row::after { - content: ""; - clear: both; - display: table; } + /* Begin Equal Height Rules */ +} +.row::after { + content: ""; + clear: both; + display: table; +} +.row--large-only { + display: none; +} +@media (min-width: 1200px) { .row--large-only { - display: none; } - @media (min-width: 1200px) { - .row--large-only { - display: inline-block; } } - .row--gutters { - margin-right: -60px; } - .row--gutters > div { - padding-right: 60px; } - @media (min-width: 1200px) { - .row__medium-3--larger { - float: left; - width: 30%; } - .row__medium-4 { - float: left; - width: 33.33%; } - .row__medium-6 { - float: left; - width: 50%; } - .row__medium-8 { - float: right; - width: 66.66%; } - .row__medium-9--smaller { - float: right; - width: 70%; } } - @media (min-width: 800px) { - .flexbox .row--equal-height-at-medium { - display: flex; } } - .flexbox .row--equal-height-at-medium > div { - float: none; - display: flex; } - @media (min-width: 800px) { - .flexbox .row--equal-height-at-large { - display: flex; } } - .flexbox .row--equal-height-at-large > div { - float: none; - display: flex; } + display: inline-block; + } +} +.row--gutters { + margin-right: -60px; +} +.row--gutters > div { + padding-right: 60px; +} +@media (min-width: 1200px) { + .row__medium-3--larger { + float: left; + width: 30%; + } + .row__medium-4 { + float: left; + width: 33.33%; + } + .row__medium-6 { + float: left; + width: 50%; + } + .row__medium-8 { + float: right; + width: 66.66%; + } + .row__medium-9--smaller { + float: right; + width: 70%; + } +} +@media (min-width: 800px) { + .flexbox .row--equal-height-at-medium { + display: flex; + } +} +.flexbox .row--equal-height-at-medium > div { + float: none; + display: flex; +} +@media (min-width: 800px) { + .flexbox .row--equal-height-at-large { + display: flex; + } +} +.flexbox .row--equal-height-at-large > div { + float: none; + display: flex; +} .generic-content-container--t-b-margin { margin-top: 4rem; - margin-bottom: 2.5rem; } - @media (min-width: 1200px) { - .generic-content-container--t-b-margin { - margin-top: 5rem; - margin-bottom: 0px; } } + margin-bottom: 2.5rem; +} +@media (min-width: 1200px) { + .generic-content-container--t-b-margin { + margin-top: 5rem; + margin-bottom: 0px; + } +} .generic-content-container--t-center { - text-align: center; } + text-align: center; +} .generic-content-container p { font-weight: 300; line-height: 1.25; margin: 0; - font-size: 1.1rem; } - @media (min-width: 800px) { - .generic-content-container p { - margin: 0 0 1.8rem 0; - font-size: 1.4rem; } } + font-size: 1.1rem; +} +@media (min-width: 800px) { + .generic-content-container p { + margin: 0 0 1.8rem 0; + font-size: 1.4rem; + } +} .generic-content-container p a { - font-weight: 500; } + font-weight: 500; +} .video-container { position: relative; @@ -791,183 +995,252 @@ a { overflow: hidden; box-shadow: -3px 3px 10px #000000ba; margin-right: -18px; - margin-left: -18px; } - @media (min-width: 530px) { - .video-container { - padding-bottom: 60%; } } - @media (min-width: 800px) { - .video-container { - padding-bottom: 59%; } } - @media (min-width: 1200px) { - .video-container { - padding-bottom: 56.25%; - margin-right: 0px; - margin-left: 0px; } } + margin-left: -18px; +} +@media (min-width: 530px) { + .video-container { + padding-bottom: 60%; + } +} +@media (min-width: 800px) { + .video-container { + padding-bottom: 59%; + } +} +@media (min-width: 1200px) { + .video-container { + padding-bottom: 56.25%; + margin-right: 0px; + margin-left: 0px; + } +} .video-container video { position: absolute; top: 0; left: 0; width: 100%; - height: 100%; } + height: 100%; +} .how-it-works { - margin-bottom: 2.5rem; } - .how-it-works strong { - font-weight: 800; } + margin-bottom: 2.5rem; +} +.how-it-works strong { + font-weight: 800; +} +.how-it-works--atSmall-centered { + text-align: center; +} +@media (min-width: 1200px) { .how-it-works--atSmall-centered { - text-align: center; } - @media (min-width: 1200px) { - .how-it-works--atSmall-centered { - text-align: left; } } + text-align: left; + } +} +.how-it-works--atSmall-t-margin { + margin-top: 6rem !important; +} +@media (min-width: 800px) { .how-it-works--atSmall-t-margin { - margin-top: 6rem !important; } - @media (min-width: 800px) { - .how-it-works--atSmall-t-margin { - margin-top: 4rem !important; } } - @media (min-width: 1200px) { - .how-it-works--atSmall-t-margin { - margin-top: 100px; } } - .how-it-works--centered { - position: absolute; - top: 0px; - width: 100%; - text-align: center; } - @media (min-width: 530px) { - .how-it-works--t-margin { - margin-top: 10px; } } - @media (min-width: 800px) { - .how-it-works--t-margin { - margin-top: -45px; } } + margin-top: 4rem !important; + } +} +@media (min-width: 1200px) { + .how-it-works--atSmall-t-margin { + margin-top: 100px; + } +} +.how-it-works--centered { + position: absolute; + top: 0px; + width: 100%; + text-align: center; +} +@media (min-width: 530px) { + .how-it-works--t-margin { + margin-top: 10px; + } +} +@media (min-width: 800px) { + .how-it-works--t-margin { + margin-top: -45px; + } +} +.how-it-works__last-section { + padding: 3rem 0px 50px 0px; + background-color: rgba(255, 255, 255, 0.9); +} +@media (min-width: 1200px) { .how-it-works__last-section { - padding: 3rem 0px 50px 0px; - background-color: rgba(255, 255, 255, 0.9); } - @media (min-width: 1200px) { - .how-it-works__last-section { - padding: 100px 0px 50px 0px; } } + padding: 100px 0px 50px 0px; + } +} +.how-it-works p { + font-weight: 300; + line-height: 1.125; + margin: 0; + font-size: 1.2rem; +} +@media (min-width: 800px) { .how-it-works p { - font-weight: 300; - line-height: 1.125; - margin: 0; - font-size: 1.2rem; } - @media (min-width: 800px) { - .how-it-works p { - margin: 0 0 1.8rem 0; - font-size: 1.4rem; } } + margin: 0 0 1.8rem 0; + font-size: 1.4rem; + } +} +.how-it-works__title { + font-weight: 300; + font-size: 1.4rem; + margin-bottom: 45px; +} +@media (min-width: 800px) { .how-it-works__title { - font-weight: 300; - font-size: 1.4rem; - margin-bottom: 45px; } - @media (min-width: 800px) { - .how-it-works__title { - margin-top: 10px; - font-size: 2.1rem; } } + margin-top: 10px; + font-size: 2.1rem; + } +} +.how-it-works__title-small { + font-weight: 300; + font-size: 1.4rem; + margin-bottom: 45px; +} +@media (min-width: 800px) { .how-it-works__title-small { - font-weight: 300; - font-size: 1.4rem; - margin-bottom: 45px; } - @media (min-width: 800px) { - .how-it-works__title-small { - margin-top: 10px; - font-size: 2.1rem; } } + margin-top: 10px; + font-size: 2.1rem; + } +} +.how-it-works__img--small-only { + display: inline-block; + margin: 10px 0px; +} +@media (min-width: 1200px) { .how-it-works__img--small-only { - display: inline-block; - margin: 10px 0px; } - @media (min-width: 1200px) { - .how-it-works__img--small-only { - display: none; } } + display: none; + } +} +.how-it-works__icon--1 { + width: 150px; +} +@media (min-width: 800px) { .how-it-works__icon--1 { - width: 150px; } - @media (min-width: 800px) { - .how-it-works__icon--1 { - width: 200px; } } - @media (min-width: 1200px) { - .how-it-works__icon--1 { - width: 225px; - margin-left: 80px; - margin-top: 100px; } } - .how-it-works__icon--membership { - margin-right: .8rem; - margin-bottom: -35px; } + width: 200px; + } +} +@media (min-width: 1200px) { + .how-it-works__icon--1 { + width: 225px; + margin-left: 80px; + margin-top: 100px; + } +} +.how-it-works__icon--membership { + margin-right: 0.8rem; + margin-bottom: -35px; +} +.how-it-works__icon--workgroup-order { + margin-right: 0.8rem; + margin-bottom: -30px; + margin-top: 1.2rem; +} +@media (min-width: 800px) { .how-it-works__icon--workgroup-order { - margin-right: .8rem; - margin-bottom: -30px; - margin-top: 1.2rem; } - @media (min-width: 800px) { - .how-it-works__icon--workgroup-order { - margin-top: 3.2rem; } } - @media (min-width: 1200px) { - .how-it-works__icon--workgroup-order { - margin-top: 0rem; } } - .how-it-works__icon--pickup { - margin-bottom: -30px; - margin-right: 20px; } + margin-top: 3.2rem; + } +} +@media (min-width: 1200px) { + .how-it-works__icon--workgroup-order { + margin-top: 0rem; + } +} +.how-it-works__icon--pickup { + margin-bottom: -30px; + margin-right: 20px; +} .arrow { width: 0; height: 0; border-left: 70px solid transparent; - border-right: 70px solid transparent; } + border-right: 70px solid transparent; +} +.arrow--about { + position: absolute; + bottom: -60px; + z-index: 1; + left: 50%; + transform: translateX(-50%); +} +@media (min-width: 800px) { .arrow--about { - position: absolute; - bottom: -60px; - z-index: 1; + position: relative; + bottom: -40px; left: 50%; - transform: translateX(-50%); } - @media (min-width: 800px) { - .arrow--about { - position: relative; - bottom: -40px; - left: 50%; - transform: translateX(-50%); } } - @media (min-width: 1200px) { - .arrow--about { - position: relative; - bottom: -60px; - left: 50%; - transform: translateX(-50%); } } + transform: translateX(-50%); + } +} +@media (min-width: 1200px) { + .arrow--about { + position: relative; + bottom: -60px; + left: 50%; + transform: translateX(-50%); + } +} +.arrow--how-it-works-1 { + position: absolute; + bottom: -60px; + z-index: 1; + left: 50%; + transform: translateX(-50%); +} +@media (min-width: 800px) { .arrow--how-it-works-1 { - position: absolute; - bottom: -60px; - z-index: 1; + position: relative; + bottom: 0px; left: 50%; - transform: translateX(-50%); } - @media (min-width: 800px) { - .arrow--how-it-works-1 { - position: relative; - bottom: 0px; - left: 50%; - transform: translateX(-50%); } } - @media (min-width: 1200px) { - .arrow--how-it-works-1 { - position: relative; - bottom: 0px; - left: 70%; - transform: translateX(-50%); } } + transform: translateX(-50%); + } +} +@media (min-width: 1200px) { + .arrow--how-it-works-1 { + position: relative; + bottom: 0px; + left: 70%; + transform: translateX(-50%); + } +} +.arrow--how-it-works-2 { + position: absolute; + bottom: -60px; + z-index: 1; + left: 50%; + transform: translateX(-50%); +} +@media (min-width: 800px) { .arrow--how-it-works-2 { - position: absolute; - bottom: -60px; - z-index: 1; + position: relative; + bottom: 0px; left: 50%; - transform: translateX(-50%); } - @media (min-width: 800px) { - .arrow--how-it-works-2 { - position: relative; - bottom: 0px; - left: 50%; - transform: translateX(-50%); } } - @media (min-width: 1200px) { - .arrow--how-it-works-2 { - position: relative; - bottom: 0px; - left: 50%; - transform: translateX(-50%); } } - .arrow--red { - border-top: 85px solid #d23b2d; } - .arrow--darkGreen { - border-top: 85px solid #64802e; } - .arrow--lightGreen { - border-top: 85px solid #8db52b; } + transform: translateX(-50%); + } +} +@media (min-width: 1200px) { + .arrow--how-it-works-2 { + position: relative; + bottom: 0px; + left: 50%; + transform: translateX(-50%); + } +} +.arrow--red { + border-top: 85px solid #d23b2d; +} +.arrow--darkGreen { + border-top: 85px solid #64802e; +} +.arrow--lightGreen { + border-top: 85px solid #8db52b; +} .footer { position: absolute; @@ -975,49 +1248,59 @@ a { width: 100%; background-color: #d23b2d; color: white; - text-align: center; } + text-align: center; +} /* Do not edit modules/_sprite directly as it is generated automatically by Gulp Instead edit gulp/template/sprite*/ .icon { display: inline-block; - background-image: url("../media/images/sprites/sprite-c8960cf9.svg"); } + background-image: url("../media/images/sprites/sprite-c8960cf9.svg"); +} .no-svg { - background-image: url("../media/images/sprites/"); } + background-image: url("../media/images/sprites/"); +} .icon--logo_white { width: 167px; height: 100px; - background-position: 0 0; } + background-position: 0 0; +} .icon--membership { width: 100px; height: 77px; - background-position: 62.546816479400746% 0; } + background-position: 62.546816479400746% 0; +} .icon--order { width: 100px; height: 77px; - background-position: 0 100%; } + background-position: 0 100%; +} .icon--pickup { width: 100px; height: 93px; - background-position: 100% 0; } + background-position: 100% 0; +} .icon--workgroup { width: 100px; height: 77px; - background-position: 100% 93%; } + background-position: 100% 93%; +} .reveal-item { opacity: 0; transition: all 1.5s ease-out; - transform: scale(1.15); } - .reveal-item--is-visible { - opacity: 1; - transform: scale(1); } + transform: scale(1.15); +} +.reveal-item--is-visible { + opacity: 1; + transform: scale(1); +} .modal { position: fixed; @@ -1030,35 +1313,49 @@ a { opacity: 0; visibility: hidden; transform: scale(1.2); - transition: all .3s ease-out; } - .modal--is-visible { - opacity: 1; - visibility: visible; - transform: scale(1); } - .modal__inner { - position: absolute; - width: 100%; - top: 50%; - transform: translateY(-50%); - text-align: center; } - .modal__title { - font-weight: 500; - font-size: 2.2rem; } - .modal__description { - text-align: center; - font-size: 1.3rem; - font-weight: 300; - line-height: 1.65; } - .modal__close { - position: absolute; - top: 15px; - right: 15px; - font-size: 2rem; - transform: scaleX(1.2); - transform-origin: 100% 0; - color: #FF9F2F; } - .modal__close:hover { - color: #FF9F2F; - cursor: pointer; } + transition: all 0.3s ease-out; +} +.modal--is-visible { + opacity: 1; + visibility: visible; + transform: scale(1); +} +.modal__inner { + position: absolute; + width: 100%; + top: 50%; + transform: translateY(-50%); + text-align: center; +} +.modal__title { + font-weight: 500; + font-size: 2.2rem; +} +.modal__description { + text-align: center; + font-size: 1.3rem; + font-weight: 300; + line-height: 1.65; +} +.modal__close { + position: absolute; + top: 15px; + right: 15px; + font-size: 2rem; + transform: scaleX(1.2); + transform-origin: 100% 0; + color: #ff9f2f; +} +.modal__close:hover { + color: #ff9f2f; + cursor: pointer; +} /*# sourceMappingURL=style.css.map */ + +/* NOTE(decentral1se): hackity hack hack... */ +iframe { + position: absolute; + width: 100%; + height: 100%; +} diff --git a/docs/en/index.html b/docs/en/index.html index 6ec10b7..ae75c39 100644 --- a/docs/en/index.html +++ b/docs/en/index.html @@ -3,10 +3,20 @@ - BioBulkBende - - - + Biobulkbende + + + @@ -19,24 +29,37 @@
- Netherlands flag + Netherlands flag
@@ -46,14 +69,29 @@
- - - - Our fresh vegetables + + + + Our fresh vegetables
-

BioBulkBende

-

The first organic autonomous
foodcoop in Rotterdam

+

Biobulkbende

+

+ The first organic autonomous
foodcoop in Rotterdam +

join us!

@@ -61,41 +99,116 @@
-
+
-
-

BioBulkBende is an association completely run by the members. Together we collectively purchase organic food from local producers and distributors.

-

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.

+
+

+ Biobulkbende is an association completely run by the members. + Together we collectively purchase organic food from local producers + and distributors. +

+

+ 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. +

- - - - - The pick up day is arrived! + + + + + The pick up day is arrived! -

In 2019, we took matters into our own hands and started the first organic food co-op in Rotterdam.

-

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.

+

+ In 2019, we took matters into our own hands and started the first + organic food co-op in Rotterdam. +

+

+ 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. +

- - - - The pick up day is arrived! + + + + The pick up day is arrived! -

We come together every first monday of the month from 18:00 to 20:00 at the Wijkcoop010 in de Zomerhofstraat 75, ZOHO. People who are interested to become a member can join the introduction at 19:00.

+

+ We come together every first monday of the month from 18:00 to 20:00 + at the Wijkcoop010 in de Zomerhofstraat 75, ZOHO. + People who are interested to become a member can join the + introduction at 19:00. +

- +
-
+
Join us! -

We are happy to have new members at the moment. Send us an email or simply drop by on our next pickup day and say hello!

+

+ We are happy to have new members at the moment. Send us an + email or simply drop + by on our next pickup day and say hello! +

@@ -104,19 +217,39 @@
-
+
-
+
- +
-

What is a foodcoop?

+

+ What is a foodcoop? +

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

- BioBulkBende 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. + 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.

+ Biobulkbende 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.

@@ -126,84 +259,203 @@
-
+
-
+
- Once you are member you are part of our community! + Once you are member you are part of our community!
-

Being a Member

-

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.

-
-
-
-
- - - Once you are member you are part of our community! - - -
-
-
-
-

Workgroups

-

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.

-
-
- Working togheter is part of being a foocoop! -
-
-
-
- - - The pick up day is arrived! - - -
-
-
-
- To order your food is easy! -
-
-

Ordering food

+

+ + Being a Member +

- Ordering food is easy. We use a free software called Foodsoft . 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. + 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.

- - To order your food is easy! + + Once you are member you are part of our community! + + +
+
+
+
+

+ + Workgroups +

+

+ 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. +

+
+
+ Working togheter is part of being a foocoop! +
+
+
+
+ + + The pick up day is arrived! + + +
+
+
+
+ To order your food is easy! +
+
+

+ + Ordering food +

+

+ Ordering food is easy. We use a free software called + Foodsoft . 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. +

+
+
+
+
+ + + To order your food is easy!
- - - - - The pick up day is arrived! + + + + + The pick up day is arrived!
-
+
-

Pick-up day

-

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.

+

+ Pick-up day +

- Join us! + 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. +

+

+ Join us! +

+

+ 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!

-

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!

@@ -218,7 +470,9 @@

- Copyright © 2020 BioBulkBende. All rights reserved. + Copyright © 2020 Biobulkbende. All rights reserved. Join us!

@@ -227,16 +481,28 @@