Dialogue

Dialogue

A dialogue directive can be used to create sections with multiple speakers. The markup that is generated wraps the speakers' names in span elements and adds HTML classes to their enclosing p elements to allow for easy styling.

Input (Markdown)

::: dialogue:interview-part-one

:: Speaker One :: Fusce imperdiet ullamcorper risus, eget tincidunt mi posuere ac.

:: Speaker Two :: Ut tortor urna, consequat a libero eget, tincidunt venenatis dui.

:: Speaker One :: Proin tempor suscipit nisi nec faucibus.

::: exit:interview-part-one

Output (HTML)

<section id="interview-part-one" class=" dialogue">
  <p class="interlocutor-parent"><span class="interlocutor">Speaker One</span> Fusce imperdiet ullamcorper risus, eget
    tincidunt mi posuere ac.</p>
  <p class="interlocutor-parent"><span class="interlocutor">Speaker Two</span> Ut tortor urna, consequat a libero
    eget, tincidunt venenatis dui.</p>
  <p class="interlocutor-parent"><span class="interlocutor">Speaker One</span> Proin tempor suscipit nisi nec
    faucibus.</p>
</section>
<!-- END: section:exit#interview-part-one -->