zola migrate

templates/partials/postCard.html

@@ -0,0 +1,43 @@
+<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+  <div class="flex-1 border-b">
+    <a href="{{ post.permalink }}" class="block">
+      <div class="flex-shrink-0">
+        <img class="h-48 w-full mx-auto object-cover" src=/{{post.extra.imgPath}} alt="" />
+      </div>
+      <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+
+        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
+          {{ post.title }}
+        </h3>
+        {% if post.description %}
+        <p class="mt-3 text-sm font-normal leading-6 text-gray-500 text-left">
+          {{ post.description }}
+        </p>
+        {% endif %}
+    </a>
+  </div>
+  <div class="w-full post-card-meta py-3">
+    <div class="avatars">
+      <div class="flex items-center">
+        <div class="flex justify-between items-center">
+          <ul class="list-none flex author-list mr-2">
+            <li class="author-list-item"><img alt="{{post.extra.author}}" src="{{post.extra.authorImg}}"
+                class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></li>
+          </ul>
+        </div>
+        <div class="flex text-xs leading-none uppercase">
+          <time datetime="{{post.date}}">
+            {{ post.date | date(format="%B %e, %Y", timezone="America/Chicago") }}
+          </time>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+
+<style>
+  .border-b {
+    border-bottom-width: 1px !important;
+  }
+</style>