New component: Quote Callouts (Stylized Quote Boxes)

General Forum Announcements
1

I’m testing a forum component which allows you to stylize quote boxes.

[!bug]
Synthwave theme resolves to a black screen on Mac Safari. Other themes work fine.

[!question]
I like the text-only inventory view, but could it include the description of an item and a less obvious missing image box?

[!warning]
Um, what’s the eye? And it’s greyed out? This won’t show up in the game, so dunno what this is.

Essentially it’s an extension of the quote feature and can be added using the format

[!example]

>[!question] 
>Continued quote text in the same box

>[!question] Custom Label Text
>Continued quote text in the same box

[!question]
Continued quote text in the same box

[!question] Custom Label Text
Continued quote text in the same box

[!tip]
Boxes can be nested:
>[!abstract]
>Lorem ipsum
> >[!question]
> >What language is that?

[!abstract]
Lorem ipsum

[!question]
What language is that?

Type Description Aliases
note For general notes and information -
abstract For summaries or abstract sections summary, tldr
info For informational content -
todo For task lists or todo items -
tip For tips and important information hint, important
success For success messages check, done
question For questions and FAQs help, faq
warning For warnings caution, attention
failure For failure notices fail, missing
danger For danger or error messages error
bug For bug reports or known issues -
example For examples -
quote For quotes cite

I’m unsure if anyone will actually use this, but I thought it was cool!
For full functionality, see this message on Discourse Meta:

10 Likes
2

[!warning]
Oh, I’ll use it.

[!danger]
I’ll use it plenty.

10 Likes
3

Thanks Hanon for mentioning it. I guess you didn’t develop it personally? If you did, thanks again.

I think I won’t use it. But it is cool and can add “markers” in special situations. On first glance the “question” seems worth using for me personally.

2 Likes
4

No, it’s an add-in component by a creator on Discourse Meta.

5

Having it can’t hurt, and perhaps for longer posts it could be useful. I’m reminded of an old trend where people would put fake warning messages on their profiles:

[!danger]
This user is an internationally wanted criminal on the run from Interpol.

It’s annoying that it doesn’t show up in the preview, though. I don’t know if it’s really working or not until I press send.

Edit: Nevermind, I just had the syntax wrong. You can’t just put [!question] before your message, but also need to wrap the whole thing in a quotation. Like so:

> [!danger]
> This user is an internationally wanted criminal on the run from Interpol.
3 Likes
6

Yes, the “Example” callout example in the first post is wrong.

I like callouts, I use them all the time on GitHub and in Obsidian. In the latter, though, they’re collapsible, which is useful. Not sure if that’s supported here? Let’s see…

[!info]-
It is!

3 Likes
7

The plugin designer modeled them on Obsidian.

That’s super cool if that’s how it works…

[!question]-
Is this a click to reveal thing now…? Yiissss! Just put a minus after the brackets.

[!example]- Code
>[!question]-

[!todo]- My Todo List

  • Write documentation
  • Add tests
  • Review code
8

[!warning]
This user really loves spiders, millipedes, and jet aircraft.

Oh cool, it works!!

2 Likes
9

I fixed it, thank you!

[!danger]- Content warning
Concealed text continues in >quote blocks

>[!danger]- tag

>[!danger]- Content warning
>concealed text

[!warning]- Spoiler
I can’t stop playing with these.

>[!warning]- tag

1 Like
10

[!warning] Warning!
I will use this way too much …

2 Likes