diff --git a/README.md b/README.md
index e69de29..53102be 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,20 @@
+start dev server: make run_dev
+
+start docker container: docker-compose up
+
+[To do for me ]
+! add dynamic language handling with templates
+! add form handling
+! wasm for Threejs canvas
+! login, payment, cart
+! add database
+! crsf tokens for links
+
+
+Frontend:
+! Fix css queries
+! Fix js open menu 
+! add css Animations
+! cleaner look
+! Add 3d canvas, images
+! webp images
diff --git a/templates/assets/components/main-nav.html b/templates/assets/components/main-nav.html
index f5e972e..b595413 100644
--- a/templates/assets/components/main-nav.html
+++ b/templates/assets/components/main-nav.html
@@ -20,37 +20,37 @@
     <ul>
             <li><a type="text/html" href="/permaculture">PERMACULTURE</a>
                     <ul>
-                            <li><a class="pc" type="text/html" href="permaculture/permApp">PermApp</a></li>
-                            <li><a class="pc" type="text/html" href="permaculture/greenlab">GreenLab</a></li>
-                            <li><a class="pc"id="edit" href="permaculture/about">What's that ?</a></li>
+                            <li><a class="pc" type="text/html" href="/permaculture/permApp">PermApp</a></li>
+                            <li><a class="pc" type="text/html" href="/permaculture/greenlab">GreenLab</a></li>
+                            <li><a class="pc"id="edit" href="/permaculture/about">What's that ?</a></li>
                     </ul>
     </ul>
 
     <ul>
             <li><a type="text/html" href="/greentech">GREENTECH</a>
                     <ul>
-                            <li><a type="text/html" href="greentech/automation">Automation</a></li>
-                            <li><a type="text/html" href="greentech/IoT">IoT</a></li>
-                            <li><a type="text/html" href="greentech/DiY">DiY</a></li>
+                            <li><a type="text/html" href="/greentech/automation">Automation</a></li>
+                            <li><a type="text/html" href="/greentech/IoT">IoT</a></li>
+                            <li><a type="text/html" href="/greentech/DiY">DiY</a></li>
                     </ul>
     </ul>
 
     <ul>
             <li><a type="text/html" href="/spider">SPIDER</a>
                     <ul>
-                            <li><a  type="text/html" href="spider/spiderPi">SpiderPi</a></li>
-                            <li><a type="text/html" href="spider/join">Join</a></li>
+                            <li><a  type="text/html" href="/spider/spiderPi">SpiderPi</a></li>
+                            <li><a type="text/html" href="/spider/join">Join</a></li>
                     </ul>
     </ul>
 
     <ul>
             <li><a type="text/html" href="/learn">LEARN</a>
                     <ul id="learn">
-                            <li id="broad" ><a href="learn/about">About Us</a></li>
-                            <li><a href="learn/partners">Partners</a></li>
-                            <li><a href="learn/meet">Meet</a></li>
-                            <li><a href="learn/blog">Blog</a></li>
-                            <li><a href="learn/code">Code</a></li>
+                            <li id="broad" ><a href="/learn/about">About Us</a></li>
+                            <li><a href="/learn/partners">Partners</a></li>
+                            <li><a href="/learn/meet">Meet</a></li>
+                            <li><a href="/learn/blog">Blog</a></li>
+                            <li><a href="/learn/code">Code</a></li>
 
                     </ul>
     </ul>