list view

2021-06-08 16:16:14 +05:30
parent 6fb96c3864
commit 0cf404308f
8 changed files with 120 additions and 62 deletions
@@ -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 }}
@@ -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">
@@ -59,13 +59,16 @@
    media="all">
  {{ template "_internal/google_analytics.html" . }}
  {{- partial "sections/v3/head.html" . -}}
+  <link rel="stylesheet" href="/css/v3/v3.css" media="all">
+  <link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
+  <link rel="stylesheet" href="/css/v3/loader.css" />

  <!-- aos -->
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 </head>

 <body>
-  <div id="loader" class="center"></div>
+  <!--<div id="loader" class="center"></div>-->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
@@ -112,6 +115,7 @@
    {{- partial "sections/v3/scripts.html" . -}}
  </div>
  <script>
+    /*
    document.onreadystatechange = function () {
      if (document.readyState !== "complete") {
        document.querySelector(
@@ -125,6 +129,7 @@
          "body").style.visibility = "visible";
      }
    };
+    */
  </script>
 </body>
 {{ else }}
@@ -6,5 +6,4 @@
 <!-- stylesheets -->
 <link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
 <link rel="stylesheet" href="/css/all.min.css" media="all">
-<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
-<link rel="stylesheet" href="/css/v3/v3.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">