Build a Website

It's just a single html web page with two possible view modes: Edit and View. - Make a editable fluxogram with two views, one for editing and another for just viewers. - On the edit mode the user has a Toolbox on the left-side made by using bootstrap, for creating new items and edit properties of each item. - On the right-hand side the user can drag and drop items in a format similar to the second element on the example: [login to view URL] - It's a tree format, it means that there is not allowed to have cycles. - Each node of the tree can be placed in one level of the tree. - The edges should be colored by default, to keep track of superposition between edges, but the user also can change this color by the tooltip in the right. - Each node can have also a color, a label in the center, and a tooltip showing the description about the node, also a code number that uniquely identify this node. -Also each node has a % of completed, meaning how much percent it will be colored from left to right, like a progressbar. -On the view mode the user can't see the left-hand panel and will have a static view of the fluxogram made on the edit mode, - On the view Mode each node has just a name, description with tooltip and a link when it is clicked. More informations: - I have a .swf file showing how it should look like on the view mode. - I would recommend using the [login to view URL] library. - The edit mode will read/write a JSON file that I already have prepared. - I can preapere a mockup if necessary.