{% extends base %}

<!-- goes in body -->
{% block postamble %}
<script src="https://unpkg.com/split-me/dist/split-me.js"></script>
{% endblock %}

<!-- goes in body -->
{% block contents %}
  <split-me n="2" sizes="25%, 75%" min-sizes="0%, 1%">
    <div id="sidebar" slot="0" class="fill">{{ embed(roots.sidebar) }}</div>
    <div id="main" slot="1" class="fill">{{ embed(roots.main) }}</div>
  </split-me>
  <script>
    const splitMeElement = document.querySelector('split-me');
    function handleSplitMeResi