{{ define "main" }}
<section class="blog-recent">
    {{ partial "snippet-list" (dict "showAllArticles" true) }}
</section>
{{ end }}

{{ define "aside" }}
<section class="blog-popular">
    <h3>Popular content</h3>
    <ul class="popular-items">
        <li>
            <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
            <a class="link" href="#">Lorem ipsum dolor sit, amet consectetur adipisicing.</a>
        </li>
        <li>
            <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
            <a class="link" href="#">Lorem ipsum dolor sit.</a>
        </li>
        <li>
            <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
            <a class="link" href="#">Lorem ipsum dolor sit, amet consectetur adipisicing.</a>
        </li>
        <li>
            <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
            <a class="link" href="#">Lorem ipsum dolor sit, amet consectetur adipisicing.</a>
        </li>
        <li>
            <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span>
            <a class="link" href="#">Lorem ipsum dolor sit, amet consectetur adipisicing.</a>
        </li>
    </ul>
</section>
{{ end }}