Dialogue - triplecanopy/b-ber GitHub Wiki
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.
::: 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
<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 -->