From 80bae4b2a9e21bff848fdeee6768ff98ee284aa8 Mon Sep 17 00:00:00 2001
From: Brandon Rozek <rozekbrandon@gmail.com>
Date: Sun, 29 May 2022 14:23:59 -0400
Subject: [PATCH] Added stats layout

---
 layouts/_default/single.html |   2 +-
 layouts/_default/stats.html  | 113 +++++++++++++++++++++++++++++++++++
 2 files changed, 114 insertions(+), 1 deletion(-)
 create mode 100644 layouts/_default/stats.html

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index c7ce0bd..1c3a4c4 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,4 +1,4 @@
-{{ define "main"}}
+{{ define "main" }}
   {{ partial "header.html" . }}
   <main>
   {{ partial "date.html" . }}
diff --git a/layouts/_default/stats.html b/layouts/_default/stats.html
new file mode 100644
index 0000000..d275e95
--- /dev/null
+++ b/layouts/_default/stats.html
@@ -0,0 +1,113 @@
+{{ define "main" }}
+<!-- Adapted from Luke Harris https://www.lkhrs.com/ -->
+{{ partial "header.html" . }}
+<main class="container">
+  <article class="row justify-content-center">
+    <div class="col-md-8">
+      {{ .Content }}
+      {{ $posts := where site.RegularPages "Type" "blog" }}
+
+      {{ $postCount := len $posts }}
+
+      {{ $scratch := newScratch }}
+      {{ $scratch.Set "longCount" 0 }}
+      {{ $scratch.Set "shortCount" 9999999999 }}
+      {{ range $posts }}
+        <!-- Sum words for average calculation later -->
+        {{ $scratch.Add "wordcount" .WordCount }}
+        <!-- Find longest post -->
+        {{ if ge .WordCount ($scratch.Get "longCount") }}
+            {{ $scratch.Set "longestPost" . }}
+            {{ $scratch.Set "longCount" .WordCount }}
+        {{ end }}
+        <!-- Find shortest post -->
+        {{ if le .WordCount ($scratch.Get "shortCount") }}
+            {{ $scratch.Set "shortestPost" . }}
+            {{ $scratch.Set "shortCount" .WordCount }}
+        {{ end }}
+      {{ end }}
+
+      {{ $wordCount := $scratch.Get "wordcount" }}
+      {{ $avgPostLength := div $wordCount $postCount }}
+      <table class="table">
+        <tr>
+          <td width="40%">Total Posts Published</td>
+          <td width="60%">{{ $postCount | lang.NumFmt 0 }}</td>
+        </tr>
+        <tr>
+          <td>Total Words Written</td>
+          <td>{{ $wordCount | lang.NumFmt 0 }}</td>
+        </tr>
+        <tr>
+          <td>Average Words per Post</td>
+          <td>{{ $avgPostLength | lang.NumFmt 0 }}</td>
+        </tr>
+        <tr>
+          <td>Longest Post Published</td>
+          <td>
+            {{ with $scratch.Get "longestPost" }}
+            <a href="{{ .Permalink }}">{{ .Title }}</a> with {{ .WordCount }} words
+            {{ end }}
+          </td>
+        </tr>
+        <tr>
+            <td>Shortest Post Published</td>
+            <td>
+              {{ with $scratch.Get "shortestPost" }}
+              <a href="{{ .Permalink }}">{{ .Title }}</a> with {{ .WordCount }} words
+              {{ end }}
+            </td>
+          </tr>
+      </table>
+
+      {{ $grouped := $posts.GroupByDate "2006" }}
+
+      <h2 class="post-stats-hd">Posts Per Year</h2>
+
+      <div style="width: 100%;height: 300px;margin: 30px auto">
+        <canvas id="yearchart"></canvas>
+        <noscript>
+            <table class="table">
+                <tr>
+                  <th width="30%">Year</td>
+                  <th width="70%">Number of Posts</td>
+                </tr>
+                {{ range $grouped.Reverse }}
+                {{ $yearPostCount := len (where .Pages "Type" "blog") }}
+                <tr>
+                  <td>{{ .Key }}</td>
+                  <td>{{ $yearPostCount | lang.NumFmt 0 }}</td>
+                </tr>
+                {{ $scratch.Add "yearKeys" "'"  }}
+                {{ $scratch.Add "yearKeys" .Key  }}
+                {{ $scratch.Add "yearKeys" "',"  }}
+                {{ $scratch.Add "yearCount" (string $yearPostCount) }}
+                {{ $scratch.Add "yearCount" ","  }}
+                {{ end }}
+              </table>
+        </noscript>
+      </div>
+
+
+
+      {{ $chartPre := "{type: 'line',data: {labels: [" }}
+      {{ $chartYearKeys := trim ($scratch.Get "yearKeys") ","}}
+      {{ $chartYearCount := trim ($scratch.Get "yearCount") ","}}
+      {{ $chartMid := "],datasets: [{label: 'Posts Published',data: [" }}
+      {{ $chartPost := "],backgroundColor: 'rgb(54, 128, 56)',borderColor: 'rgb(54, 128, 56)',borderWidth: 3}]},options: {maintainAspectRatio: false, animation: false, scales: {y: {ticks: {beginAtZero: true}}}}}"
+      }}
+
+
+      {{ $chartData := printf "%s" $chartPost | printf "%s%s" $chartYearCount | printf "%s%s" $chartMid | printf "%s%s" $chartYearKeys | printf "%s%s" $chartPre | printf "%s" }}
+
+      <script src="https://cdn.jsdelivr.net/npm/chart.js/dist/chart.min.js" type="text/javascript"></script>
+      <script type="text/javascript">
+        var ctx = document.getElementById('yearchart').getContext('2d');
+        var options = {{ $chartData | safeJS }};
+        new Chart(ctx, options);
+      </script>
+    </div>
+  </article>
+</main>
+{{ partial "footer.html" . }}
+{{ end }}