refactor: clearer division of each partial and better folder structure

1 files changed, 44 insertions, 0 deletions

diff --git a/layouts/_partials/posts/comment.html b/layouts/_partials/posts/comment.html
new file mode 100644
index 00000000..804570bc
--- /dev/null
+++ b/layouts/_partials/posts/comment.html
@@ -0,0 +1,44 @@
+<div class="post-comments">
+    {{ with .Params.comments }}
+    <div class="static-comments">
+        <p class="static-comments-heading">{{ T "postPage.staticCommentsSectionHeader" }}</p>
+        {{ range . }}
+            <div class="static-comments-item">
+                <div class="static-comments-item-header">
+                <span class="comment-author">{{ .name }}</span>
+                <span class="comment-date font-mono">{{ .date }}</span>
+                </div>
+                <div class="static-comments-item-content">
+                    {{ .content | safeHTML }}
+                </div>
+                <div class="static-comments-item-footer">
+                    {{ with .source }}
+                    <p class="font-mono">{{ T "postPage.originallyPostedOn" . }}</p>
+                    {{ end }}
+                </div>
+            </div>
+        {{ end }}
+    </div>
+    {{ end }}
+    <div class="giscus">
+        <p style="text-align:center">
+            {{ T "postPage.commentNotLoaded" }}
+        </p>
+    </div>
+    <!-- giscus script -->
+    <script id="giscus-script"
+            src="https://giscus.app/client.js"
+            data-repo="{{ .Site.Params.giscus.repo }}"
+            data-repo-id="{{ .Site.Params.giscus.repoId }}"
+            data-category="{{ .Site.Params.giscus.category }}"
+            data-category-id="{{ .Site.Params.giscus.categoryId }}"
+            data-mapping="{{ .Site.Params.giscus.mapping }}"
+            data-strict="{{ .Site.Params.giscus.strict }}"
+            data-reactions-enabled="{{ .Site.Params.giscus.reactionsEnabled }}"
+            data-emit-metadata="1"
+            data-input-position="{{ .Site.Params.giscus.inputPosition }}"
+            data-theme="{{ .Site.Params.giscus.theme }}"
+            data-lang="{{ T "lang" }}"
+            crossorigin="anonymous">
+    </script>
+</div>