--- Title: Test customblocks status: hidden Date: 2020-07-20 Category: internal test --- ## Aside ::: aside update body ::: aside note style='--quip: "manual quip";' body ::: aside tangent This indicates that I have just told you a little white lie for the sake of simplicity, like a math teacher fibbing that you can't take the square root of negative numbers, but my conscience will not let it go uncommented upon. ::: aside tangent This indicates that I have just told you a little white lie for the sake of simplicity, like a math teacher fibbing that you can't take the square root of negative numbers, but my conscience will not let it go uncommented upon. i'm indented! don't kill me ::: (Actually, Twitter stopped using eggs as default avatars in April 2017.) ## Askblog ::: askblog name="Flare" avatar="https://file.garden/X1htvgJ0DEp_tp-Z/Static%20Bi%20Robin.png" I do think a very rudimentary like, quiz mode might be good as well, where it just hides the next question until you answer the current one ## Code fences see extensions file for superfences etc ## Generic Blockquote with attributes /// html | blockquote.psycholonials ABBY: Keeping an unsorted list of people you've decided are bad is the kind of thing crazy dictators do /// ::: blockquote psycholonials ABBY: Keeping an unsorted list of people you've decided are bad is the kind of thing crazy dictators do ::: container center Container with .center ## Figure ::: figure https://www.w3schools.com/howto/img_lights.jpg alt='an image' nice This is a **nice** image. Preview lightboxes ::: figure lightbox https://www.w3schools.com/howto/img_lights.jpg pull-right style="width:40%" what a gorgeus image ::: figure lightbox https://www.w3schools.com/howto/img_lights.jpg box style="width:40%" what a gorgeus image, in a box ## Preformatted HTML 
* Eh?
* You don't know what *that* is?
* What are they teaching you kids in school nowadays...?
* Wa ha ha!
* That's the Delta Rune, the emblem of our kingdom.
* The Kingdom...
* ... of Monsters.
mdx html pre /// html | pre * Eh? * You don't know what *that* is? * What are they teaching you kids in school nowadays...? * Wa ha ha! * That's the Delta Rune, the emblem of our kingdom. * The Kingdom... * ... of Monsters. /// /// html | pre some *markdown* content /// nomarkdown code fence is=pre ```{.nomarkdown .deltarune .pre-wrap is="pre"} * Eh? * You don't know what *that* is? * What are they teaching you kids in school nowadays...? * Wa ha ha! * That's the Delta Rune, the emblem of our kingdom. * The Kingdom... * ... of Monsters. ``` ## Spoilers mdx /// spoiler mdx spoiler body line 1 with *nested* elem line 2 /// /// spoiler desc: secrets secret /// cb ::: spoiler This is *true* markdown text. Markdown allows you to be lazy and only put the `>` before the first line of a hard-wrapped paragraph: > This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Spoilers will happily nest arbitrarily: ::: spoiler See? ::: spoiler Pesterlog This is *true* markdown text. TOC inside a spoiler: ::: spoiler TOC [TOC] ## Supercartridge ::: supercartridge ::: discord avatar_Flare="https://file.garden/X1htvgJ0DEp_tp-Z/Static%20Bi%20Robin.png" color_Gio="#aa0001" - Gio + Wow! This discord layout is so much easier to understand, and more compact too! + This is a new message! Ooo look how the color changes when I highlight a bit! - Gio + Actually yeah I love that - Flare + You are right to. You are a perfect person w/o cart --- ![test](./test.png) w/ cart ::: supercartridge --- ![test](./test.png) ## Chat ### iMessage mdx /// imessage + You * First message + Them2 * Reply * Reply2 + Another Them * Reply3 /// --- /// imessage name: "im gio" style: "--color-self: var(--color-imessage);" + You * First message + Them2 * Reply * Reply2 + Another Them * Reply3 /// --- /// imessage image: "/theme/images/icons/gio.svg" + You * First message /// cb ::: imessage + You * First message + Them2 * Reply * Reply2 + Another Them * Reply3 --- ::: imessage name="im gio" style="--color-self: var(--color-imessage);" + You * First message + Them * Reply --- ::: imessage image="/theme/images/icons/gio.svg" style="--color-self: var(--color-sms);" + You * First message + Them * Reply --- ::: imessage name="im gio" image="/theme/images/icons/gio.svg" + You * First message * Second message Yesterday 2:21 PM + Them * Reply ::: imessage style="--color-self: var(--color-sms);" + You * Another message --- ::: imessage + You * First message + Them2 * Reply * Reply2 + Another Them * Reply3 ### Discord cb version ::: discord avatar_Flare="https://file.garden/X1htvgJ0DEp_tp-Z/Static%20Bi%20Robin.png" color_Gio="#aa0001" - Gio + Wow! This discord layout is so much easier to understand, and more compact too! + This is a new message! Ooo look how the color changes when I highlight a bit! - Gio + Actually yeah I love that - Flare + You are right to. You are a perfect person mdx blocks version /// discord avatars: {"Flare": "https://file.garden/X1htvgJ0DEp_tp-Z/Static%20Bi%20Robin.png"} colors: {"Gio": "#aa0001"} - Gio + Wow! This discord layout is so much easier to understand, and more compact too! + This is a new message! Ooo look how the color changes when I highlight a bit! - Gio + Actually yeah I love that - Flare + You are right to. You are a perfect person ///