Comments

post.hbs

@@ -95,15 +95,38 @@
         {{/next_post}}
       </div>
     </div>
-    <div class="my-4 w-full content-full">
-      <div class="my-4" id="comments">
-        {{#is "preview"}}
-        <p>Comments are disabled for post previews</p>
-        {{else}}
-        {{!-- Comments --}}
-
-        {{/is}}
-      </div>
+</div>
+<div class="my-4 w-full content-full">
+    <div class="my-4" id="comments">
+      {{#is "preview"}}
+      <p>Comments are disabled for post previews</p>
+      {{else}}
+      {{!-- Comments  --}}
+<div id="coral_thread"></div>
+<script type="text/javascript">
+  (function() {
+      var d = document, s = d.createElement('script');
+      s.src = 'https://comments.nanao.moe/assets/js/embed.js';
+      s.async = false;
+      s.defer = true;
+      s.onload = function() {
+          Coral.createStreamEmbed({
+              id: "coral_thread",
+              autoRender: true,
+              rootURL: 'https://comments.nanao.moe',
+              // Uncomment these lines and replace with the ID of the
+              // story's ID and URL from your CMS to provide the
+              // tightest integration. Refer to our documentation at
+              // https://docs.coralproject.net for all the configuration
+              // options.
+              // storyID: '${storyID}',
+              // storyURL: '${storyURL}',
+          });
+      };
+      (d.head || d.body).appendChild(s);
+  })();
+</script>        
+      {{/is}}
     </div>
     <div class="mx-auto px-4 my-4 w-full">
       {{#if primary_tag}}
@@ -145,4 +168,4 @@
       // FitVids - end
     });
   </script>
-  {{/contentFor}}
+  {{/contentFor}}