Frontmatter: Add optional reading time

Author: nginx-jack

assets/css/v2/style.css

@@ -1523,6 +1523,11 @@ a:hover {
       display: block;
     }
   }
+
+  .content__reading-time {
+    font-size: var(--font-step--1);
+    color: oklch(var(--color-footer-text));
+  }
 }
 
 .headerlink {

exampleSite/content/nginx/installing-nginx-open-source.md

@@ -7,6 +7,7 @@ doctypes:
 title: Installing NGINX Open Source
 toc: true
 weight: 200
+nd-reading-time: true
 ---
 
 ![hero-graphic](/hero-graphic.webp)

layouts/_default/single.html

@@ -14,6 +14,11 @@
         {{ partial "banner" .}}
 
         <h1>{{ .Title }}</h1>
+        <div class="content__reading-time">
+        {{ if index .Params "nd-reading-time" }}
+            {{ printf "~%d min read" .ReadingTime }}
+        {{ end }}
+        </div>
 
         {{ $content | safeHTML }}