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 @@
-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.
-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.
-- 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.
+ 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. +
++ 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. +
+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! + 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!
Shoot us an email at info@biobulkbende.org if you want to join the introduction.
++ Shoot us an email at + info@biobulkbende.org if + you want to join the introduction. +
We staan altijd open voor nieuwe leden. Stuur ons een e-mail of kom kennismaken bij onze maandelijkse introductie!
++ We staan altijd open voor nieuwe leden. Stuur ons een + e-mail of kom + kennismaken bij onze maandelijkse introductie! +
Als lid van BioBulkBende 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.
-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.
-- Een bestelling plaatsen is makkelijk. We maken gebruik van vrije software van Foodsoft . 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. + Als lid van Biobulkbende 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.
+ 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. +
++ Een bestelling plaatsen is makkelijk. We maken gebruik van vrije + software van + Foodsoft . 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. +
+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 19:00.
+- Wordt lid! + 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 19:00. +
++ Wordt lid! +
++ 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!
-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!
Stuur ons een mailtje info@biobulkbende.org als je een introductie wilt bijwonen.
++ Stuur ons een mailtje + info@biobulkbende.org + als je een introductie wilt bijwonen. +