Update docs with better videos

assets/stylesheets/docs.css

@@ -221,6 +221,10 @@ p {
   margin: 15px 0;
 }
 
+span.menucascade {
+  white-space:nowrap;
+}
+
 #content .meta {
     color: #999;
     font-size: 11px;

src/features/collaboration.md

@@ -1,6 +1,6 @@
 # Collaboration
 
-<iframe width="420" height="315" src="http://www.youtube.com/embed/V7Kx9Hd5EYY" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="480" src="https://www.youtube.com/embed/V7Kx9Hd5EYY" frameborder="0" allowfullscreen></iframe>
 
 Collaboration with Cloud9 IDE is an amazing feature that lets you do more than just share your projects with any other Cloud9 developer. You can grant someone else access to change files in your workspace, in realtime--or just let them view the workspace without any other rights. While you're collaborating, you can discuss the code through a built-in chat room.
 

src/features/colorpicker.md

@@ -1,6 +1,6 @@
 # Color Picker
 
-<iframe width="480" height="360" src="https://www.youtube.com/embed/T0FAFF6fQi4" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="480" src="https://www.youtube.com/embed/T0FAFF6fQi4" frameborder="0" allowfullscreen></iframe>
 
 The color picker is an awesome feature in Cloud9 IDE, designed to not only make color selections easier, but also, more harmonious. At its core, the color picker is a way to represent words (`red`, `blue`, _e.t.c._), RGBA values (`rgba(175, 3, 124, .6)`), or hex values (`#f00f00`) into actual colors. 
 

src/features/git_blame.md

@@ -0,0 +1,7 @@
+# Git Blame
+
+<iframe width="640" height="360" src="https://www.youtube.com/embed/RSXaAlBgQ2s" frameborder="0" allowfullscreen></iframe>
+
+When you're working with git repositories, it's helpful to know who made a commit to a particualr piece of code. As it turns out, git has [a feature called `git blame`](http://www.kernel.org/pub/software/scm/git/docs/git-blame.html) that we've integrated directly into Cloud9 IDE.
+
+By using `git blame`, you'll be able to instantly discover who edited certain lines of code, when they edited it, and what their commit message at the time was. Clicking on a git commit also highlights other lines of code changed at the same time. To launch the git blame feature, open a file and navigate to [[menu: Tools, Git, Blame]].

src/features/gotofile_and_definition.md

@@ -1,6 +1,6 @@
 # Using Goto File and Goto Definition
 
-<iframe width="480" height="360" src="https://www.youtube.com/embed/U5823J0kYLE" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="360" src="https://www.youtube.com/embed/U5823J0kYLE" frameborder="0" allowfullscreen></iframe>
 
 Let's say you're workinng a large project containing many files, and you kind-of sort-of know the name of a file that you want to open up. Goto File is our feature to help you quickly and easily jump to any file in your workspace, without the need to search through different directories. Simply hit `Cmd-E` (or `Ctrl-E` on Unix/Windows) and away you go:  
 ![Goto File Window](./images/gotofile.png)

src/features/revisions.md

@@ -1,6 +1,6 @@
 # Revisions
 
-<!-- video -->
+<iframe width="640" height="360" src="https://www.youtube.com/embed/Or3byuEf-zE" frameborder="0" allowfullscreen></iframe>
 
 Every time you save a file on Cloud9, a diff of any changes made to it is saved by the server. Over time, you can view these file revisions as content is added and removed from your files. You can also restore a file to any previously saved state; you'll never have to worry about losing your work ever again!
 

src/features/uploading_downloading.md

@@ -1,6 +1,6 @@
 # Uploading and Downloading Workspace Files
 
-Cloud9 IDE allows you to easily add files to your curent workspace at any time. You can drag and drop files from your computer directly into the Project Files pane, and the IDE will add them to your project. Chrome users can also drag entire folders into the IDE. 
+Cloud9 IDE allows you to easily add files to your curent workspace at any time. You can drag and drop files from your computer directly into the Project Files pane, and the IDE will add them to your project. Google Chrome users can also drag entire folders into the IDE. 
 
 If a file transfer is halted for some reason--say, if you lose your internet connection--the upload resumes once the connection returns. As the files transfer, the IDE lets you know the current status of the overall transfer, as well as the status of each file being uploaded:
 

src/ide-components/tab_functions.md

@@ -16,16 +16,12 @@ These feature include:
 
 To the left of the tab menu is another button that offers additional functions for tab navigation:  
 ![The tab button menu](./images/tab_button_menu.png)
-
-Among these is the ability to use tab sessions.
 
 ## Tab Sessions 
 
-Tab sessions is a unique feature that is useful when dealing with projects that involve juggling between many tabs. Essentially, tab sessions lets you save the current state of the tabs. You can close your workspace, switch to a different branch, and instantly reload your previously opened files. You'll no longer need to work with opening and closing multiple files.
-
-Here's a video highlighting its use:
+<iframe width="640" height="480" src="https://www.youtube.com/embed/agUno6WDkAM" frameborder="0" allowfullscreen></iframe>
 
-<iframe width="480" height="360" src="http://www.youtube.com/embed/agUno6WDkAM" frameborder="0" allowfullscreen></iframe>
+Tab sessions is a unique feature that is useful when dealing with projects that involve juggling between many tabs. Essentially, tab sessions lets you save the current state of the tabs. You can close your workspace, switch to a different branch, and instantly reload your previously opened files. You'll no longer need to work with opening and closing multiple files.
 
 To use tab sessions, select **Save Tab Sessions** from the tab button menu. Give it a unique name. When you're ready to restore your tab sessions, just select **Load Tab Sessions**. 
 

src/ide-components/the_editor.md

@@ -0,0 +1,30 @@
+# The Editor
+
+The editor is the most important element of any IDE; that's why Cloud9 developed [ACE](http://ace.ajax.org). ACE is a high-performance code editor for the web that supports over 40 different langauges, over two dozen themes, and can still work faithfully on large documents (at last count, four million lines of code was the upper limit). It also contains a bevy of features you'd expect from traditional desktop editors. Among these include:
+
+* Undo and Redo support
+* Cut, Copy, and Paste functionality
+* Line manipulation, including:  
+  * Indenting and outdenting
+  * Moving and copying lines up or down
+  * Removing lines from any point
+  * Splitting lines
+* Highlighting and commenting blocks of code
+* Removing words to the right or the left
+* Transposing letters
+* Code folding (including the entire file)
+* Converting cases
+* [Multiple cursor](./multiple_cursors.html)
+* [Autocompletion](./autocompletion.html)
+* [Code analysis and refactoring](./language_analysis.html)
+* Search in files with regular expressions
+* Intelligent selections, including:  
+  * Selecting to word right or left
+  * Selecting to line end or start
+  * Selecting to document end or start
+* Vim and Emacs keybindings
+* Line wrapping, to a defined column or the width of the browser window
+* Support for a command line
+* Support for spaces and real tabs
+
+In addition to Cloud9 IDE, ACE is also used by [Google](http://www.google.com/script/start/), [GitHub](https://github.com/blog/905-edit-like-an-ace), and [Khan Academy](http://ejohn.org/blog/introducing-khan-cs/).

src/running_and_debugging/editing_wordpress_sites.md

@@ -1,9 +1,9 @@
 # Editing Remote Wordpress Websites via FTP
 
-<iframe width="480" height="360" src="http://www.youtube.com/embed/3vZIKzALxyU" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="480" src="https://www.youtube.com/embed/3vZIKzALxyU" frameborder="0" allowfullscreen></iframe>
 
-Did you know that you can use Cloud9 IDE to work on your Wordpress website? It's true, and incredibly easy. Obviously, you can't edit your posts on Wordpress using Cloud9, since they are stored in a database on your server. But you can edit pretty much every other aspect of your site.
+Did you know that you can use Cloud9 IDE to work on your Wordpress website? It's true, and incredibly easy. You can't edit your posts on Wordpress using Cloud9, since they are stored in a database on your server. But you can edit pretty much every other aspect of your site.
 
 To start, you'll need to [create a new FTP project](./ftp_workspaces.html). After that, enter your _wp-content_ folder, find the theme you're using on your website, and start editing its style.
 
-Thanks to [the preview button](./editor.html#previewButton) in the menu bar, you can also witness your changes as they happen, before commiting them to your server.
+Thanks to [the preview button](./ide_overview.html#previewButton) in the menu bar, you can also witness your changes as they happen, before commiting them to your server.

src/workspaces/ftp_workspaces.md

@@ -1,6 +1,6 @@
 # Setting up an FTP project
 
-<iframe width="480" height="360" src="http://www.youtube.com/embed/HehwOFg7jYc" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="480" src="https://www.youtube.com/embed/HehwOFg7jYc" frameborder="0" allowfullscreen></iframe>
 
 In this article, we'll show you how to set up an FTP project.
 

src/workspaces/run_your_own_workspace.md

@@ -4,7 +4,7 @@ You have access to an incredibly powerful feature of Cloud9 that we like to call
 
 If you own a server that you can SSH into, you can log into that machine with Cloud9 and work on your projects remotely. To put this into perspective, you could have an entire toolchain set up on this machine--say, `make` with `gcc`, or `ant` with Java--edit the files with Cloud9 IDE, and build your toolchain via the IDE's terminal. Here's a video demonstrating how you could instantly compile a C program using an SSH workspace and Cloud9:
 
-<iframe width="853" height="480" src="https://www.youtube.com/embed/CogX0tqugi0" frameborder="0" allowfullscreen></iframe>
+<iframe width="640" height="360" src="https://www.youtube.com/embed/CogX0tqugi0" frameborder="0" allowfullscreen></iframe>
 
 In order to connect Cloud9 with a server you own, you'll need two things:
 

templates/default/toc.jade

@@ -43,6 +43,9 @@
             li
               a(href='searching_in_files.html')
                 span Searching and Replacing in Files
+            li
+              a(href='git_blame.html')
+                span Git Blame
             li
               a(href='zen_mode.html')
                 span Zen Mode
@@ -54,11 +57,11 @@
             i.icon-chevron-up.tocNavArrow
           ul
             li
-              a(href='editor.html')
+              a(href='ide_overview.html')
                 span IDE Overview
             li
-              a(href='ide_preferences.html')
-                span IDE Preferences
+              a(href='the_editor.html')
+                span The Editor
             li
               a(href='console.html')
                 span The Console
@@ -74,6 +77,9 @@
             li
               a(href='terminal.html')
                 span The Terminal
+            li
+              a(href='ide_preferences.html')
+                span IDE Preferences
             li
               a(href='tab_functions.html')
                 span Tab Functions