                    <p>Here you’ll find all of Koding’s members. Follow people you’re working with, you’re learning from, or maybe some that you just find interesting...</p>
                    <p>Here’s your chance to connect and collaborate! Feel free to follow the whole Koding Team!</p>"""
     routeURL  : "/Members"
+    section   : 2
+    parent    : 0
+  ,
+    title     : "Activity"
+    content   : "<p>Think of this as the town center of Koding. Ask questions, get answers, start a discussion...be social! Community can be a great tool for development, and here’s the place to get started. In fact, let’s start with your first status update!</p>"
+    embed     : BookUpdateWidget
+    routeURL  : "/Activity"
     section   : 3
     parent    : 0
+    showHow   : yes
+    howToSteps: ['enterNewStatusUpdate']  
+  ,
+
+    title     : "Topics"
+    embed     : BookTopics
+    content   : """<p>Wouldn’t it be great if you could listen to only what you cared about? Well, you can! Topics let you filter content to your preferences.</p>
+                   <p>Select your Topics and if someone shares any information about your topic, you will be informed.</p>
+                """
+    routeURL  : "/Topics"
+    section   : 4
+    parent    : 0
   ,
     title     : "Develop"
-    content   : """<p>This is what Koding is all about. Here, you can view, edit, and preview files. Here’s a quick tour of the tool.</p>
+    content   : """<p>That part is where the magic happens! Your file tree, your VM's, your applications and more is here!</p>
                 """
     routeURL  : "/Develop"
+    section   : 5
+    parent    : 0
+    showHow   : no
+  ,
+    cssClass  : "develop more-1"
+    content   : 
+              """
+              <p> <h1>What those folders are?</h1></p>
+              <p> Applications folder is a place where your koding applications will stay. </p>
+              <p> Web Folder on file tree, is where your http://{{#(profile.nickname)}}.kd.io adress goes to. </p>
+              <p> Other folders do what they intend to. You can create new folders by clicking right on your file tree </p>
+              """
+    section   : 1
+    parent    : 5  
+    showHow   : yes
+    howToSteps: ['showFileTreeFolderAndFileMenu']
+  ,
+    cssClass  : "develop more-1"
+    content   : """<p> <h1> What those two applications do? </h1></p>
+                   <p> <strong>Ace</strong> is your perfect text editor on cloud! </p>
+                   <p> <strong>Terminal</strong> is your real terminal! If you want to be root, then just type it! 
+                      <pre><h2>hint</h2>: your root password is your koding password. </pre>
+                   </p>
+                """
+    section   : 2
+    parent    : 5
+    showHow   : no
+  ,
+
+    cssClass  : "develop enviroments"
+    content   : """<p> <h1> Control Your VM! </h1></p>
+                   <p> You can change your VM to up or down, Re-Initialize also you can delete your VM.</p>
+                   <p> By just clicking, your enviroments menu on below menu </p>
+                """
+    section   : 3
+    parent    : 5
+    showHow   : yes
+    howToSteps: ['showVMMenu']
+  , 
+    cssClass  : "develop enviroments more"
+    content   : """<p> <h1> Open VM's Terminal </h1></p>
+                   <p> If you have more than 1 VM, you can open that VM's menu by clicking terminal icon on VM menu.</p>
+                """
     section   : 4
-    parent    : 0
-    showHow   : yes
-    howToSteps: ['clickAce', 'clickTerminal']
-
-  ,
-    cssClass  : "develop more-1"
-    content   : """
-              <p> <h1>What does folders are?</h1></p>
-              <p> Applications folder is a place where your koding applications will stay. </p>
-              <p> Web/ Folder on file tree, is where your http://{{#(profile.nickname)}}.kd.io adress goes to. </p>
-              <p> Other folders do what they intend to. Ofcourse you can create new folders by clicking right on your filetree </p>
-
-                """
-    section   : 1
-    parent    : 4  
-    showHow   : yes
-    howToSteps: ['createNewFolder', 'createNewFile']
-
-  ,
-    cssClass  : "develop more-1"
-    content   : """<p> Let's make some changes and see what happens!</p>
-                   <p>This is your index.html file, which comes when you hit <a href= "#"> http://{{#(profile.nickname)}}.kd.io </a></p>
-                   <p> let's change <strong>&lt;h1&gt;Hello World!&lt;/h1&gt;</strong> to <strong>&lt;h1&gt;KODING ROCKS!&lt;/h1&gt; </strong></p>
+    parent    : 5
+    showHow   : yes
+    howToSteps: ['openVMTerminal']
+  ,
+    cssClass  : "develop more-1"
+    content   : """<p> There is a shortcut to your recently opened files</p>
+                   <p> Just move your cursor to footer and it will appear .</p> 
+                """
+    section   : 5
+    parent    : 5  
+    routeURL  : "/Develop"
+    showHow   : yes
+    howToSteps: ['showRecentFiles']
+  ,
+    cssClass  : "develop buy vm"
+    content   : """<p> <h1>Need more VM's ?</h1></p>
+                   <p> You can buy more VM's there are more features with paid VM's like it is allways on UP State</p> 
+                """
+    section   : 6
+    parent    : 5 
+    routeURL  : "/Develop"
+    showHow   : yes
+    howToSteps: ['showBuyVMMenu']
+  ,
+    cssClass  : "develop more-1"
+    content   : """<p> Let's change your homepage! <a href= "#"> http://{{#(profile.nickname)}}.kd.io </a> </p>
+                   <p> Open your index.html file under Web folder on file tree.</p> 
+                   <p> change the content and save your file</p>
                    <p> Then save it with ⌘+S or clicking the save button to the right of your tabs </p>
 
                 """
-    section   : 2
-    parent    : 4  
-
+    section   : 7
+    parent    : 5  
+    showHow   : yes
+    howToSteps: ['changeIndexFile']
   ,
     cssClass  : "develop more-1"
     content   : """

                <strong>From below, Click Personal VM ,see what you can do </strong>
                """
    routeURL  : ""
    section   : 9
    parent    : 4
  ,
    title     : "Groups"
    cssClass  : "groups-intro"
    content   : """<p>Join a group which you want to discuss, share code and find tutorials about specific topic!</p>
                   <p>By changing group you are completely changing context. When you are on a group page, you only see updates, VM's and Members of that group.</p>
                """
    routeURL  : "/Groups"
    section   : 5
    parent    : 0
  ,
    title     : "Chat"
    cssClass  : "chats-intro"
    content   : """<p> You can chat with your friends or anyone from koding. Just type his/her name and hit enter thats all!</p>
                """
    section   : 6
    parent    : 0
  ,
    title     : "Apps"
    content   : """<p>What makes Koding so useful are the apps provided by its users. Here you can perform one click installs of incredibly useful applications provided by users and major web development tools.</p>
                   <p>In addition to applications for the database, there are add-ons, and extensions to get your projects personalized, polished, and published faster.</p>"""
    routeURL  : "/Apps"
    section   : 7
    parent    : 0
  , 
    title     : "Account"
    content   : """<p>Here is your control panel! Manage your personal settings, add your Facebook, Twitter, Github etc.. See payment history and more..</p>
                """
    routeURL  : "/Account"
    section   : 8
    parent    : 0
  , 
    

                   </p> Yes you made it!! </p>
                   <p>Now continue to learn more about development environment </p>
                """
    section    : 8
    parent     : 5

  ,
    cssClass  : "develop more-2"
