fix: new address

Added a Tripetto form

README.md

@@ -1,48 +1,61 @@
 # biobulkbende.org
 
-> https://biobulkbende.org
+> [biobulkbende.org](https://biobulkbende.org)
 
 Our public website made by members.
 
 ## Hacking
 
-- Make sure you have installed git, node.js and npm
+- Make sure you have installed `git`, `node` (v14 LTS) and `npm`
 - Clone this repo: `git clone https://github.com/biobulkbende/biobulkbende.org`
 - From within the folder install all packages: `npm install`
 - Run gulp for automation: `gulp watch`
 
+## Deployment
+
+(You need to be a member of the systems workgroup to do this).
+
+```
+make
+```
+
 ## Structure
 
-The website is served from the folder `/app`
+The website is served from the folder `/app`. The folder `/assets` is only for
+development while the folder `/bundle` contains the files linked to
+`index.html` and `/en/index.html`
 
-The folder `/assets` is only for developement while the folde `/bundle` contains the files linked to `index.html` and `/en/index.html`
+### HTML
-
-### Html
 
 There are two pages:
 
 - `index.html` (Dutch)
 - `/en/index.html` (English)
 
-Changes to the text can be done directly to these files without having to run any automation.
+Changes to the text can be done directly to these files without having to run
+any automation.
 
 ### (S)CSS
 
 The CSS files to be changed are stored in /assets/scss which contains:
 
-- /base (global CSS declarations)
+- `/base` (global CSS declarations)
-- /modules (specific CSS declarations)
+- `/modules` (specific CSS declarations)
 
-The CSS is written in SCSS and after changing it must be compiled and bundled togheter.
+The CSS is written in SCSS and after changing it must be compiled and bundled
-The command `gulp watch` runs automation and make sure that when you save the change in atuomatic everything is compiled and bundled.
+together. The command `gulp watch` runs automation and make sure that when you
-The final file is stored in `/bundle/styles` and provide the CSS to `index.html` and `/en/index.html`.
+save the change in automatic everything is compiled and bundled. The final file
+is stored in `/bundle/styles` and provide the CSS to `index.html` and
+`/en/index.html`.
 
 ### JS
 
-The JS file to be changed are stored in `assets/js/modules`
+The JS files to be changed are stored in `assets/js/modules`. The JS is written
-The JS is writted in ES6 and after changing it must be compiled in ES5 and bundled togheter.
+in ES6 and after changing it must be compiled in ES5 and bundled together. The
-The command `gulp watch` runs automation and make sure that when you save the change in atuomatic everything is compiled and bundled.
+command `gulp watch` runs automation and make sure that when you save the
-The final file is stored in `/bundle/scripts` and provide the JS to `index.html` and `/en/index.html`.
+change in automatic everything is compiled and bundled. The final file is
+stored in `/bundle/scripts` and provide the JS to `index.html` and
+`/en/index.html`.
 
 ### Media
 
@@ -52,11 +65,19 @@ The media are stored in `/assets/media` containing:
 - Fonts
 - Images
 
-Icons are compressed in a sprite through the command `gulp icons`. (This is complicated as it generates a single sprite with all the icons togheter and a CSS which points at the right icon in the sprite). After this command automation for the CSS must be runned.
+Icons are compressed in a sprite through the command `gulp icons`. (This is
-Images are minified through the command `gulp images`.
+complicated as it generates a single sprite with all the icons together and a
-All the media are copied with the command `gulp copyMediaInBundle` (it also minified the images) into the folder `/bundle/media` which provide the media to `index.html` and `/en/index.html`.
+CSS which points at the right icon in the sprite). After this command
+automation for the CSS must be run.
 
-If you want to change an Image you have to put it in `/assets/media/images` and run `gulp copyMediaInBundle`. The html must refer to the image that has been copied and minified in `/bundle/media/images`.
+Images are minified through the command `gulp images`. All the media are copied
+with the command `gulp copyMediaInBundle` (it also minified the images) into
+the folder `/bundle/media` which provide the media to `index.html` and
+`/en/index.html`.
+
+If you want to change an Image you have to put it in `/assets/media/images` and
+run `gulp copyMediaInBundle`. The html must refer to the image that has been
+copied and minified in `/bundle/media/images`.
 
 ### Video
 

app/assets/scss/modules/_video-container.scss

@@ -22,7 +22,7 @@
   }
 }
 
-.video-container video {
+.video-container iframe {
   position: absolute;
   top: 0;
   left: 0;

app/bundle/styles/style.css

@@ -805,7 +805,7 @@ a {
       margin-right: 0px;
       margin-left: 0px; } }
 
-.video-container video {
+.video-container iframe {
   position: absolute;
   top: 0;
   left: 0;

app/en/index.html

@@ -182,9 +182,9 @@
           </picture>
           <h2 class="headline__subtitle">
             We come together every first monday of the month from 18:00 to 20:00
-            at the Wijkcoop010 in de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>.
+            at the <a href="https://www.huisvandetoekomst.org/">Huis van de
-            People who are interested to become a member can join the
+            Toekomst</a> on <b>Jan Kobellstraat 66a</b>. People who are
-            introduction at 19:00.
+            interested to become a member can join the introduction from 19:00.
           </h2>
         </div>
         <div class="row row--gutters">
@@ -446,7 +446,7 @@
                   also a chance to meet other members and have an affordable
                   vegan dinner cooked by our members. During the pick-up day we
                   have an introduction for people interested to join the co-op.
-                  This takes place at 7pm sharp.
+                  This takes place at 19:00. Please arrive on time, thank you!
                 </p>
                 <p>
                   <a href="#" class="btn btn--pickupday open-modal"
@@ -456,7 +456,11 @@
                 <p>
                   Attending the introduction is mandatory so that you learn all
                   the ins and outs of the co-op right from the start. After you
-                  have joined the introduction you can become a member. The membership work group will send an email to you shortly after. Please check your spam folder or whitelist @biobulkbende.org in your email client to ensure you see the emails from us.
+                  have joined the introduction you can become a member. The
+                  membership work group will send an email to you shortly
+                  after. Please check your spam folder or allow list for
+                  <b>@biobulkbende.org</b> in your email client to ensure you
+                  see the emails from us.
                 </p>
               </div>
             </div>
@@ -486,7 +490,7 @@
         <h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
         <div class="wrapper">
           <p class="modal__description">
-            The introduction is currently held physically at ZOHO at 7pm during the pick-up day on the first Monday of the month.<br>
+          The introduction is currently held physically at <a href="https://www.huisvandetoekomst.org">Huis van de Toekomst</a>, <b>Jan Kobellstraat 66a</b> at 19:00 during the pick-up day on the first Monday of the month.<br>
             To become a member shoot us an email at <a href="mailto: membership@biobulkbende.org">membership@biobulkbende.org</a>.<br>
             For general questions please write to <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
           </p>

app/index.html

@@ -188,9 +188,11 @@
           </picture>
           <h2 class="headline__subtitle">
             We komen elke eerste maandag van de maand samen tussen 18:00 en
-            20:00 bij de <b>Zomerhofstraat 75</b>, <b>ZOHO</b>. Ben je
+            20:00 bij de <b>Jan Kobellstraat 66a</b>, <a
-            geïnteresseerd in een lidmaatschap van de co-op? Dan kun je daar
+              href="https://www.huisvandetoekomst.org">Huis van de
-            maandelijks de introductie bijwonen om 19:00.
+              Toekomst</a>. Ben je geïnteresseerd in een lidmaatschap van de
+            co-op? Dan kun je daar maandelijks de introductie bijwonen om
+            19:00.
           </h2>
         </div>
         <div class="row row--gutters">
@@ -455,9 +457,10 @@
                   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
+                  veganistische maaltijd van de kookwerkgroep. Op elke
-                  houden we een introductiebijeenkomst voor potentiële nieuwe
+                  ophaaldag houden we een introductiebijeenkomst voor
-                  leden. De introductie vindt plaats om 19:00.
+                  potentiële nieuwe leden. De introductie vindt plaats om
+                  19:00.
                 </p>
                 <p>
                   <a href="#" class="btn btn--pickupday open-modal"
@@ -468,7 +471,10 @@
                   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. De werkgroep lidmaatschap stuurt je hierover een email. Check je spam folder of whitelist @biobulkbende.org in je e-mail programma om zeker te weten dat je al onze mails ontvangt. 
+                  worden. De werkgroep lidmaatschap stuurt je hierover een
+                  email. Check je spam folder of lijst toestaan voor
+                  <b>@biobulkbende.org</b> in je e-mail programma om zeker te
+                  weten dat je al onze mails ontvangt.
                 </p>
               </div>
             </div>
@@ -498,7 +504,7 @@
         <h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
         <div class="wrapper">
           <p class="modal__description">
-            De introductie vindt momenteel fysiek plaats bij ZOHO om 19.00 uur tijdens onze maandelijkse ophaaldag op de eerste maandag van de maand.<br />
+          De introductie vindt momenteel fysiek plaats bij <a href="https://www.huisvandetoekomst.org">Huis van de Toekomst</a>, <b>Jan Kobellstraat 66a</b> om 19.00 uur tijdens onze maandelijkse ophaaldag op de eerste maandag van de maand.<br />
             Om lid te worden kun je ons een e-mail op <a href="mailto: membership@biobulkbende.org">membership@biobulkbende.org</a>.<br>
             Voor algemene vragen kun je mailen naar <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
           </p>

makefile

@@ -0,0 +1,10 @@
+default:
+	@docker build -t decentral1se/biobulkbende.org:latest . && \
+	docker push decentral1se/biobulkbende.org:latest && \
+	docker context use biobulkbende.org && \
+	docker stack rm biobulkbende_org && \
+	sleep 5 && \
+	docker system prune -fa && \
+	sleep 3 && \
+	docker stack deploy -c compose.yml biobulkbende_org && \
+	docker context use default