refactor: make article-list/compact better for term pages (#1289)

* refactor: rename article-time class to article-footer for consistency

* feat: show the number of subpages in `article-compact` when the page is a term

assets/scss/partials/article.scss

@@ -71,7 +71,7 @@
     gap: 8px;
 }
 
-.article-time,
+.article-footer,
 .article-translations,
 .article-header-tags {
     display: flex;
@@ -173,7 +173,7 @@
             }
         }
 
-        .article-time {
+        .article-footer {
             font-size: 1.4rem;
         }
 

layouts/_partials/article-list/compact.html

@@ -4,11 +4,23 @@
             <h2 class="article-title">
                 {{- .Title -}}
             </h2>
-            <footer class="article-time">
+            
-                <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
+            {{- $description := .Params.description -}}
-                    {{- .Date | time.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
+            {{- $IsTerm := in .Kind "term" -}}
-                </time>
+            {{- if $IsTerm -}}
-            </footer>
+                {{- $description = $description | default (T "list.page" (len .Pages)) -}}
+            {{- end -}}
+            {{- if or $description (not .Date.IsZero) -}}
+                <footer class="article-footer">
+                    {{- if not .Date.IsZero -}}
+                        <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+                            {{- .Date | time.Format .Site.Params.dateFormat.published -}}
+                        </time>
+                    {{- else if $description -}}
+                        <span class="article-description">{{- $description -}}</span>
+                    {{ end }}
+                </footer>
+            {{- end -}}
         </div>
 
         {{- $image := partial "helper/image" (dict "Image" .Params.image "Resources" .Resources) -}}

layouts/_partials/article/components/details.html

@@ -32,7 +32,7 @@
     {{ $showDate := not $Page.Date.IsZero }}
     {{ $showFooter := or $showDate $showReadingTime }}
     {{ if $showFooter }}
-    <footer class="article-time">
+    <footer class="article-footer">
         {{ if $showDate }}
             <div>
                 {{ partial "helper/icon" "date" }}

layouts/_partials/article/components/links.html

@@ -6,7 +6,7 @@
                     <h2 class="article-title">
                         {{- $link.title -}}
                     </h2>
-                    <footer class="article-time">
+                    <footer class="article-footer">
                         {{ with $link.description }}
                             {{ . }}
                         {{ else }}