feat: comment on posts

milan-codes · milan-codes · commit c936e3f7c70a · 2025-07-03T15:09:45.000+02:00
diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
@@ -40,8 +40,6 @@ const { remarkPluginFrontmatter } = await render(post);
     class="prose dark:prose-invert my-8 max-w-none text-gray-600 dark:text-gray-400"
   >
     If you have any questions or comments, or you would like to point out any
-    errors in any of the blog posts, please reach out to me at <a
-      href="mailto:milanherke@protonmail.com">milanherke@protonmail.com</a
-    >.
+    errors in any of the blog posts, please leave a comment.
   </div>
 </div>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -29,7 +29,7 @@ const isProd = import.meta.env.PROD;
       )
     }
   </head>
-  <body class="mx-auto max-w-3xl bg-gray-50 px-4 dark:bg-[#0a0a0a]">
+  <body class="mx-auto max-w-3xl bg-gray-50 p-4 dark:bg-[#0a0a0a]">
     <slot />
   </body>
 </html>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
@@ -21,4 +21,20 @@ const { post } = Astro.props;
   <BlogPost post={post}>
     <slot />
   </BlogPost>
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="milan-codes/milan-codes.github.io"
+    data-repo-id="R_kgDOI5_00w"
+    data-category="Posts"
+    data-category-id="DIC_kwDOI5_0084Csa0O"
+    data-mapping="pathname"
+    data-strict="0"
+    data-reactions-enabled="1"
+    data-emit-metadata="0"
+    data-input-position="bottom"
+    data-theme="preferred_color_scheme"
+    data-lang="en"
+    data-loading="lazy"
+    crossorigin="anonymous"
+    async></script>
 </BaseLayout>

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ const isProd = import.meta.env.PROD;`
`29`	`29`	`)`
`30`	`30`	`}`
`31`	`31`	`</head>`
`32`		`- <body class="mx-auto max-w-3xl bg-gray-50 px-4 dark:bg-[#0a0a0a]">`
	`32`	`+ <body class="mx-auto max-w-3xl bg-gray-50 p-4 dark:bg-[#0a0a0a]">`
`33`	`33`	`<slot />`
`34`	`34`	`</body>`
`35`	`35`	`</html>`