feat(comments): prepare for more third party comments system integration

assets/scss/partials/comments/base.scss

@@ -0,0 +1,6 @@
+.comments-container {
+    background-color: var(--card-background);
+    border-radius: var(--card-border-radius);
+    @include box_shadow(1);
+    padding: var(--content-padding);
+}

assets/scss/style.scss

@@ -15,6 +15,8 @@
 @import "partials/layout/taxonomy.scss";
 @import "partials/layout/404.scss";
 
+@import "partials/comments/base.scss";
+
 a {
     text-decoration: none;
     color: var(--accent-color);

exampleSite/config.toml

@@ -19,6 +19,10 @@ title = "Example Site"
         [params.article.license]
             enabled = true 
             default = "Licenced under CC BY-NC-SA 4.0"
+    [params.comments]
+        enabled = true
+        # Only Disqus is available so far
+        provider = "disqus"
     [params.widgets]
         enabled = ['archive', 'tag-cloud']
         [params.widgets.archive]

layouts/_default/single.html

@@ -17,7 +17,7 @@
             {{ partial "article/components/related-contents" . }}
 
             {{ if or (not (isset .Params "comments")) (eq .Params.comments "true")}}
-                {{ partial "article/components/comment" . }}
+                {{ partial "comments/include" . }}
             {{ end }}
 
             {{ partialCached "footer" . }}

layouts/page/single.html

@@ -8,7 +8,7 @@
         {{ partial "article/article.html" . }}
 
         {{ if or (not (isset .Params "comments")) (eq .Params.comments "true")}} 
-            {{ partial "article/components/comment" . }}
+            {{ partial "comments/include" . }}
         {{ end }}
 
         {{ partialCached "footer" . }}

layouts/partials/comments/include.html

@@ -0,0 +1,5 @@
+{{ if .Site.Params.comments.enabled }}
+    <div class="comments-container provider-{{ .Site.Params.comments.provider }}">
+        {{ partial (printf "comments/provider/%s" .Site.Params.comments.provider) . }}
+    </div>
+{{ end }}