Contents

---
layout: base
---
<div class="flex justify-center py-8 ">
  <article class="text-center prose prose-p:font-extralight prose-slate dark:prose-invert">
    {{ content }}
  </article>
</div>

<div class="md:w-4/5 mx-auto gap-4 md:gap-6  columns-2 md:columns-3">
  {% for post in site.posts %}
  <div class="border-b pb-4 mb-8 break-inside-avoid-column transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-105 duration-300">
    <a href="{{ post.url }}">
      <img src="{{ post.image }}" alt="" class="w-full max-w-screen-sm h-auto shadow-md">
      <h2 class="text-lg md:text-xl lg:text-2xl pt-4 text-ellipsis overflow-hidden">{{post.title}}</h2>
      <div class="">
        {% for tag in post.tags limit:3 %}
          <span class="text-xs text-slate-600/80 dark:text-slate-100/80 align-middle">#{{tag}}</span>
        {% endfor %}
      </div>
    </a>
  </div>
  {% endfor %}
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
wind-theme-0.0.1	_layouts/home.html