feat: docs rehaul, fix missing context in console, quickstarts (#1212)

* onboarding components, routing, steps

* onboarding component, toc

* fix onboarding mixin

* header

* refactor docs

* fix layout

* cleanup routing

* docs routing

* fix conventions

* de en routing

* docs, guide contents, nav

* rem i18n support

* fix routing from docs

* rollup onwarn changes, preload

* update svelte plugin, update rollup config

* move docs

* revert img style, remove code table

* rem de completely

* rollup optim, template

* angular quickstart, quickstart overview page, update deps

* fix link

* pack, slug

* prefetch binding, hidden links

* export log

* guards route ch

* fix homepage

* angular docs

* docs

* resolve fsh

* overview

* docs

* docs

* packages fix race condition

* nav, home link

* add vue, aspnet

* doc optimizations

* embed status pal

* angular guide

* angular guide

* dotnet, angular guide

* viewbox

* typo

* block onboarding route for non iam writers

* set links from component data

* fix: fetch org context in guard, more main cnt (#1192)

* change get started guide, fix code blockquotes, typos

* flutter guide

* h2 spacing

* highlight strong

* plus

* rm start sublinks

* add proxy quickstart

* regex

* prevent outside click, fix project grant write

Co-authored-by: Florian Forster <florian@caos.ch>
Co-authored-by: Livio Amstutz <livio.a@gmail.com>

site/docs/oauth2-proxy/00-overview.md

@@ -0,0 +1,13 @@
+---
+title: OAuth 2.0 Proxy
+---
+
+<div style="display: flex; align-items: center;">
+    <img src="logos/zitadel-logo-solo-darkdesign.svg" height="160px" alt="zitadel"/>
+    <i style="font-size: 40px; height: 40px;  margin: 0 15px;" class="las la-plus"></i>
+    <img src="tech/oauth2-proxy.svg" height="200px" alt="oauth2-proxy"/>
+</div>
+
+### OAuth2 Proxy Project
+
+[OAuth2-proxy](https://github.com/oauth2-proxy/oauth2-proxy) is a project which allows services to delegate the authentication flow to a IDP, for example **ZITADEL**

site/docs/oauth2-proxy/01-configure-zitadel.md

@@ -0,0 +1,29 @@
+---
+title: Configure Zitadel
+---
+
+### Setup Application and get Keys
+
+Before we can start building our application we have do do a few configuration steps in ZITADEL Console.
+You will need to provide some information about your app. We recommend creating a new app to start from scratch. Navigate to your [Project](https://console.zitadel.ch/projects) and add a new application at the top of the page.
+Select Web Application and continue.
+We recommend that you use [Authorization Code](architecture#Authorization_Code) for the OAuth 2.0 Proxy.
+
+> Make sure Authentication Method is set to `BASIC` and the Application Type is set to `Web`.
+
+#### Redirect URLs
+
+A redirect URL is a URL in your application where ZITADEL redirects the user after they have authenticated. Set your url to the domain the proxy will be deployed to or use the default one `http://127.0.0.1:4180/oauth2/callback`.
+
+> If you are following along with the sample project you downloaded from our templates, you should set the Allowed Callback URL to http://localhost:4200/auth/callback. You will also have to set dev mode to `true` as this will enable unsecure http for the moment.
+
+If you want to redirect the users back to a route on your application after they have logged out, add an optional redirect in the post redirectURI field.
+
+Continue and Create the application.
+
+#### Client ID and Secret
+
+After successful app creation a popup will appear showing you your clientID as well as a secret.
+Copy your client ID and Secrets as it will be needed in the next step.
+
+> Note: You will be able to regenerate the secret at a later time if you loose it.

site/docs/oauth2-proxy/02-configure-proxy.md

@@ -0,0 +1,28 @@
+---
+title: OAuth 2.0 Proxy Setup
+---
+
+### Authentication Example
+
+```toml
+provider = "oidc"
+user_id_claim = "sub" #uses the subject as ID instead of the email
+provider_display_name = "ZITADEL"
+redirect_url = "http://127.0.0.1:4180/oauth2/callback"
+oidc_issuer_url = "https://issuer.zitadel.ch"
+upstreams = [
+    "https://example.corp.com"
+]
+email_domains = [
+    "*"
+]
+client_id = "{ZITADEL_GENERATED_CLIENT_ID}"
+client_secret = "{ZITADEL_GENERATED_CLIENT_SECRET}"
+pass_access_token = true
+cookie_secret = "{SUPPLY_SOME_SECRET_HERE}"
+skip_provider_button = true
+cookie_secure = false #localdev only false
+http_address = "127.0.0.1:4180" #localdev only
+```
+
+> This was tested with version `oauth2-proxy v6.1.1 (built with go1.14.2)`

site/docs/oauth2-proxy/03-end.md

@@ -0,0 +1,7 @@
+---
+title:  Completion
+---
+
+### What next?
+
+You have successfully integrated ZITADEL in your proxy!