{{ if compact }}
    <li class="bg-surface0 rounded">
        <a href="{{ post.url }}">
            <div class="m-4 pb-1">
                <p class="text-subtext1 text-lg">{{ post.title }}</p>
                <p class="inline italic text-subtext0">{{ post.summary }}</p>
                <p class="float-right inline text-blue">{{ post.date |> date('DATE') }}</p>
            </div>
        </a>
    </li>
{{ else }}
    <li class="bg-surface0 rounded-md">
        <a href="{{ post.url }}">
            <div class="m-6 py-2">
                <h2 class="text-subtext1 font-serif text-2xl mb-2">{{ post.title }}</h2>
                <h3 class="text-lg lg:inline italic text-subtext0">{{ post.summary }}</h3>
                <p class="text-lg lg:float-right lg:inline text-blue">
                    {{ post.date |> date('DATE') }}
                </p>
            </div>
        </a>
    </li>
{{ /if }}