improve avatar and publication date

blog/templates/blog/blog_index_page.html

@@ -19,13 +19,13 @@
                                 <div class="relative aspect-[16/9] lg:w-64 lg:shrink-0">
                                     {% with post.main_image as main_image %}
                                         {% if main_image %}
-                                            {% image main_image width-400 class="blog absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover" %}{% endif %}
+                                            {% image main_image width-800 class="blog absolute inset-0 h-full w-full rounded-2xl bg-gray-50 object-cover" %}{% endif %}
                                     {% endwith %}
                                     <div class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-gray-900/10"></div>
                                 </div>
                                 <div>
                                     <div class="flex items-center gap-x-4 text-xs">
-                                        <time datetime="2020-03-16">{{ post.date }}</time>
+                                        <time datetime="{{ post.date|date:"Y-m-d" }}">{{ post.date }}</time>
 
                                         {% with tags=post.tags.all %}
                                             {% if tags %}

blog/templates/blog/blog_page.html

@@ -8,7 +8,6 @@
     <section class="flex flex-col items-center justify-center h-full max-w-7xl px-0 md:px-4 lg:px-8">
         <article class="mb-16 max-w-7xl px-0 md:px-4 lg:px-8">
             <h1>{{ page.title }}</h1>
-            <p class="meta">{{ page.date }}</p>
 
             {% with authors=page.authors.all %}
                 {% if authors %}
@@ -19,10 +18,11 @@
                                 <div class="group block flex-shrink-0">
                                     <div class="flex items-center">
                                         <div>
-                                            {% image author.author_image fill-64x64 class="inline-block h-14 w-14 rounded-full" %}
+                                            {% image author.author_image fill-168x168 class="inline-block h-14 w-14 rounded-full" %}
                                         </div>
                                         <div class="ml-3">
-                                            <p class="text-sm font-medium"> {{ author.name }}</p>
+                                            <p class="text-sm font-medium m-0"> {{ author.name }}</p>
+                                            <p class="space-x-2 m-0 mt-1 text-left"><span class="emoji" aria-hidden="true">🕘</span><time class="text-sm" datetime="{{ page.date|date:"Y-m-d" }}">{{ page.date }}</time></p>
                                         </div>
                                     </div>
                                 </div>