habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website: use slider on docs, add flow images (#4997)

Browse Source 
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens L
2023-03-18 16:21:30 +01:00
committed by GitHub
parent e13cfec84f
commit b69c26d485
4 changed files with 41 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
website/docs/index.md → website/docs/index.mdx
View File

@ -25,9 +25,41 @@ For more information about configuration, Beta versions, and additional installa
## Screenshots
authentik can use Light or Dark mode for the Admin interface and the User interface.
authentik can use Light or Dark mode for the Admin interface, User interface and the flow interface.
| Light | Dark |
| -------------------------------- | ------------------------------- |
| ![](/img/screen_apps_light.jpg) | ![](/img/screen_apps_dark.jpg) |
| ![](/img/screen_admin_light.jpg) | ![](/img/screen_admin_dark.jpg) |
import "react-before-after-slider-component/dist/build.css";
import ReactBeforeSliderComponent from "react-before-after-slider-component";
import useBaseUrl from "@docusaurus/useBaseUrl";
<ReactBeforeSliderComponent
firstImage={{
id: 1,
imageUrl: useBaseUrl("img/screen_flow_dark.jpg"),
}}
secondImage={{
id: 2,
imageUrl: useBaseUrl("img/screen_flow_light.jpg"),
}}
/>
<ReactBeforeSliderComponent
firstImage={{
id: 1,
imageUrl: useBaseUrl("img/screen_apps_dark.jpg"),
}}
secondImage={{
id: 2,
imageUrl: useBaseUrl("img/screen_apps_light.jpg"),
}}
/>
<ReactBeforeSliderComponent
firstImage={{
id: 1,
imageUrl: useBaseUrl("img/screen_admin_dark.jpg"),
}}
secondImage={{
id: 2,
imageUrl: useBaseUrl("img/screen_admin_light.jpg"),
}}
/>