truevisionai · palhimanshu1991 · Sep 7, 2023 · Sep 8, 2023
diff --git a/docs/css/extra.css b/docs/css/extra.css
@@ -0,0 +1,9 @@
+:root {
+	/* --md-primary-fg-color: #c4c4c4; */
+	/* --md-primary-fg-color--light: #ECB7B7; */
+	/* --md-primary-fg-color--dark: #90030C; */
+}
+
+.md-grid {
+	max-width: 100%;
+}
diff --git a/docs/documentation.md b/docs/documentation.md
diff --git a/docs/img/Surface-Tool.gif b/docs/img/Surface-Tool.gif
diff --git a/docs/index.md b/docs/index.md
@@ -0,0 +1,8 @@
+---
+hide:
+  - navigation
+  - toc
+---
+# Home
+## Docs and guides to work with the Truevision ecosystem.
+
diff --git a/docs/manual/index.md b/docs/manual/index.md
@@ -0,0 +1,10 @@
+# Manual
+
+
+![Image title](/img/welcome.jpg)
+
+Use the Truevision Editor to create maps and scenarios. Download the Editor at [www.truevision.ai](https://www.truevision.ai)
+
+The Truevision User Manual helps you learn how to use the Truevision Editor and its associated services. You can read it from start to finish, or use it as a reference.
+
+If it’s your first time using Truevision, take a look at the introductory documentation on Working with Truevision, and refer to the Truevision Tutorials.
diff --git a/docs/installation.md → docs/manual/installation.md b/docs/installation.md → docs/manual/installation.md
@@ -1,10 +1,11 @@
-# Getting Started: Installation
+# Installation
 
 - [Installation](#installation)
-    - [System Requirements](#system-requirements)
-- [Installing On Ubuntu](#installing-on-ubuntu)        
-- [Launching](#launching)
-    - [Sign In](#sign-in)
+	- [Installation](#installation-1)
+		- [System Requirements](#system-requirements)
+	- [Installing On Ubuntu](#installing-on-ubuntu)
+	- [Launching Truevision](#launching-truevision)
+		- [Sign-In](#sign-in)
 
 <a name="installation"></a>
 ## Installation

diff --git a/docs/manual/quickstart.md b/docs/manual/quickstart.md
@@ -0,0 +1,6 @@
+# Quickstart
+
+## Creating Simple Map
+
+## Create Simple Scenario
+
diff --git a/docs/manual/tools/index.md b/docs/manual/tools/index.md
@@ -0,0 +1,52 @@
+# Tools
+
+## Common Tools
+
+| Road Tools       | Description                         			 |
+| -----------------|-------------------------------------------------|
+| Pointer Tool     | Tool to simply browse the scene                 |
+
+
+## Road Tools
+
+Tools which help in creating and editing roads
+
+| Road Tools       | Description                         			 |
+| -----------------|-------------------------------------------------|
+| Road Tool        | Tool to create, edit and join roads             |
+| Circle Tool      | Tool to create circular roads                   |
+| Elevation Tool   | Tool to create circular roads                   |
+
+
+## Lane Tools
+
+Tools which help in modifying lanes
+
+| Tools            | 
+| -----------------|
+| Lane Tool        | 
+| Lane Width Tool  |
+| Lane Offset Tool |
+| Lane Add Tool    |
+| Lane Marking Tool|
+
+
+## Prop Tools
+
+Tools which help in adding props and objects in the scene
+
+| Tools            | 
+| -----------------|
+| Prop Point Tool  | 
+| Prop Curve Tool  |
+| Prop Polygon Tool |
+
+
+## Scenario Tools
+
+Tools which help in creating and editing actors and scenarios
+
+| Tools            | 
+| -----------------|
+| Vehicle Tool     | 
+| Pedestrian Tool  |
diff --git a/docs/lane-add-tool.md → docs/manual/tools/lane-add-tool.md b/docs/lane-add-tool.md → docs/manual/tools/lane-add-tool.md
@@ -1,8 +1,5 @@
 # Lane Add Tool
 
-- [Overview](#overview)
-- [Add Lane](#add-lane)
-
 
 <a name="overview"></a>
 ## Overview

diff --git a/docs/lane-width-tool.md → docs/manual/tools/lane-width-tool.md b/docs/lane-width-tool.md → docs/manual/tools/lane-width-tool.md
@@ -1,8 +1,5 @@
 # Lane Width Tool
 
-- [Overview](#overview)
-- [Create Width Node](#create-width-node)
-
 
 <a name="overview"></a>
 ## Overview
@@ -18,4 +15,4 @@ This tool helps you modify the width of a lane on the road. A single road lane c
 - Take pointer over a lane and use `shift + left click` to create new node 
 - When the node is selected you will the node info in the inspector, modify the width value as desired
 
-<img src="../../../img/docs/lane-width-create.png" width="100%">
+<img src="../../../img/docs/lane-width-create.png" width="100%">
diff --git a/docs/manual/tools/pointer-tool.md b/docs/manual/tools/pointer-tool.md
diff --git a/docs/road-tool.md → docs/manual/tools/road-tool.md b/docs/road-tool.md → docs/manual/tools/road-tool.md
@@ -1,11 +1,5 @@
 # Road Tool
 
-- [Overview](#overview)
-- [Create Roads](#create-roads)
-- [Select Road](#select-road)
-- [Connect Roads](#connect-roads)
-
-
 <a name="overview"></a>
 ## Overview
 

diff --git a/docs/surface-tool.md → docs/manual/tools/surface-tool.md b/docs/surface-tool.md → docs/manual/tools/surface-tool.md
@@ -1,8 +1,10 @@
-# SurfaceTool Usage Instructions
+# SurfaceTool 
 
 ## Create Surfaces
 Hold the `Shift` key and `Left-click` on the desired location to create control points. Drag the control points to change the shape of the surface. To create a new surface, first unselect the previously created surface by left-clicking on an empty area. Then, hold `Shift` and `Left-click` again to start creating a new surface.
 
+![Image title](/img/Surface-Tool.gif)
+
 ## Select Surface
 Hover your mouse pointer over the surface and use `Left-click` to select it for editing and modification.
 

diff --git a/docs/manual/user-interface.md b/docs/manual/user-interface.md
@@ -0,0 +1,2 @@
+# User Interface
+
diff --git a/docs/open-drive.md b/docs/open-drive.md
diff --git a/docs/overview.md b/docs/overview.md
diff --git a/docs/tools.md b/docs/tools.md