list view

layouts/_default/baseof.html

@@ -13,6 +13,10 @@
   {{- block "head" . -}}{{- end }}
   {{ else if eq .Site.Params.version 3 }}
   {{- partial "sections/v3/head.html" . -}}
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
+    rel="stylesheet">
+  <link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
   {{- block "head" . -}}{{- end }}
   {{ else }}
   {{ end }}

layouts/_default/list.html

@@ -1,6 +1,7 @@
 {{ define "head"}}
 
 {{ if eq .Site.Params.version 3 }}
+<link rel="stylesheet" href="/css/v3/list.css" media="all">
 {{ else }}
 <!-- Fonts -->
 <link rel="preconnect" href="https://fonts.gstatic.com">
@@ -15,6 +16,41 @@
 
 {{ define "main" }}
 {{ if eq .Site.Params.version 3 }}
+<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
+  <div class="container pt-5">
+    <h3 class="text-center">{{.Title}}</h2>
+      <div class="row justify-content-center">
+        <div class="col-md-7 py-2">
+          <ol class="post-ol">
+            {{ range .Paginator.Pages }}
+            <li>
+
+              <h1 style="font-size: 25px;" class="font-weight-bold">
+                <a class="text-decoration-none" href="{{ .Permalink }}">
+                  {{ .Title }}
+                </a>
+              </h1>
+              <div class="post-sum">
+                {{- .Summary | truncate 150 | safeHTML -}}
+              </div>
+              {{ if .Params.tags }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="text-info text-decoration-none m-1"
+                style="color: #8392a5">
+                <small># {{ . }}</small>
+              </a>
+              {{ end }}
+              {{ end }}
+            </li>
+            {{ end }}
+          </ol>
+          <div class="p-3">
+            {{ template "_internal/pagination.html" . }}
+          </div>
+        </div>
+      </div>
+  </div>
+</section>
 {{ else }}
 <section>
   <div class="container-fluid">