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