use fediverse for comments

Alper-Celik · Feb 4, 2024 · 5001e99 · 5001e99
1 parent ed1340c
commit 5001e99
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 20 deletions.
diff --git a/content/posts/my-first-contributions-to-nixpkgs-and-open-source.md b/content/posts/my-first-contributions-to-nixpkgs-and-open-source.md
@@ -1,6 +1,10 @@
 ---
 title: "My First Contributions to nixpkgs and open source"
 date: 2023-04-21T01
+comments:
+  host: infosec.exchange
+  username: Alper_Celik
+  id: 111873610151428752
 ---
 
 in this blogpost i hope to explain my experience of contributing to nixpkgs until this moment

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,5 +1,26 @@
 <footer>
   <br />
+  <!-- comments -->
+{{ with .Params.comments }}
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.4.1/purify.min.js" integrity="sha512-uHOKtSfJWScGmyyFr2O2+efpDx2nhwHU2v7MVeptzZoiC7bdF6Ny/CmZhN2AwIK1oCFiVQQ5DA/L9FSzyPNu6Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <script type="module" src="https://cdn.jsdelivr.net/gh/dpecos/mastodon-comments@6fe36e7e308412cc02f26ae1477987a75d32e58f/mastodon-comments.js"></script>
+  <style>
+  @media (prefers-color-scheme: dark) {
+    mastodon-comments {
+      --font-color: #999FAD;
+      --block-background-color: #1C1E24;
+      --block-border-color: #0E1012;
+    }
+    a {
+      color: white;
+      text-decoration: underline;
+    }
+  }
+  </style>
+  <mastodon-comments host="{{ .host }}" user="{{ .username }}" tootId="{{ .id }}" ></mastodon-comments>
+  <br/>
+{{ end }}  
 
   <!-- license -->
   <div class="f:fade-40 f:14">
@@ -38,24 +59,4 @@
     >
   </div>
 
-  <!-- comments -->
-  {{ if .IsPage }}
-  <script
-    src="https://giscus.app/client.js"
-    data-repo="Alper-Celik/blog.alper-celik.dev"
-    data-repo-id="R_kgDOKBgsvw"
-    data-category="Comments"
-    data-category-id="DIC_kwDOKBgsv84CYPwh"
-    data-mapping="title"
-    data-strict="1"
-    data-reactions-enabled="1"
-    data-emit-metadata="0"
-    data-input-position="top"
-    data-theme="preferred_color_scheme"
-    data-lang="en"
-    data-loading="lazy"
-    crossorigin="anonymous"
-    async
-  ></script>
-  {{ end }}
 </footer>