KaKi87/fediverse-comments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
7 commits 1 branch 0 tags 77 KiB
Find a file
Exact
KaKi87 5dd9deffd9 ✨ Add 'reload comments' button
2025-09-26 15:08:47 +02:00
demo 📱 Improve mobile demo 2025-09-26 00:14:46 +02:00
src ✨ Add 'reload comments' button 2025-09-26 15:08:47 +02:00
.gitignore 🎉 Initial commit 2025-09-24 00:52:41 +02:00
README.md 🎉 Initial commit 2025-09-24 00:52:41 +02:00

README.md

fediverse-comments

This project allows bloggers to integrate comments from the Fediverse to their articles, as an alternative to self-hosted solutions that require visitors to register, and to proprietary solutions that are full of trackers.

Features

  • ✨ Easy iframe-based setup.
  • 1️⃣ One-click commenting : no URL copy-pasting required.
  • 🏠 Redirects to (and remembers) the user's home instance.
  • 🔄 Refreshes comments after commenting.
  • ✅ Multiplatform support : Mastodon, Lemmy, more to come !
  • 🎨 Theming supported.
  • 🤫 Tracker-free, does not report back on your commenting activity.

Usage

Add the following elements to your blog page :

  • a script import to /src/fediverse-comments.js ;
  • and an iframe embed to /src/main.html :
    • with a urls query parameter as a comma-delimited list of post URLs to fetch the comments from ;
    • with an optional customTheme query parameter as a URL to a CSS theme file ;
    • with an optional theme query parameter, to set to custom to apply the one provided with the customTheme parameter ;
    • with the onload="fediverseComments()" attribute.

The script called by the iframe ensures the latter will always be resized based on content, saving the user from scrolling the iframe in addition to scrolling the blog page.

Example :

<!doctype html>
<html lang="en">
    <head>
        <script src="https://fediverse-comments.codeberg.page/src/fediverse-comments.js"></script>
    </head>
    <body>
        <iframe
            src="https://fediverse-comments.codeberg.page/src/main.html?urls=https://mamot.fr/@KaKi87/115244297818110707,https://jlai.lu/post/26123233"
            onload="fediverseComments()"
        ></iframe>
    </body>
</html>
▶️ Full demo

Known issues

Related projects