Improve Getting Started section in the docs (#879)

* Update Getting Started section in the docs
* Added backlink to introduction and a section for OSS Projects
* Fixed some typos
* Shortened backlink to Intro
* Moved duplicate screenshots and reordered options
* Rephrase section for GitLab integration

Co-authored-by: Johannes Landgraf <[email protected]>

Author: gtsiolis

src/docs/context-urls.md

@@ -10,6 +10,8 @@ Gitpod derives the workspace context from the URL of the repository page from wh
 started. Different issues, pull/merge requests, or branches will result in different workspaces, allowing
 developers to easily perform different tasks in different isolated environments.
 
+![prefix github URL](./images/prefix-screenshot.png)
+
 Each workspace includes a full Linux container. From the IDE's terminal, the user can directly
 access all development tools of the Linux system and even install missing ones.
 

src/docs/getting-started.md

@@ -1,18 +1,50 @@
 # Getting Started
 
-Gitpod provides continuous dev environments for the development flows of common code hosting platforms.
-The following example shows how to use Gitpod with a source code repository.
+[Gitpod](https://www.gitpod.io) is an open source platform for automated and ready-to-code development environments that blends into your existing workflow. 
 
-1. Point your browser to a GitLab, GitHub or Bitbucket repository, Pull/Merge Request, or issue, e.g.
-    [https://gitlab.com/gitpod/spring-petclinic](https://gitlab.com/gitpod/spring-petclinic)
-2. Either prefix the URL in the address bar of your browser with `gitpod.io/#` (e.g.
-   https://gitpod.io/#https://gitlab.com/gitpod/spring-petclinic) or click the _Gitpod_ button if you've installed the [Gitpod browser extension](/docs/browser-extension/).
+> For an overview of Gitpod you should first read [Introduction to Gitpod](/docs/).
 
-   ![prefix github URL](./images/prefix-screenshot.png)
+You can start using Gitpod with one or more of the following ways:
 
-3. On first use you will have to authorize access to your GitLab, GitHub or Bitbucket account. This is necessary so you
-   can access your data from within Gitpod.
-4. Gitpod will now launch a workspace container for you in the cloud, containing a full Linux environment.
-   It will also clone the repository, branch, or commit based on which code-hosting page you were coming from.
+- Use a [Prefixed URL](#prefixed-url)
+- Install [Browser Extension](#browser-extension)
+- Enable [GitLab Integration](#gitlab-integration)
+- Quick start using an [Example Project](#example-project) or [OSS Project](#gitpodified-open-source-project)
 
-Next up you should learn about [Gitpod's IDE](/docs/ide/).
+## Prefixed URL
+
+You can quickly open a new workspace for your project using a context URL like repository, branch, pull request, issue, or file. Just prefix the URL in the address bar of your browser with `gitpod.io/#`.
+
+For example, try opening [https://gitpod.io/#https://gitlab.com/gitpod/spring-petclinic](https://gitpod.io/#https://gitlab.com/gitpod/spring-petclinic) or [https://gitlab.com/gitpod/spring-petclinic/-/merge_requests/2](https://gitlab.com/gitpod/spring-petclinic/-/merge_requests/2).
+
+[Learn more →](/docs/context-urls/)
+
+## Browser Extension
+
+For convenience, we've made a browser extension that works with Google Chrome, Mozilla Firefox, and Safari. The extension adds a Gitpod button on every project and branch across GitLab, GitHub, and Bitbucket so you can easily open a new workspace for any existing project.
+
+[Learn more →](/docs/browser-extension/)
+
+## GitLab Integration
+
+GitLab comes with a native Gitpod which is enabled by default for GitLab.com. To use the GitLab integration, you need to enable it from your [user preferences](https://gitlab.com/-/profile/preferences) at GitLab. Then you can choose to open a Gitpod workspace as an alternative to the GitLab Web IDE directly from GitLab for any existing project.
+
+[Learn more →](/docs/gitlab-integration/)
+
+## Example Project
+
+We've alrelay added Gitpod configuration for some example or existing projects.
+
+You can pick any of the example projects listed under [Languages & Frameworks](https://www.gitpod.io/docs/languages-and-frameworks/).
+
+For example, try opening [Vuepress](https://gitpod.io/#https://github.com/vuejs/vuepress) or a [Java with Spring Boot](https://gitpod.io/#https://github.com/gitpod-io/spring-petclinic) example.
+
+## Gitpodified Open Source Projects {#gitpodified-open-source-project}
+
+We all know that setting up a local dev environment for a contribution to your favourite OSS project can be daunting. Luckily there are already numerous projects out there that gitpodified their repositories allowing everyone to contribute with a single click. With [contribute.dev](https://contribute.dev/) we even made a website to list them. 
+
+For example try opening some of our favorite OSS projects out there: 
+- [freeCodeCamp](https://gitpod.io/#https://github.com/freeCodeCamp/freeCodeCamp)
+- [Prometheus](https://gitpod.io/#https://github.com/prometheus/prometheus)
+- [GitLab](https://gitpod.io/#https://gitlab.com/gitlab-org/gitlab)
+- [Forem](https://gitpod.io/#https://github.com/thepracticaldev/dev.to) powering dev.to