diff --git a/.gitignore b/.gitignore
index f08b9acc5..877e708b4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,4 +17,5 @@ dist
 run*
 install*
 public
-.done
\ No newline at end of file
+.done
+tailwindcss
diff --git a/README.md b/README.md
index c1c84bebd..92df8c54f 100644
--- a/README.md
+++ b/README.md
@@ -12,9 +12,9 @@ This website is administered by [ThreeFold's Web Admins](https://github.com/orgs
 ## Getting started
 
 1. Install `hero` if you don't have it
+
 ```bash
-curl https://raw.githubusercontent.com/freeflowuniverse/crystallib/development/scripts/installer_hero.sh > /tmp/hero_install.sh
-bash /tmp/hero_install.sh
+curl -sL https://raw.githubusercontent.com/freeflowuniverse/crystallib/development/scripts/installer_hero.sh | bash
 ```
 
 1. Clone repository
@@ -23,7 +23,12 @@ bash /tmp/hero_install.sh
 
 3. run playbook to preview website in browser
 
-`hero zola -u https://github.com/threefoldfoundation/www_threefold_io/tree/development_zola/playbook` or `bash start.sh`
+```bash
+#is using branch development_zola
+hero zola -u https://github.com/threefoldfoundation/www_threefold_io/tree/development_zola/playbook
+#or in this repo, which does above
+start.sh
+```
 
 4. save and publish changes
 
@@ -31,12 +36,14 @@ bash /tmp/hero_install.sh
 
 This website is built with `hero`, using `zola` under the hood. 
 
-Please see 
-
+```bash
+#push changes
+hero git push -f www_threefold_io  -m 'some comment'
+hero git push -f threefold_data  -m 'some comment'
+```
 
 Finally, start a browsable local copy of the site that will respond to changes in the source files like this:
 
-
 Zola will display a local address such as `http://127.0.0.1:1111` which you can click or copy and paste into your browser to view the site on your own machine.
 
 That's it—have fun!
diff --git a/content/about/.done b/content/about/.done
new file mode 100644
index 000000000..b6641c826
--- /dev/null
+++ b/content/about/.done
@@ -0,0 +1,3 @@
+mission.png
+people.png
+people_2.png
diff --git a/content/home/.done b/content/home/.done
new file mode 100644
index 000000000..5798bd8d8
--- /dev/null
+++ b/content/home/.done
@@ -0,0 +1 @@
+node_home.png
diff --git a/content/host/.done b/content/host/.done
new file mode 100644
index 000000000..ff60b7ac4
--- /dev/null
+++ b/content/host/.done
@@ -0,0 +1,10 @@
+expand_findyourfit_geometric.png
+expand_header.png
+farm_new.png
+findfit.png
+findfitgeometric.png
+findyourfit.png
+grid_wide_1.png
+header_host.png
+nodeheader.png
+togethericon.png
diff --git a/content/host/grid_wide_1.png b/content/host/grid_wide_1.png
new file mode 100644
index 000000000..0c2cbc3c1
Binary files /dev/null and b/content/host/grid_wide_1.png differ
diff --git a/content/support/.done b/content/support/.done
new file mode 100644
index 000000000..53cb67f60
--- /dev/null
+++ b/content/support/.done
@@ -0,0 +1 @@
+support_header.png
diff --git a/playbook/1_define.md b/playbook/1_define.md
index 0629a51d0..941888d56 100644
--- a/playbook/1_define.md
+++ b/playbook/1_define.md
@@ -18,6 +18,7 @@ Then we add the [doctrees]() we will use for the website. When we add a doctree,
 We use the following doctrees in our website:
 - `threefoldfoundation/threefold_data` for blogs, people and news. 
 - `threefoldfoundation/www_threefold_io` for site content for pages.
+  
 ```js
 // add collections to the website using their github url
 !!website.doctree_add 
@@ -25,7 +26,6 @@ We use the following doctrees in our website:
     branch: development_zola
     pull: true
 
-
 !!website.doctree_add 
     url:'https://github.com/threefoldfoundation/threefold_data/tree/development_zola/content'
     pull: true
diff --git a/tailwindcss b/tailwindcss
deleted file mode 100755
index 29df5e636..000000000
Binary files a/tailwindcss and /dev/null differ