📝 docs: use markdown to showcase theme's capabilities

This commit is contained in:
welpo 2023-02-19 19:12:46 +01:00
parent a1c16b0df0
commit 2f07137cca
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
5 changed files with 36 additions and 55 deletions

View file

@ -1,35 +1,10 @@
+++
title = "Markdown Test"
title = "Markdown examples"
date = "2023-01-31"
[taxonomies]
tags = ["markdown", "test"]
+++
## 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") */}}
```
## Table