Add date to post preview

layouts/_default/article.html

@@ -1,14 +1,15 @@
 <article class="col-sm-6 col-lg-4 mb-4 clearfix" data-wow-duration="500ms">
     <div class="card post-block border-glow-2">
         <div class="card-img">
-            <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
+            <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" alt="{{ .Params.image_alt }}">
         </div>
         
         {{ partial "get_tags.html" . }}
 
         <div class="content pt-0">
+            <small>{{ .Params.Date | time.Format "2006-01-02" }}</small>
             <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
-            <p>{{ .Summary }}</p>
+            <p>{{ .Plain | htmlUnescape | truncate 256 }}</p>
             <a class="btn btn-transparent" href="{{ .Permalink }}">{{ i18n "readMore" }}</a>
         </div>
     </div>

layouts/_default/single.html

@@ -9,19 +9,25 @@
 <section class="section">
     <div class="container">
         <div class="row bg-one">
+            
             <div class="col-lg-8 offset-lg-2 text-center">
-                <h1>{{ .Title }}</h1>
-                <ul class="list-inline mb-50">
+
+                <img class="mt-4 mb-2 lozad rounded-3 img-fluid" src="{{ .Params.Image | absURL }}" alt="blog-image">
+
+                <ul class="list-inline my-4 text-center">
                     <li class="list-inline-item"><a href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}/">{{ .Params.Author }}</a></li>
                     <li class="list-inline-item">Published Date: {{ with site.Params.dateFormat | default "2006-01-02" | .Date.Format }} {{ . }} {{ end }}</li>
                     <li class="list-inline-item">Last Modified: {{ with site.Params.dateFormat | default "2006-01-02" | .Lastmod.Format }} {{ . }} {{ end }}</li>
                 </ul>
-            <img class="img-fluid mb-50 lozad" src="{{ .Params.Image | absURL }}" alt="blog-image">
 
                 {{ partial "get_tags.html" . }}            
 
             </div>
+
+            <h1 class="text-center mx-50 px-lg-5 px-md-5">{{ .Title }}</h1>
+
             <div class="col-lg-8 offset-lg-2">
+
                 <div class="post-single-content">
                     {{ .Content }}
                 </div>
@@ -36,6 +42,7 @@
                 </div>
             </div>
         </div>
+    </div>
 </section>
 
 {{ end }}

layouts/partials/get_tags.html

@@ -2,7 +2,7 @@
     <div class="tagContainer">
     {{ range $index, $tag := (. | sort) }} 
     {{ with $.Site.GetPage (printf "/%s/%s" "tags" $tag) }}
-        <a class="tags" href="{{ .Permalink }}">#{{ $tag | urlize }}</a>
+        <a class="tags" href="{{ .Permalink }}/">#{{ $tag | urlize }}</a>
     {{ end }}
     {{ end }}
     </div>

layouts/partials/tagcloud.html

@@ -13,7 +13,7 @@
         {{ $currentFontSize := (add $smallestFontSize (mul (sub $tagCount $min) $fontStep) ) }}
         {{ $weight := div (sub (math.Log $tagCount) (math.Log $min)) (sub (math.Log $max) (math.Log $min)) }}
         {{ $currentFontSize := (add $smallestFontSize (mul (sub $largestFontSize $smallestFontSize) $weight)) }}
-          <a href="{{ "/tags/" | relURL }}{{ $name | urlize }}" 
+          <a href="{{ "/tags/" | relURL }}{{ $name | urlize }}/" 
           class="tagcloud-item" style="font-size: {{ $currentFontSize }}rem;">
             {{ $name }}<sup>{{ $tagCount }}</sup>
           </a>

layouts/partials/tags.html

@@ -2,7 +2,7 @@
 <ul>
   {{ range $index, $tag := . }} {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $tag) -}}
   <li>
-    <a href="{{ .Permalink }}">{{ $tag | urlize }}</a>
+    <a href="{{ .Permalink }}/">{{ $tag | urlize }}</a>
   </li>
   {{- end -}} {{- end -}}
 </ul>