Add git and live documentation

Author: Ives van Hoorne

packages/app/src/app/store/modules/git/sequences.js

@@ -57,6 +57,5 @@ export const createPr = [
   wait(3000),
   actions.openPr,
   set(state`git.message`, ''),
-  set(state`currentModal`, null),
   actions.redirectToPr,
 ];

packages/homepage/content/docs/2-git.md

@@ -0,0 +1,23 @@
+---
+title: "Git Integration"
+authors: ["CompuIves"]
+description: "CodeSandbox allows you to import, commit and make a pull requests to GitHub repositories."
+---
+
+## Base Concept
+
+With CodeSandbox you can import any GitHub repository as a sandbox, this concept is described in more detail [here](/docs/importing#import-from-github). An imported sandbox will automatically stay in sync with the GitHub repository; if you make a commit to GitHub it will reflect immediately in the sandbox.
+
+For that reason we've made GitHub sandboxes immutable, this means that you cannot make direct changes to the sandbox itself. However, you can still fork the sandbox. When you create a fork of a GitHub sandbox we will still keep a reference to the original GitHub repository. This allows you to create commits and open pull requests from the forked sandboxes.
+
+## Committing and Opening PRs
+
+You can see a forked sandbox of a GitHub sandbox as a separate branch. We still keep a reference to the original branch, and we also track the changes that happen. When you create a fork of the Git sandbox you will see a new panel in the sidebar that looks like this:
+
+![GitHub Sidebar](./images/github-sidebar.png)
+
+This panel will show all the files that have been changed compared to the GitHub sandbox you forked from. When you fork a sandbox from your own repository you will be able to create a commit or open a pull request, if you don't own the repo you can only open a pull request.
+
+## Creating a Repository
+
+If you have a sandbox that you want to have on GitHub you can simply do that by pressing the GitHub icon in the sidebar, entering your repository name and clicking 'Create Repository'. We will automatically open the sandbox that's synced to the GitHub repository for you.

packages/homepage/content/docs/2-live.md

@@ -0,0 +1,45 @@
+---
+title: "CodeSandbox Live"
+authors: ["CompuIves"]
+description: "With CodeSandbox Live you can open up your sandbox for real time collaboration."
+---
+
+## What is Live
+
+![Live Sidebar](./images/live-screenshot.png)
+
+Live is a mode in CodeSandbox that allows you to share your sandbox with others for real time collaboration. You can access Live with the Live tab in the sidebar:
+
+![Live Sidebar](./images/live-sidebar.png)
+
+## Demo
+
+We recorded a demo to show what CodeSandbox Live exactly is, you can watch it here:
+
+`youtube:https://www.youtube.com/embed/DnnJ0sLn28s`
+
+We also made an announcement blog post, which you can read [here](https://medium.com/@compuives/introducing-codesandbox-live-real-time-code-collaboration-in-the-browser-6d508cfc70c9).
+
+## Going Live
+
+You can go live by simply pressing the 'Go Live' button in the sidebar. This will give you a URL that you can share with others to join the session.
+
+![Going Live](./images/live-live.png)
+
+Others will be able to simultaneously edit, create, rename and update files. They will also be able to add and remove dependencies, as those settings are also file based. You can also see which file other collaborators are watching and what their current selections are.
+
+## Classroom Mode
+
+With Classroom Mode you can define who can edit the sandbox. This is especially useful when working with large groups. You will only see the cursors of the users that are 'editor'.
+
+You can make give someone editor rights by pressing the '+' icon next to their name.
+
+![Going Live](./images/live-make-editor.png)
+
+And you can make someone a spectator by clicking the '-' icon next to their name.
+
+![Going Live](./images/live-make-spectator.png)
+
+## Patron
+
+Creating a new Live Room is only available as a [Patron](/patron) currently. Everyone without Patron can always join a live session.

packages/homepage/content/docs/images/github-sidebar.png

@@ -172,7 +172,6 @@ export default class StickyNavigation extends React.PureComponent<Props> {
                     <SecondaryNavigationLink
                       to={`${node.fields.url}#${slugify(value)}`}
                       exact
-                      activeStyle={activeStyle}
                     >
                       {value}
                     </SecondaryNavigationLink>