remove the newsletter and rename the card

Author: officialrajdeepsingh

post.hbs

@@ -2,40 +2,46 @@
 
 {{#post}}
 
+  <article class="{{post_class}} pt-8 pb-16 lg:pt-16 lg:pb-24 antialiased flex flex-col justify-between px-4 mx-auto max-w-screen">
+      
+      <section class="mx-auto text-center w-full max-w-4xl prose-neutral prose-sm prose-ul:list-disc prose-ol:list-disc sm:prose-base lg:prose-lg format-blue dark:format-invert">
+          
+          <time class="w-full text-slate-600 dark:text-slate-400 font-extrabold text-xs xs:text-xs sm:text-xs md:text-sm lg:text-sm xl:text-sm 2xl:text-sm " datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time>
+          <h1 class="mb-4 text-3xl font-extrabold text-center leading-tight text-gray-900 lg:mb-6 lg:text-6xl dark:text-white"> {{title}} </h1>
+          <p class="text-slate-600 dark:text-slate-400 text-xs xs:text-xs sm:text-xs md:text-sm lg:text-2xl ">{{excerpt}}</p>
 
-{{!-- Pass reading_time time to authors partials with block , learn more about about block https://ghost.org/docs/themes/helpers/block/ --}}
-{{#contentFor "fastestReadingTime"}}
 
- <p class="text-slate-600 dark:text-slate-400 text-xs xs:text-xs sm:text-xs md:text-sm lg:text-sm xl:text-sm 2xl:text-sm ">
-    {{reading_time}}
- </p>
+          <header class="mb-4 lg:mb-6 not-prose mx-auto">
+              <address class="flex items-center justify-center mb-6 not-italic">
+                  <div class="inline-flex items-center mr-3 text-sm text-gray-900 dark:text-white">
+                      <img class="mr-4 w-16 h-16 rounded-full" src="{{primary_author.profile_image}}" alt="{{primary_author.name}}">
+                      <div>
+                          <a href="{{primary_author.url}}" rel="author" class="text-xl font-bold text-gray-900 dark:text-white">{{primary_author.name}}</a>
+                      </div>
+                  </div>
+              </address>
+          </header>
 
-{{/contentFor}}
+          <div class="my-5">
 
-<article class="{{post_class}} w-6/6 p-2">
+            {{#foreach tags visibility="public"}} 
+           
 
-    <!-- article thumbnail with partials/authors -->
-    {{> featureImage}}
+               <a href="{{url}}" class="bg-purple-100 text-purple-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-purple-400 border border-purple-400" > # {{name}}</a>
 
-    <!-- Heading section -->
-    <div class="m-auto mb-4 w-6/6 xs:w-5/6 sm:w-5/6 md:w-5/6 lg:w-5/6 xl:w-5/6 2xl:w-5/6">
-        <h1 class="mt-8 text-3xl xs:text-4xl sm:text-5xl md:text-5xl xl:text-5xl 2xl:text-5xl">
-             {{title}} 
-        </h1>
-        <p class="text-slate-600 dark:text-slate-500 mt-2 text-1xl">
-            {{excerpt}}
-        </p>
-    </div>
-    
-    <!--  Author card partials/authors -->
-    {{> authors}}
+            {{/foreach}}
+
+          </div>  
+      </section>
+
+        {{> featureImage}}
+
+       <section class="mx-auto w-full max-w-4xl prose-neutral prose-sm prose-ul:list-disc prose-ol:list-disc sm:prose-base lg:prose-lg format-blue dark:format-invert">
+            {{content}}
+       </section>
+  </article>
 
-    <!-- article body -->
-    <div class="prose-lg prose-neutral m-auto p-2 my-10 w-10/12">
-        {{content}}
-    </div>
 
-</article>
 
 
     {{!-- partials/comment --}}
@@ -54,15 +60,12 @@
 
 {{!-- loop all post --}}
 {{#foreach posts}}
-    {{> postCard }}
+    {{> card }}
 {{/foreach}}
 
 {{/if}}
 
 {{/get}}
 
 
-{{/post}}
-
-{{!-- newsletter partials --}}
-{{> newsletter}}
+{{/post}}