From 8b59787fc5e62610e76fc2ad5a30c3384a14c8fc Mon Sep 17 00:00:00 2001 From: Kenneth Bingham Date: Wed, 6 Dec 2023 21:52:31 -0500 Subject: [PATCH] start adding light/dark mode frontdoor diagram --- docker/compose/zrok-public-reserved/compose.yml | 6 +++--- docs/guides/frontdoor.mdx | 3 ++- website/src/css/custom.css | 8 +++++++- 3 files changed, 12 insertions(+), 5 deletions(-) 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..db96b0b2 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.excalidraw.png#gh-dark-mode-only) +{/* ![light mode diagram](/img/zrok-frontdoor.excalidraw.png#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; +}