diff --git a/docker/compose/zrok-public-reserved/compose.yml b/docker/compose/zrok-public-reserved/compose.yml index b0612fa3..a2167d72 100644 --- a/docker/compose/zrok-public-reserved/compose.yml +++ b/docker/compose/zrok-public-reserved/compose.yml @@ -21,7 +21,7 @@ services: STATE_DIRECTORY: /mnt ZROK_ENABLE_TOKEN: ZROK_API_ENDPOINT: - ZROK_ENVIRONMENT_NAME: docker-public-reserved + ZROK_ENVIRONMENT_NAME: # reserve zrok frontend subdomain and start sharing the target zrok-share: @@ -38,8 +38,8 @@ services: STATE_DIRECTORY: /mnt # zrok homedir in container # most relevant options - ZROK_BACKEND_MODE: proxy # web, caddy, drive, proxy - ZROK_TARGET: http://zrok-test:9090 # backend target, is a path in container filesystem unless proxy mode + ZROK_BACKEND_MODE: # web, caddy, drive, proxy + ZROK_TARGET: # backend target, is a path in container filesystem unless proxy mode ZROK_INSECURE: # "--insecure" if proxy target has unverifiable TLS server certificate ZROK_OAUTH_PROVIDER: # google, github ZROK_OATH_EMAILS: # allow space-separated list of OAuth email addresses or @domain.tld diff --git a/docs/guides/frontdoor.mdx b/docs/guides/frontdoor.mdx index e6f4c308..3451eb12 100644 --- a/docs/guides/frontdoor.mdx +++ b/docs/guides/frontdoor.mdx @@ -18,7 +18,8 @@ import ReservedDocker from './_frontdoor-docker.mdx'; zrok frontends are the parts of zrok that proxy incoming public web traffic to zrok backend shares via OpenZiti. When you use zrok with a `zrok.io` frontend, you're using **zrok frontdoor**. `zrok.io` is zrok-as-a-service by NetFoundry, the team behind OpenZiti. You need a free account to use **zrok frontdoor**. -![diagram](/img/zrok-frontdoor.excalidraw.png) +![dark mode diagram](/img/zrok-frontdoor-dark-mode.svg#gh-dark-mode-only) +![light mode diagram](/img/zrok-frontdoor-light-mode.svg#gh-light-mode-only) ## Choose your OS diff --git a/website/src/css/custom.css b/website/src/css/custom.css index eabf4337..7ab16998 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -112,7 +112,7 @@ html { } .navbar__link:hover, .navbar__link--active { - font-weight: 600; + font-weight: 600; } code { @@ -183,3 +183,9 @@ a code { .language-buttonless div > button { display: none; } + +/* hide image sources from the other mode */ +[data-theme="light"] img[src$="#gh-dark-mode-only"], +[data-theme="dark"] img[src$="#gh-light-mode-only"] { + display: none; +} diff --git a/website/static/img/zrok-frontdoor-dark-mode.svg b/website/static/img/zrok-frontdoor-dark-mode.svg new file mode 100644 index 00000000..55a212ee --- /dev/null +++ b/website/static/img/zrok-frontdoor-dark-mode.svg @@ -0,0 +1,904 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/static/img/zrok-frontdoor-light-mode.svg b/website/static/img/zrok-frontdoor-light-mode.svg new file mode 100644 index 00000000..0e0f4ae2 --- /dev/null +++ b/website/static/img/zrok-frontdoor-light-mode.svg @@ -0,0 +1,913 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/static/img/zrok-frontdoor.excalidraw.png b/website/static/img/zrok-frontdoor.excalidraw.png deleted file mode 100644 index 5e7b68b1..00000000 Binary files a/website/static/img/zrok-frontdoor.excalidraw.png and /dev/null differ