rickub
mykiwi/mykiwi.blogpublic Fork
⑂ b148e7c
Branches
main View all branches → View all tags →
Commits
⬇ Clone ▾
git clone https://git.rickub.com/mykiwi/mykiwi.blog.git
git clone ssh://git@rickub.com/mykiwi/mykiwi.blog.git

Host key fingerprint (ed25519): SHA256:iycHnxEyq0Q7uyVpB7JlznP0G7JrTPXLYRcAU5CSLhc — verify it before your first connect.

Download ZIP

Cover figures, SVG, video, nested quotes and more in the example page

Romain Gautier committed 2026-09-25T00:25:29+02:00 Browse files
b148e7c parent: 2bb3794
modified blog/content/example.md +74 -1
@@ -15,7 +15,7 @@ render = 'always'
1515 noindex = true
1616 +++
1717
18-A paragraph with **bold**, *italic*, ***both***, ~~strikethrough~~, `inline code`, a [link](https://mykiwi.blog), <kbd>Ctrl</kbd> + <kbd>K</kbd>, H<sub>2</sub>O, x<sup>2</sup>, and a footnote.[^1]
18+A paragraph with **bold**, *italic*, ***both***, ~~strikethrough~~, `inline code`, a [link](https://mykiwi.blog), <kbd>Ctrl</kbd> + <kbd>K</kbd>, H<sub>2</sub>O, x<sup>2</sup>, and footnotes.[^1][^2]
1919
2020 ## Headings
2121
@@ -115,6 +115,78 @@ Hidden content, with `code` and a list:
115115
116116 </details>
117117
118+## Figures
119+
120+<figure>
121+<img src="/images/avatar.jpg" alt="Avatar" width="160">
122+<figcaption>An image inside a figure, with a caption.</figcaption>
123+</figure>
124+
125+<figure>
126+<svg viewBox="0 0 320 80" role="img" aria-label="Diagram: browser to cache to VM" width="100%">
127+<rect x="4" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
128+<rect x="120" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
129+<rect x="236" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
130+<path d="M84 40h36M200 40h36" stroke="currentColor" fill="none"/>
131+<text x="44" y="45" text-anchor="middle" fill="currentColor" font-size="12">browser</text>
132+<text x="160" y="45" text-anchor="middle" fill="currentColor" font-size="12">cache</text>
133+<text x="276" y="45" text-anchor="middle" fill="currentColor" font-size="12">VM</text>
134+</svg>
135+<figcaption>An inline SVG diagram using <code>currentColor</code>, so it follows the theme.</figcaption>
136+</figure>
137+
138+<figure>
139+<video controls preload="none" width="100%"></video>
140+<figcaption>A video element (no source, layout check only).</figcaption>
141+</figure>
142+
143+## ASCII art and plain blocks
144+
145+```text
146++-----+-----+
147+| 0 | 1 |
148++-----+-----+
149+| 3 | 2 |
150++-----+-----+
151+```
152+
153+```console
154+$ ldd ./hello
155+ libc.so.6 => /nix/store/…-glibc-2.40/lib/libc.so.6
156+```
157+
158+## Nested quotes and summary
159+
160+> **tl;dr** A quote used as an opening summary.
161+>
162+> > A nested quote inside it.
163+
164+## More lists
165+
166+- A list item with a paragraph.
167+
168+ A second paragraph inside the same item.
169+
170+- An item with code:
171+
172+ ```sh
173+ echo nested
174+ ```
175+
176+- An item with a [link](https://mykiwi.blog).
177+
178+## Long table
179+
180+| Package | Cold load (s) | Warm load (s) | Notes |
181+|---------|--------------:|--------------:|-------|
182+| hello | 1.2 | 0.4 | tiny closure |
183+| python3 | 8.9 | 2.1 | many small files |
184+| a-very-long-package-name-that-forces-horizontal-scrolling | 14.3 | 3.7 | wide table on narrow screens |
185+
186+## Links
187+
188+A bare URL: https://mykiwi.blog/example/, an [in-page anchor](#headings), and an [external link](https://example.com).
189+
118190 ## Misc
119191
120192 <mark>Highlighted</mark>, <abbr title="HyperText Markup Language">HTML</abbr>, <del>deleted</del>, <ins>inserted</ins>.
@@ -124,3 +196,4 @@ A very long unbroken string to test overflow: `aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
124196 日本語のテキスト、émojis 🎉, and “smart quotes” — dashes – and… ellipses.
125197
126198 [^1]: The footnote text, with a [link](https://mykiwi.blog).
199+[^2]: A second footnote, to check numbering and back-links.
@@ -15,7 +15,7 @@ render = 'always'
15 noindex = true15 noindex = true
16 +++16 +++
17 17
18-A paragraph with **bold**, *italic*, ***both***, ~~strikethrough~~, `inline code`, a [link](https://mykiwi.blog), <kbd>Ctrl</kbd> + <kbd>K</kbd>, H<sub>2</sub>O, x<sup>2</sup>, and a footnote.[^1]18+A paragraph with **bold**, *italic*, ***both***, ~~strikethrough~~, `inline code`, a [link](https://mykiwi.blog), <kbd>Ctrl</kbd> + <kbd>K</kbd>, H<sub>2</sub>O, x<sup>2</sup>, and footnotes.[^1][^2]
19 19
20 ## Headings20 ## Headings
21 21
@@ -115,6 +115,78 @@ Hidden content, with `code` and a list:
115 115
116 </details>116 </details>
117 117
118+## Figures
119+
120+<figure>
121+<img src="/images/avatar.jpg" alt="Avatar" width="160">
122+<figcaption>An image inside a figure, with a caption.</figcaption>
123+</figure>
124+
125+<figure>
126+<svg viewBox="0 0 320 80" role="img" aria-label="Diagram: browser to cache to VM" width="100%">
127+<rect x="4" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
128+<rect x="120" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
129+<rect x="236" y="20" width="80" height="40" rx="4" fill="none" stroke="currentColor"/>
130+<path d="M84 40h36M200 40h36" stroke="currentColor" fill="none"/>
131+<text x="44" y="45" text-anchor="middle" fill="currentColor" font-size="12">browser</text>
132+<text x="160" y="45" text-anchor="middle" fill="currentColor" font-size="12">cache</text>
133+<text x="276" y="45" text-anchor="middle" fill="currentColor" font-size="12">VM</text>
134+</svg>
135+<figcaption>An inline SVG diagram using <code>currentColor</code>, so it follows the theme.</figcaption>
136+</figure>
137+
138+<figure>
139+<video controls preload="none" width="100%"></video>
140+<figcaption>A video element (no source, layout check only).</figcaption>
141+</figure>
142+
143+## ASCII art and plain blocks
144+
145+```text
146++-----+-----+
147+| 0 | 1 |
148++-----+-----+
149+| 3 | 2 |
150++-----+-----+
151+```
152+
153+```console
154+$ ldd ./hello
155+ libc.so.6 => /nix/store/…-glibc-2.40/lib/libc.so.6
156+```
157+
158+## Nested quotes and summary
159+
160+> **tl;dr** A quote used as an opening summary.
161+>
162+> > A nested quote inside it.
163+
164+## More lists
165+
166+- A list item with a paragraph.
167+
168+ A second paragraph inside the same item.
169+
170+- An item with code:
171+
172+ ```sh
173+ echo nested
174+ ```
175+
176+- An item with a [link](https://mykiwi.blog).
177+
178+## Long table
179+
180+| Package | Cold load (s) | Warm load (s) | Notes |
181+|---------|--------------:|--------------:|-------|
182+| hello | 1.2 | 0.4 | tiny closure |
183+| python3 | 8.9 | 2.1 | many small files |
184+| a-very-long-package-name-that-forces-horizontal-scrolling | 14.3 | 3.7 | wide table on narrow screens |
185+
186+## Links
187+
188+A bare URL: https://mykiwi.blog/example/, an [in-page anchor](#headings), and an [external link](https://example.com).
189+
118 ## Misc190 ## Misc
119 191
120 <mark>Highlighted</mark>, <abbr title="HyperText Markup Language">HTML</abbr>, <del>deleted</del>, <ins>inserted</ins>.192 <mark>Highlighted</mark>, <abbr title="HyperText Markup Language">HTML</abbr>, <del>deleted</del>, <ins>inserted</ins>.
@@ -124,3 +196,4 @@ A very long unbroken string to test overflow: `aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
124 日本語のテキスト、émojis 🎉, and “smart quotes” — dashes – and… ellipses.196 日本語のテキスト、émojis 🎉, and “smart quotes” — dashes – and… ellipses.
125 197
126 [^1]: The footnote text, with a [link](https://mykiwi.blog).198 [^1]: The footnote text, with a [link](https://mykiwi.blog).
199+[^2]: A second footnote, to check numbering and back-links.