_layouts/home.html in wind-theme-0.0.2 vs _layouts/home.html in wind-theme-0.1.0

- old
+ new

@@ -1,24 +1,27 @@ --- layout: base --- <div class="flex justify-center py-8 "> - <article class="text-center prose prose-p:font-extralight prose-slate dark:prose-invert"> + <article class="text-center prose prose-p:font-extralight prose-slate dark:prose-invert prose-h1:underline prose-h1:decoration-2 prose-h1:decoration-indigo-600 prose-h1:underline-offset-4"> {{ content }} </article> </div> -<div class="md:w-4/5 mx-auto gap-4 md:gap-6 columns-2 md:columns-3"> +<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="md:fadeIn 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-700 dark:text-slate-100/80 align-middle">#{{tag}}</span> - {% endfor %} - </div> - </a> + <div class="md:fadeIn border-b pb-8 mb-8 break-inside-avoid-column "> + <div class="hover:underline hover:decoration-2 hover:underline-offset-4 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-5 text-ellipsis overflow-hidden">{{post.title}}</h2> + </a> + </div> + + <div class="pt-2"> + {% for tag in post.tags limit:3 %} + <span class="text-xs text-slate-700 dark:text-slate-100/80 align-middle">#{{tag}}</span> + {% endfor %} + </div> </div> {% endfor %} </div>