You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
795 B
Markdown
33 lines
795 B
Markdown
2 years ago
|
+++
|
||
|
|
title = "Custom shortcodes"
|
||
|
|
date = "2023-02-19"
|
||
|
|
[taxonomies]
|
||
|
|
tags = ["test", "shortcodes"]
|
||
|
|
+++
|
||
|
|
|
||
|
|
## Image shortcodes
|
||
|
|
|
||
|
|
### Invertible image
|
||
|
|
|
||
|
|
You can use this shortcode for graphs, line drawings, diagrams…
|
||
|
|
|
||
|
|
{{ invertible_image(src="$BASE_URL/img/graph.webp", alt="Invertible graph") }}
|
||
|
|
|
||
|
|
Usage:
|
||
|
|
|
||
|
|
```
|
||
|
|
{{/* invertible_image(src="img/graph.webp", alt="Invertible graph") */}}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Dimmable image
|
||
|
|
|
||
|
|
Images with too much brightness or contrast can be jarring against a dark background. Here's an example of a photograph that dims when the dark theme is active.
|
||
|
|
|
||
|
|
{{ dimmable_image(src="$BASE_URL/img/desert_by_oskerwyld.webp", alt="Photograph of a desert, heavenly sky") }}
|
||
|
|
|
||
|
|
Usage:
|
||
|
|
|
||
|
|
```
|
||
|
|
{{/* dimmable_image(src="img/desert_by_oskerwyld.webp", alt="Photograph of a desert, heavenly sky") */}}
|
||
|
|
```
|