Using panelsets
How to add panelsets in plain markdown posts.
January 2, 2021
Courtesy of panelset.js by Garrick Aden-Buie, from his xaringanExtra package: https://pkg.garrickadenbuie.com/xaringanExtra/#/panelset
For example, this panelset:
Hello! π
hello
Goodbye π¨
goodbye
Was created by combining this theme’s panelset
and panel
shortcodes:
{{< panelset class="greetings" >}}
{{< panel name="Hello! :wave:" >}}
hello
{{< /panel >}}
{{< panel name="Goodbye :dash:" >}}
goodbye
{{< /panel >}}
{{< /panelset >}}
You could also revert to HTML as well. For example, this panelset:
Question
Which came first: the π or the π₯?
Answer π£
Team π₯ FTW!
Was created with this HTML code:
<div class="panelset">
<div class="panel">
<div class="panel-name">Question</div>
<!-- Panel content -->
<p>Which came first: the π or the π₯?</p>
</div>
<div class="panel">
<div class="panel-name">Answer π£</div>
<!-- Panel content -->
<p>Team π₯ FTW!</p>
</div>
</div>