From 73748a364e2903c4c63fe0c01b252e383883a3f9 Mon Sep 17 00:00:00 2001
From: uluumbch <uluum123@gmail.com>
Date: Sat, 8 May 2021 04:49:12 +0700
Subject: [PATCH] add reading time feature

---
 assets/icons/date.svg                         |  9 ++++
 assets/jsconfig.json                          | 16 ++++----
 layouts/partials/article-list/compact.html    | 41 +++++++++----------
 .../partials/article/components/details.html  | 13 ++++--
 4 files changed, 45 insertions(+), 34 deletions(-)
 create mode 100644 assets/icons/date.svg

diff --git a/assets/icons/date.svg b/assets/icons/date.svg
new file mode 100644
index 0000000..ed92a90
--- /dev/null
+++ b/assets/icons/date.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-time" width="56" height="56" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z"/>
+  <path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4" />
+  <circle cx="18" cy="18" r="4" />
+  <path d="M15 3v4" />
+  <path d="M7 3v4" />
+  <path d="M3 11h16" />
+  <path d="M18 16.496v1.504l1 1" />
+</svg>
\ No newline at end of file
diff --git a/assets/jsconfig.json b/assets/jsconfig.json
index 9321136..377218c 100644
--- a/assets/jsconfig.json
+++ b/assets/jsconfig.json
@@ -1,10 +1,10 @@
 {
-    "compilerOptions": {
-        "baseUrl": ".",
-        "paths": {
-            "*": [
-                "*"
-            ]
-        },
-    }
+ "compilerOptions": {
+  "baseUrl": ".",
+  "paths": {
+   "*": [
+    "*"
+   ]
+  }
+ }
 }
\ No newline at end of file
diff --git a/layouts/partials/article-list/compact.html b/layouts/partials/article-list/compact.html
index 0f5a216..ebdc8bd 100644
--- a/layouts/partials/article-list/compact.html
+++ b/layouts/partials/article-list/compact.html
@@ -6,34 +6,31 @@
             </h2>
             <footer class="article-time">
                 <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
-                    {{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
-                </time>
+                    {{- .Date.Format  (or .Site.Params.dateFormat.published "Jan 02, 2006 ") -}}&nbsp;
+                    {{ .ReadingTime }} min read</time>
             </footer>
         </div>
 
         {{- $image := partialCached "helper/image" (dict "Context" . "Type" "articleList") .RelPermalink "articleList" -}}
         {{ if $image.exists }}
-            <div class="article-image">
-                {{ if $image.resource }}
-                    {{- $Permalink := $image.resource.RelPermalink -}}
-                    {{- $Width := $image.resource.Width -}}
-                    {{- $Height := $image.resource.Height -}}
+        <div class="article-image">
+            {{ if $image.resource }}
+            {{- $Permalink := $image.resource.RelPermalink -}}
+            {{- $Width := $image.resource.Width -}}
+            {{- $Height := $image.resource.Height -}}
 
-                    {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
-                        {{- $thumbnail := $image.resource.Fill "120x120" -}}
-                        {{- $Permalink = $thumbnail.RelPermalink -}}
-                        {{- $Width = $thumbnail.Width -}}
-                        {{- $Height = $thumbnail.Height -}}
-                    {{- end -}}
-                    
-                    <img src="{{ $Permalink }}" 
-                        width="{{ $Width }}"
-                        height="{{ $Height }}" 
-                        loading="lazy">
-                {{ else }}
-                    <img src="{{ $image.permalink }}" loading="lazy" alt="Featured image of post {{ .Title }}" />
-                {{ end }}
-            </div>
+            {{- if (default true .Page.Site.Params.imageProcessing.cover.enabled) -}}
+            {{- $thumbnail := $image.resource.Fill "120x120" -}}
+            {{- $Permalink = $thumbnail.RelPermalink -}}
+            {{- $Width = $thumbnail.Width -}}
+            {{- $Height = $thumbnail.Height -}}
+            {{- end -}}
+
+            <img src="{{ $Permalink }}" width="{{ $Width }}" height="{{ $Height }}" loading="lazy">
+            {{ else }}
+            <img src="{{ $image.permalink }}" loading="lazy" alt="Featured image of post {{ .Title }}" />
+            {{ end }}
+        </div>
         {{ end }}
     </a>
 </article>
\ No newline at end of file
diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 5c5397b..377e10a 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -2,9 +2,10 @@
     {{ if .Params.categories }}
     <header class="article-category">
         {{ range (.GetTerms "categories") }}
-            <a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
-                {{ .LinkTitle }}
-            </a>
+        <a href="{{ .RelPermalink }}"
+            {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};" {{ end }}>
+            {{ .LinkTitle }}
+        </a>
         {{ end }}
     </header>
     {{ end }}
@@ -23,9 +24,13 @@
 
     {{- if not .Date.IsZero -}}
     <footer class="article-time">
+        {{ partial "helper/icon" "date" }}
+        <time class="article-time--published">
+            {{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}&emsp;
+        </time>
         {{ partial "helper/icon" "clock" }}
         <time class="article-time--published">
-            {{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
+            {{ .ReadingTime }} min read
         </time>
     </footer>
     {{- end -}}