From e83c0ee56d396d7cb3ccbef19672350082626b40 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Mon, 3 Feb 2025 19:55:32 +0800
Subject: refactor: encapsulate heatmap component

Former-commit-id: 6267dd43a2910c8ae7257baaba5eacbf569518ab
---
 assets/css/components/_pages.scss        |  8 --------
 layouts/partials/components/heatmap.html | 14 ++++++++++++++
 layouts/section/posts.html               |  7 +------
 3 files changed, 15 insertions(+), 14 deletions(-)
 create mode 100644 layouts/partials/components/heatmap.html

diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index b19d79ad..d9ac3efc 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -276,14 +276,6 @@ section.taxonomy {
             @include section-title;
         }
     }
-
-    #cal-heatmap-container {
-        display: flex;
-        width: 100%;
-        overflow-x: auto;
-        justify-content: flex-end;
-        margin: 1rem 0;
-    }
 }
 
 #previous-post-link {
diff --git a/layouts/partials/components/heatmap.html b/layouts/partials/components/heatmap.html
new file mode 100644
index 00000000..269e7f52
--- /dev/null
+++ b/layouts/partials/components/heatmap.html
@@ -0,0 +1,14 @@
+<!-- Post Word-count Heatmap -->
+<div id="cal-heatmap-container">
+    <div id="cal-heatmap"></div>
+</div>
+<script>initCalHeatmap();</script>
+<style>
+    #cal-heatmap-container {
+        display: flex;
+        width: 100%;
+        overflow-x: auto;
+        justify-content: flex-end;
+        margin: 1rem 0;
+    }
+</style>
diff --git a/layouts/section/posts.html b/layouts/section/posts.html
index 8dd142f7..ebc7d0cd 100644
--- a/layouts/section/posts.html
+++ b/layouts/section/posts.html
@@ -3,12 +3,7 @@
       {{ partial "header.html" . }}
       <div id="posts-archive" class="posts-list">
 
-        <!-- Post Word-count Heatmap -->
-        <div id="cal-heatmap-container">
-            <div id="cal-heatmap"></div>
-        </div>
-        <script>initCalHeatmap();</script>
-
+        {{ partial "components/heatmap.html" . }}
         {{ partial "components/pagefind.html" . }}
 
         <!-- Post Archive List -->
-- 
cgit v1.2.3