fix %connect + manual update

3 files changed, 136 insertions, 9 deletions

diff --git a/MANUAL.md b/MANUAL.md
index f3530fb..2bda948 100644
--- a/MANUAL.md
+++ b/MANUAL.md
@@ -193,7 +193,7 @@ Page Editing
 
 #### W specific synthax
 
-##### Auto url
+##### url auto link
 
 When you use an adress starting with `http://` or `https://`, W will automaitcaly create a link pointing to a new tab.
 
@@ -234,6 +234,31 @@ This will include the page [description](#description).
     %DATE%
 
 
+##### Login inclusion
+
+    %CONNECT%
+
+This will include a connection form, redirecting to the actual page.
+
+    %CONNECT?dir=<page_id>%
+
+This will include a connection form, redirecting to a specified page. Where `<page_id>` is the [ID](#page-id) of the page.
+
+
+##### Summary
+
+    %SUMMARY%
+
+This will include a summary based on the page headers titles.
+
+    %SUMMARY?min=<min>&max=<max>%
+
+Where `<min>` and `<max>` are integers beetwen `1` to `6`.
+
+You can set `<min>` and `<max>` values to filters beetwen `<h*>` and `<h*>` header to take care of.
+
+
+
 #### Page list
 
 Sometimes, when you want to add links to a lot of pages, it can be way to long. This tool is here to help you generate list of links automatically.
@@ -262,12 +287,89 @@ Generate :
 
 #### Media list
 
+Just like [page lists](#page-list), media list are used to generate a list of media based on filters.
+
+
+
+### BODY Content insertion
+
+
+The BODY tab allow you to create more complex canvas for your pages.
+
+It use only HTML.
+
+#### Element inclusion
+
+The main purpose of BODY, is to display [Markdown elements](#markdown-elements) of your page.
+
+    %<element>%
+
+Where `<element>` can be `MAIN`, `HEADER`, `ASIDE`, `NAV` or `FOOTER`. This will invoke the selected element into your page's BODY.
+
+#### External Element inclusion
+
+##### Simple usage
+
+    %<element>?id=<page_id>%
+
+
+##### concatenate elements
+
+    %<element>?id=<page1_id>+<page2_id>+*%
+
+Where `*` is the page ID of the rendered page.
+
+
+
+#### Rendering options
+
+
+##### Autolink
+
+    %<element>?autolink=<level>%
+
+Where `<level>` is an integer. By default `autolink=0`.
+
+Autolink will transform each word containing a minimum of `<level>` letter(s), into internal links.
+
+
+
+
+
 ### Templating
 
-### Content insertion
+There is no particular template document, each page can be used as a template.
+There is 3 types of templating in W :
+
+#### BODY template
+
+This will call the BODY of another page.
+
+#### CSS template
+
+CSS template allow you to link another page's stylesheet to your page.
+
+Options are :
+
+##### Reccursive template
+
+If templated page is already templating another page, this will add it to the stylesheet links.
+If you don't want this reccursivity, uncheck the option.
 
-#### Advanced BODY synthax
+This option is checked by default.
 
+##### External CSS
+
+If templated page is using external stylesheet, this will include them as well.
+
+This option is checked by default.
+
+
+##### Favicon
+
+Use this option if you want to use templated page favicon.
+
+#### Javascript template
 
 
 
@@ -288,22 +390,29 @@ A page consist of meta informations and contents.
 
 ##### Page ID
 
-The unique identifier of a page.
+__The unique identifier of a page__. It can only contain lowercases characters from `a-z`, numbers `0-9`, underscore `_` and hyphen `-`.
+Normaly W will take care of cleaning your pages's ID, by lowering uppercases, removing some accents, and remplacing special characters or spaces with hyphens.
 
 ##### Page title
 
-The page title is also very important. It's like the official name of a page.
+The page title is also very important. It's like the official name of a page. It will be displayed in the browser tab of your page.
 
 ##### Description
 
+The description will be used by web search engines when they display lists of pages. This is also usefull for social media sharing.
+
 ##### Tag
 
 Tags are very powerfull to help you organize your pages. As in __W__, there is no hierarchy between pages, this is the only tool to create groups of pages.
 
-Tags can be set in the [left panel of the editor interface](#left-panel) using comma to separate tags.
+Tags can be set in the [left panel of the editor interface](#left-panel) using comma to separate tags, or by using the multi edit tool in the [Home menu bar > Edit](#home-menu).
 
 ##### Date & time
 
+Date and Time are just a
+
+By default, page's date and time are the same as creation date and time.
+
 ##### Thumbnail
 
 The thumbnail have two use cases :
@@ -323,6 +432,8 @@ Main, Nav, Aside, Header, Footer
 
 ##### CSS
 
+Each page have a dedicated stylesheet, that can be called by other pages using [templating](#templating).
+
 ##### BODY
 
 ##### Javascript
@@ -374,7 +485,7 @@ Invite Editors are the lowest editor status possible. They can only access the [
 
 Type thoses commands after a __page_id__ 
 
-`<page_id>/<COMMAND>`
+    <page_id>/<COMMAND>
 
 ##### /add
 
@@ -401,4 +512,13 @@ Simply download the page as a JSON object file. Reserved to users that can edit
 Show a `var_dump` of the page object. This could be usefull for debbuging.
 
 
+#### Home commands
+
+
+
+##### //renderall
+
+Render all pages in the database
+
+
 
diff --git a/app/class/Modelrender.php b/app/class/Modelrender.php
index 2e003e0..e070f7d 100644
--- a/app/class/Modelrender.php
+++ b/app/class/Modelrender.php
@@ -648,7 +648,7 @@ class Modelrender extends Modelpage
 			if(isset($matches[2])) {
 				$id = $matches[2];
 			}
-			$form = '<form action="/!co" method="post">
+			$form = '<form action="' . $this->dirtopath('!co') . '" method="post">
 			<input type="password" name="pass" id="loginpass" placeholder="password">
 			<input type="hidden" name="route" value="pageread/">
 			<input type="hidden" name="id" value="' . $id . '">
diff --git a/assets/css/home.css b/assets/css/home.css
index b19ea24..e57e7cf 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -357,7 +357,7 @@ main.info article#manual h2 {
 }
 
 main.info article#manual h3 {
-    border-bottom: solid 1px grey;
+    border-bottom: solid 2px #7b97b9;
     margin-top: 30px;
     padding-top: 15px;
     font-size: 35px;
@@ -368,13 +368,20 @@ main.info article h4 {
     font-size: x-large;
     margin-top: 35px;
     margin-bottom: 25px;
+    padding: 0 20px;
 }
 
 main.info article#manual h5 {
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 0;
+    margin-left: 0;
     font-size: medium;
+    border: solid 1px;
+    width: fit-content;
+    padding: 0 3px;
+    border-left: 8px solid;
+    border-color: #7b97b9;
 }