Fix post sorting + make card linkable

layouts/_default/single.html

@@ -35,23 +35,28 @@
   <!---Next and Previous Navigator -->
   <hr />
   <div class="row next-prev-navigator">
-    {{ if .Prev }}
-    <div class="col-md-6 previous-article">
-      <a href="{{.Prev.RelPermalink}}" class="btn btn-outline-info">
-        <span><i class="fas fa-chevron-circle-left"></i> Prev</span>
-        <br />
-        <span>{{ .Prev.Title }}</span>
-      </a>
-    </div>
-    {{ end }}
-    {{ if .Next }}
-    <div class="{{ if .Prev }}col-md-6{{ else }}col-md-12{{ end }} next-article">
-      <a href="{{ .Next.RelPermalink }}" class="btn btn-outline-info">
-        <span>Next <i class="fas fa-chevron-circle-right"></i></span>
-        <br />
-        <span>{{ .Next.Title }}</span>
-      </a>
-    </div>
+    {{ $currentPage := . }}
+    {{ range .Site.RegularPages.ByDate }}
+      {{ if eq .RelPermalink  $currentPage.RelPermalink }}
+        {{ if .Next }}
+        <div class="col-md-6 previous-article">
+          <a href="{{.Next.RelPermalink}}" class="btn btn-outline-info">
+            <span><i class="fas fa-chevron-circle-left"></i> Prev</span>
+            <br />
+            <span>{{ .Next.Title }}</span>
+          </a>
+        </div>
+        {{ end }}
+        {{ if .Prev }}
+        <div class="{{ if .Next }}col-md-6{{ else }}col-md-12{{ end }} next-article">
+          <a href="{{ .Prev.RelPermalink }}" class="btn btn-outline-info">
+            <span>Next <i class="fas fa-chevron-circle-right"></i></span>
+            <br />
+            <span>{{ .Prev.Title }}</span>
+          </a>
+        </div>
+        {{ end }}
+      {{ end }}
     {{ end }}
   </div>
   <hr />

layouts/partials/cards/post.html

@@ -1,19 +1,21 @@
 <div class="filtr-item" data-category='{{ partial "helpers/get-categories.html" . }}'>
-  <div class="card">
-    <div class="card-head">
-      <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/>
-    </div>
-    <div class="card-body">
-      <h5 class="card-title">{{ .Title }}</h5>
-      <p class="card-text post-summery">{{ .Summary }}</p>
-    </div>
-    <div class="card-footer">
-      <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
-      <a
+  <a href="{{ .RelPermalink }}" class="post-card-link">
+    <div class="card">
+      <div class="card-head">
+        <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/>
+      </div>
+      <div class="card-body">
+        <h5 class="card-title">{{ .Title }}</h5>
+        <p class="card-text post-summery">{{ .Summary }}</p>
+      </div>
+      <div class="card-footer">
+        <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+        <a
         href="{{ .RelPermalink }}"
         class="float-right btn btn-outline-info btn-sm"
         >Read</a
-      >
+        >
+      </div>
     </div>
-  </div>
+  </a>
 </div>

layouts/partials/cards/recent-post.html

@@ -1,17 +1,19 @@
 <div class="col-lg-4 col-md-6 pt-2">
-  <div class="card">
-    <div class="card-head">
-      <img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}'
-        alt="Card image cap"
-      />
+  <a href="{{ .RelPermalink }}" class="post-card-link">
+    <div class="card">
+      <div class="card-head">
+        <img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}'
+          alt="Card image cap"
+        />
+      </div>
+      <div class="card-body">
+        <h5 class="card-title">{{ .Title }}</h5>
+        <p class="card-text post-summery"> {{ .Summary }}</p>
+      </div>
+      <div class="card-footer">
+        <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+        <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
+      </div>
     </div>
-    <div class="card-body">
-      <h5 class="card-title">{{ .Title }}</h5>
-      <p class="card-text post-summery"> {{ .Summary }}</p>
-    </div>
-    <div class="card-footer">
-      <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
-      <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
-    </div>
-  </div>
+  </a>
 </div>

layouts/partials/posts.html

@@ -1,4 +1,4 @@
-{{ range .Pages }}
+{{ range .Site.RegularPages.ByDate.Reverse }}
     {{ if .IsNode }}
         {{ partial "posts.html" . }}
     {{ else }}

layouts/partials/recent-posts.html

@@ -2,7 +2,7 @@
   <h1 class="text-center">Recent Posts</h1>
   <div class="container">
     <div class="row" id="recent-post-cards">
-      {{ range first 3 (where .Site.RegularPages "Type" "!=" "section" )}}
+      {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Type" "!=" "section" )}}
         {{ partial "cards/recent-post.html" . }}
       {{ end }}
     </div>

static/assets/css/list.css

@@ -205,6 +205,10 @@ a.focused {
   -webkit-box-orient: vertical;
 }
 
+.post-cards .post-card-link{
+  text-decoration: none;
+}
+
 .navbar-toggler {
   display: none;
 }

static/assets/css/recent-posts.css

@@ -12,6 +12,10 @@
   background: #fff;
 }
 
+.recent-posts .post-card-link{
+  text-decoration: none;
+}
+
 .post-summery {
   overflow: hidden;
   text-overflow: ellipsis;