deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-10-10 23:38:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

✨ feat: add dual image support for switching themes

Browse source
This commit is contained in:
welpo 2023-02-25 22:28:43 +01:00
parent 1496f0cf73
commit b3dc5396b4
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
5 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
content/shortcodes.md
View file

@ -7,9 +7,20 @@ tags = ["showcase", "shortcodes"]
## Image shortcodes
### Dual theme images
Useful if you want to use a different image for the light and dark themes:
{{ dual_theme_image(light_src="$BASE_URL/img/paris_day.webp", dark_src="$BASE_URL/img/paris_night.webp" alt="The Eiffel tower") }}
Usage:
```
{{/* dual_theme_image(light_src="$BASE_URL/img/paris_day.webp", dark_src="$BASE_URL/img/paris_night.webp" alt="The Eiffel tower") */}}
```
### Invertible image
You can use this shortcode for graphs, line drawings, diagrams…
Good for graphs, line drawings, diagrams… Inverts the colours of the image. The source image will be used for the light theme.
{{ invertible_image(src="$BASE_URL/img/graph.webp", alt="Invertible graph") }}