Contents

<div class="flex flex-col-reverse justify-between md:flex-row mx-auto">
  <div class="max-w-xl">
    <div class="mb-4 mt-4 md:mt-0 md:mb-6">
      <a href="{{site.url}}{{site.baseurl}}/category/{{include.post.categories[0] | replace: ' ', '-' | downcase}}"
        aria-label="Category {{include.post.categories[0]}} url" class="font-mulish hover:text-sky-400 text-gray-600">
        {{ include.post.categories[0] | upcase }}
      </a>
    </div>
    <a href="{{include.post.url | relative_url}}">
      <h2 class="hover:underline decoration-2 text-2xl md:text-4xl font-bold text-gray-800 pb-4 ">{{ include.post.title
        }}</h2>
    </a>
    <div class="md:text-lg pb-6 font-semibold">
      <a href="{{include.post.url | relative_url}}" aria-label="Post Url">
        {{include.post.excerpt}}
      </a>
    </div>
    <a href="{{ include.post.url | relative_url }}"
      class="hover:underline decoration-2 underline-offset-2 hover:text-sky-400 text-lg font-semibold ">
      {{ site.data[site.active_lang].strings.blog.read_more | default:
      site.data['en'].strings.blog.read_more}}
    </a>
  </div>
  <div class="w-full md:w-1/2 h-80 md:h-96 bg-cover bg-center"
    style="background-image: url('{{ include.post.image }}')">
  </div>
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
awesome-jekyll-theme-0.0.3	_includes/post_main.html