Anyone seen an elegant archetype / template for multi-participant dialogue?

Has anyone seen a hugo template / page archetype which portrays conversational dialogue in an elegant to view, and easy to prepare way?

I thought it would be neat to have a template which makes it easier to show chat transcripts… IE a ‘follow-along’ to episodic content, or an interview, or … hell… a multiple participant meeting… ¯_(ツ)_/¯

I could certainly craft something… but also figured it wouldn’t hurt to see if anyone has already gone and done the thing :wink:

TIA! Hope your world is awesome.

I don’t know something existing, so do that. And while you are at it, use <dl>, <dt>, and <dd> for the semantic part.

DL - your whole conversation
DT - chat participant. add a class or id to identify who it is in case you want to add colors or even add data-participant or data-username or something like that to create more involved layouts (avatar bubble, filtering)
DD - their messages. add <time> with a timestamp for sorting and time marks

I would put the whole markup creation (avatars, bubbles, sorting, etc.) into a webcomponent. This way, you could do simple HTML for the content and let the displaying be ruled based on your web component and on another website you just exchange your component code to adapt the display.

Problem: Markdown does not have a definition list. Hugo uses Common Mark which has no definition list extensions. I would solve this conundrum by using frontmatter as container for my conversations (or data files) and then a shortcode with a reference by id.

imho definition list extension in goldmark is supported and now supports id generation for linking

1 Like

Nice, I never saw that extension.

Edit: It will break the way I envisioned the dialogue though… It won’t allow anyone to “speak” multiple times in such a dialogue.