alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ 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
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") }}