Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow visitors to leave comments by using Commento. #4

Merged
merged 1 commit into from Jan 1, 2020
Merged

Allow visitors to leave comments by using Commento. #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
18 changes: 18 additions & 0 deletions services/website/src/components/comments.svelte
View file
Open in desktop
@@ -0,0 +1,18 @@
<style>
h2 {
@apply text-2xl
mt-4
text-brown-800
font-bold
leading-tight;
}
</style>

<svelte:head>
<script src="https://cdn.commento.io/js/commento.js">

</script>
</svelte:head>

<h2>Comments, Feedback, Thoughts</h2>
<div id="commento" />
2 changes: 2 additions & 0 deletions services/website/src/routes/blog/[slug].svelte
View file
Open in desktop
Expand Up @@ -17,6 +17,7 @@
import { DateTime } from "luxon";
import LinkPreviewMetaTags from "../../components/link-preview/index.svelte";
import GhostPost from "../../components/ghost/post.svelte";
import Comments from "../../components/comments.svelte";

// @ts-ignore: Not sure how to define `post` as an optional object
export let post;
Expand Down Expand Up @@ -163,4 +164,5 @@
<GhostPost>
{@html post.html}
</GhostPost>
<Comments />
</div>