Merge pull request #476 from openziti/frontdoor-modal-diagram

use ThemedImage component
This commit is contained in:
Kenneth Bingham 2023-12-07 13:52:25 -05:00 committed by GitHub
commit e186958f89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 250 additions and 496 deletions

View File

@ -9,6 +9,8 @@ import OsTabs from '@theme/OsTabs';
import TabItem from '@theme/TabItem';
import LinuxService from './_frontdoor-linux.mdx';
import ReservedDocker from './_frontdoor-docker.mdx';
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
**zrok frontdoor** is the heavy-duty front door to your app or site. It makes your website or app available to your online audience through the shield of zrok.io's hardened, managed frontends.
@ -18,8 +20,14 @@ 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**.
![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)
<ThemedImage
alt="frontdoor diagram"
sources={{
light: useBaseUrl('/img/zrok-frontdoor-light-mode.svg'),
dark: useBaseUrl('/img/zrok-frontdoor-dark-mode.svg'),
}}
/>
## Choose your OS

View File

@ -17,7 +17,7 @@ ZROK_ENABLE_TOKEN=""
#
ZROK_ENVIRONMENT_NAME=""
# You MUST set this only if self-hosting the zrok controller.
# You MUST set this if not using the default zrok.io API endpoint
#ZROK_API_ENDPOINT="https://api.zrok.io"
#

File diff suppressed because it is too large Load Diff

View File

@ -14,9 +14,9 @@
"write-heading-ids": "docusaurus write-heading-ids"
},
"dependencies": {
"@docusaurus/core": "^3.0.0",
"@docusaurus/plugin-client-redirects": "^3.0.0",
"@docusaurus/preset-classic": "^3.0.0",
"@docusaurus/core": "^3.0.1",
"@docusaurus/plugin-client-redirects": "^3.0.1",
"@docusaurus/preset-classic": "^3.0.1",
"@mdx-js/react": "^3.0.0",
"clsx": "^1.2.1",
"prism-react-renderer": "^1.3.5",
@ -26,7 +26,7 @@
"remark-math": "^5.1.1"
},
"devDependencies": {
"@docusaurus/module-type-aliases": "^3.0.0",
"@docusaurus/module-type-aliases": "^3.0.1",
"yaml-loader": "^0.8.0"
},
"browserslist": {

View File

@ -183,9 +183,3 @@ 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;
}