pagex: reenable json outputs

voidcannon: style lists, use m3 checkboxes

src/content/articles/playground/content.md

@@ -2,8 +2,8 @@ this is sample text (playground)
 
 ## Test Articles
 - [playground](./[playground])
-- - [playground (full theme)](./[playground-full])
+  - [playground (full theme)](./[playground-full])
-- - [playground (no theme)](./[playground-gm3])
+  - [playground (no theme)](./[playground-gm3])
 - [p3](./[playground-p3])
 - [totk](./[playground-totk])
 
@@ -11,7 +11,7 @@ this is sample text (playground)
 
 # Markdown Test Document
 
-This document is designed to test all aspects of the pagex markdown renderer.
+This document is designed to test all aspects of the pagex Markdown renderer.
 
 To modify the test document, make changes in `/src/content/articles/playground/content.md`.
 
@@ -138,15 +138,12 @@ To get an exhaustive list, check `voidcannon/src/client/components.js`. Client-o
 
 ## Headings
 
-*   # H1 Heading
+# H1 Heading
-*   ## H2 Heading
+## H2 Heading
-*   ### H3 Heading
+### H3 Heading
-*   #### H4 Heading
+#### H4 Heading
-*   ##### H5 Heading
+##### H5 Heading
-*   ###### H6 Heading
+###### H6 Heading
-
-> The first `h1` in an article is considered to be the "article title" and gets
-different styling (size increase, smaller gap above).
 
 ## Emphasis
 
@@ -160,11 +157,28 @@ different styling (size increase, smaller gap above).
 
 ### Unordered Lists
 
-*   Item 1
+Unordered Lists get little Material 3 Expressive shapes as their markers.
-*   Item 2
+
-    *   Subitem 1
+* Item 1
-    *   Subitem 2
+* Item 2
-*   Item 3
+  *   Subitem 1
+  *   Subitem 2
+* Item 3
+* Item 4
+* Item 5
+* Item 6
+* Item 7
+* Item 8
+* Item 9
+* Item 10
+* Item 11
+* Item 12
+* Item 13
+* Item 14
+* Item 15
+* Item 16
+* Item 17
+* Item 18
 
 ### Ordered Lists
 
@@ -189,11 +203,18 @@ My favourite animals are the seal 🦭 and the otter 🦦. My favourite emoji is
 - 🇩🇪
 
 First-Party Custom emoji
-- :p3smile: :p3worried: :p3surprised:
-- - `:p3smile: :p3worried: :p3surprised:`
-- :p3arrowup: :p3heart: :p3brokenheart: :p3burger: :p3camera: :p3cat: :p3dog: :p3cloud: :p3cup: :p3moon: :p3fullmoon: :p3pill: :p3rainbow: :p3snowman: :p3star: :p3sun: :p3thumbsup: :p3umbrella: :p3yen:
-- - `:p3arrowup: :p3heart: :p3brokenheart: :p3burger: :p3camera: :p3cat: :p3dog: :p3cloud: :p3cup: :p3moon: :p3fullmoon: :p3pill: :p3rainbow: :p3snowman: :p3star: :p3sun: :p3thumbsup: :p3umbrella: :p3yen:`
 
+- :p3smile: :p3worried: :p3surprised:
+  - `:p3smile: :p3worried: :p3surprised:`
+- :p3arrowup: :p3heart: :p3brokenheart: :p3burger: :p3camera: :p3cat: :p3dog: :p3cloud: :p3cup: :p3moon: :p3fullmoon: :p3pill: :p3rainbow: :p3snowman: :p3star: :p3sun: :p3thumbsup: :p3umbrella: :p3yen:
+  - `:p3arrowup: :p3heart: :p3brokenheart: :p3burger: :p3camera: :p3cat: :p3dog: :p3cloud: :p3cup: :p3moon: :p3fullmoon: :p3pill: :p3rainbow: :p3snowman: :p3star: :p3sun: :p3thumbsup: :p3umbrella: :p3yen:`
+
+<voidcannon-cta>
+    <md-icon slot="icon">
+        warning
+    </md-icon>
+    Check pagex_commons for details on how to add custom emoji.
+</voidcannon-cta>
 
 Supports discord-style shorthands
 - :tada: (`:tada:`)
@@ -207,15 +228,19 @@ Supports discord-style shorthands
 
 Supports discord custom emoji
 - <:meowblob:1245470561296187504>
+  - `<:meowblob:1245470561296187504>`
 - <:catsmile:1271230456188375111>Love<:catsmile:1271230456188375111>:heart:
+  - `<:catsmile:1271230456188375111>Love<:catsmile:1271230456188375111>:heart:`
 - webp-only animated emoji <a:cubus:1402437389095534623>
+  - `<a:cubus:1402437389095534623>`
 
 ### Task Lists
 
 *   [ ] Unchecked task
-*   [x] Checked task
+*   [x] Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task Checked task
 *   [ ] Another unchecked task
 
+
 ## Links
 
 *   [Inline link](https://www.example.com)