From 394479d777bcf0c03052521fbe4c9fafe437cf6c Mon Sep 17 00:00:00 2001 From: welpo Date: Sat, 11 Feb 2023 20:55:27 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20style:=20showcase=20tables=20&?= =?UTF-8?q?=20invertable=20images?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/markdown.md | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/content/markdown.md b/content/markdown.md index 891fa22..3524775 100644 --- a/content/markdown.md +++ b/content/markdown.md @@ -5,6 +5,23 @@ date = "2023-01-31" 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 ```rust @@ -23,8 +40,3 @@ fn main() { 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") }}