extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-03 12:39:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

start adding light/dark mode frontdoor diagram

Browse Source
This commit is contained in:
Kenneth Bingham 2023-12-06 21:52:31 -05:00
parent 70a43b5ac7
commit 8b59787fc5
No known key found for this signature in database
GPG Key ID: 31709281860130B6
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docker/compose/zrok-public-reserved/compose.yml
View File

@ -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

3
docs/guides/frontdoor.mdx
View File

@ -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

6
website/src/css/custom.css
View File

@ -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;
}