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

📝 style: showcase tables & invertable images

Browse Source
This commit is contained in:
welpo 2023-02-11 20:55:27 +01:00
parent 5b45351970
commit 394479d777
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
content/markdown.md
View File

@ -5,6 +5,23 @@ date = "2023-01-31"
tags = ["markdown", "test"] tags = ["markdown", "test"]
+++ +++
## Table
Here's an example of a table. Its header colour changes depending on the current theme.
| Symbol | Element | Atomic Number |
|---------|---------|---------------|
| H | Hydrogen| 1 |
| C | Carbon | 6 |
| Fe | Iron | 26 |
| Au | Gold | 79 |
## Invertable image
This image inverts when switching to dark mode. This isn't very useful for photographs, but works great for diagrams, line drawings, graphs…
{{ invertable_image(src="$BASE_URL/img/graph.png", alt="Invertable graph") }}
## Code Block ## Code Block
```rust ```rust
@ -23,8 +40,3 @@ fn main() {
Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit. Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
`Lorem ipsum dolor sit amet, consectetur adipiscing elit.` `Lorem ipsum dolor sit amet, consectetur adipiscing elit.`
## Invertable image
This image inverts when switching to dark mode. This isn't very useful for photographs, but works great for diagrams, line drawings, graphs…
{{ invertable_image(src="$BASE_URL/img/graph.png", alt="Invertable graph") }}