ricmac, (edited ) to 11ty
@ricmac@mastodon.social avatar

To the #Eleventy community: does anyone know of any projects to make an 11ty website a first class member of the #fediverse, similar to what The Verge is doing (via WordPress it seems like) and 404 Media will do once Ghost is ready (ref https://digiday.com/media/why-publishers-are-preparing-to-federate-their-sites/). I did implement #webmentions on Cybercultural.com, using Bridgy etc, but it was unsatisfactory so I took it offline. I do want Cybercultural to be an “actor” on the fediverse tho, so now thinking about how to achieve that via 11ty.

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

I finally got #webmentions for @astro working! Thanks to @henry sparking my interest for it (again) and anyone here who helped me along the way.

https://stevefrenzel.dev/posts/webmentions-in-astro-for-blog-posts/

I would appreciate lots of likes, reposts and comments so I have more data to work with hehe
😈

#WebDev #Frontend #IndieWeb #Astro #SSG #blog #html #JavaScript

reillypascal, to Blog
@reillypascal@hachyderm.io avatar

I did a write up of setting up Webmentions on my site! I had mentioned it earlier, but there was one stumbling block that took me longer to figure out.

Webmentions let me get notified when people share my posts, respond to my comments on other sites, etc., and lets me use my site for a lot of the kinds of interactions I'd otherwise have to do on social media.

https://reillyspitzfaden.com/blog/05-21-2024

#IndieWeb #Blog #Webmentions #Microformats #WebDev #WebDevelopment #Programming #Coding

jsit, to RSS
@jsit@social.coop avatar

We need an reader with "Reply" and "Repost" buttons. These actions would occur on a blog you connect with or , and use to notify the originating site.

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Good news: I got #webmentions working locally with @astro ! 🥳

Bad news: They're not showing in production, there's not even a request, nor is my try & catch throwing me an error 🤡

Why is it SO HARD to get them working with #astro?? Meanwhile the #11ty community has tons of resources on how to do it...

I assume that it's some client-side issue but I've had enough of this, time to start the weekend

#WebDev #Frontend #indieweb

ayo, (edited ) to random
@ayo@ayco.io avatar

Someone from bsky mentioned he doesn’t show peoples’ avatars and just uses this library for identicons. It looks amazing! I will use this too for rendering webmentions in my blog. https://github.com/laurentpayot/minidenticons

ayo, (edited )
@ayo@ayco.io avatar

feat: respect user faces

const identicon = document.createElement("minidenticon-svg");   
identicon.setAttribute('username', mention.author.url)   

👉 commit: https://ayco.io/gh/blog/commit/ff3182c946763c877f5e6134edfae847c3ff5dbb

#webdev #frontend #webmentions #indieweb

stvfrnzl, to Blog
@stvfrnzl@mastodon.online avatar

Followed the steps on https://indiewebify.me/ to integrate on my and made some real good progress after plenty of commits.

No clue though how to actually show them using @astro but that's Tomorrow Steve's problem not mine

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

Hey @henry just saw your talk at , loving the energy! 🔥🔥🔥

Too bad you only had 11 minutes, I'm currently exploring and would've loved to hear about it more in-depth. Did you already blog about this, by any chance?

To everyone else, here's the talk I'm talking about: https://www.youtube.com/live/iLxJ6PtuF9M?si=qYE7qhAIbnAO92yk&t=8534

What did you use for your slides? For a moment I thought 🤔

john, to fediverse
@john@465.onl avatar

🗒️ Send me a (Web)mention

Publish a post on your website, and link to a post on my website. Then paste the URL of your post on your website into the new box and click the up arrow.

https://www.johnpe.art/note/1715258267/

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Inspired by @matthiasott great newsletter: has anyone experience implementing #webmentions with @astro?

Here's his article: https://buttondown.email/ownyourweb/archive/issue-14/

And here's what I found but couldn't test yet: https://kld.dev/adding-webmentions/

#ssr #StaticSiteGenerator #astro #html #css #JavaScript #WebDev #Frontend #IndieWeb

stvfrnzl,
@stvfrnzl@mastodon.online avatar

Hey @marcuslindblom, do you have by any chance documented how to make #webmentions work with #astro?

I'm no #JavaScript and #NodeJS wizard so I'm currently stuck. Plenty of #11ty tutorials out there, but they're not helping me haha

LarsHenriksen, to random Danish
@LarsHenriksen@mastodon.nu avatar

Can someone help with ? Maybe @pfefferle ?

I would like to filter out all the empty 'bridgy response' comments. It is webmention comments of the 'like' and repost' type, which are displayed seperately.

Here is my blog:

https://lektoren.dk/

ricmac, (edited ) to random
@ricmac@mastodon.social avatar

Maybe a silly #webmentions question, but is there a way you can recover deleted webmentions at webmention.io? I was having trouble with a Cybercultural post that didn't display all webmentions via Bridgy, so I manually deleted the ones that were in webmention.io/dashboard and then re-submitted the relevant Mastodon post to Bridgy — thinking that might send all the mentions to webmention.io this time. But nothing is showing up in webmention dashboard... cc @aaronpk

ricmac, to 11ty
@ricmac@mastodon.social avatar

I've been pecking away at adding to my website for Cybercultural. Nearly there now, via documentation from the Eleventy community (special shoutout to @bobmonsour's page: https://www.bobmonsour.com/posts/adding-webmentions-to-my-site/) and also some coding help from Perplexity! I just need to add more styling and will be able to go-live hopefully before next week's edition of Cybercultural.

Webmentions draft 2

DavidDarnes, to mastodon
@DavidDarnes@mastodon.design avatar

New addition to my #WebComponents collection: <mastodon-post>!

Embed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an <iframe>. Use the built in semantic template or apply your own! Read more about it here:
https://darn.es/mastodon-post-web-component/

#InideWeb #Webmentions #Mastodon

Thanks to @robb and @mariohamann for the inspiration ✨

ryanrandall, to random
@ryanrandall@hcommons.social avatar

Impressive to see the person behind #Bridgy somehow deciding that "opt-out" could somehow be a good approach to anything involving the Fediverse (https://github.com/snarfed/bridgy-fed/issues/835)…

…and thereby eroding any interest I had in using bridgy for #Webmentions on my #IndieWeb site.

First rule is always: do no harm. Evading consent is doing harm, no matter how many pixels you want to devote to "network effects."

bixfrankonis, to fediverse
@bixfrankonis@social.lol avatar

All this sudden attention to the fact that social media replies (loosely defined as ) to your blog posts are likely coming from people who have utterly no clue that they are also being published on your blogs, where were you last month when the push from some of the to " everything" was being questioned. 😉

More seriously: welcome to the debate.

https://bix.blog/2024/01/11/activitypub-is-to-the-indieweb-as-a-i-is-to-silicon-valley/

jeffsheets, to 11ty
@jeffsheets@hachyderm.io avatar

🧭 Had a journey with emoji URLs tracing through webmentions.io -> brid.gy -> Cloudflare -> 11ty -- with a final fix needed to encodeURIs when matching on the webmention json. Fun times! Few things are as fun as emojis in URLs https://sheetsj.com/blog/💻-emoji-urls-and-11ty-webmentions/ #webmentions #11ty

lqdev, to fediverse
jszym, to fediverse
@jszym@cosocial.ca avatar

Everything on the #IndieWeb wiki looks insanely cool, and there is a lot of documentation, but am I the only one who hasn't a clue how to adopt 99% of what is on there?

#ActivityPub and #Fedi might be hard for folks to grok at first, but the on-ramp for #WebMentions for me looks like the Cliff's of Dover.

That said, I am acknowledging that plenty of folks are using IndieWeb to make truly insane things. I just want in! :P

elperronegro, to webdev
@elperronegro@shmg.online avatar

Well that's been quite a tough few days coding for this very enthusiastic but amateur developer. Anyway, managed to get "webmentions" working on my @eleventy based blog.

https://elperronegro.com/

Thanks to a whole heap of people but especially @sia and this article

https://sia.codes/posts/webmentions-eleventy-in-depth/

and also @mxbck and this article

https://mxb.dev/blog/using-webmentions-on-static-sites/

#webdev #webmentions #blog

eldamir, to random
@eldamir@hachyderm.io avatar

I've heard the term "webmentions", but not really cared about it before.
Then I read this post from @matthiasott (https://matthiasott.com/notes/best-comment-section-on-the-internet) followed by reading this post from @rowan (https://rowanmanning.com/posts/webmentions-for-your-static-site/).

Now I'm hooked... I gotta get that set up for my website. I currently use Giscuss, which is fine, but it is also limited to users wanting to sign in with Github to comment. Adding #webmentions would be something else 😍

justin, to mastodon
@justin@holonet.social avatar

Anyone know how to help with #Webmentions?

I have #Bridgy set up and it’s sending based on interactions on #Mastodon. However, nothing is being received by Webmention.io.

I’m lost at what to do next for https://justincox.com/. Any suggestions?

#AskMastodon #IndieWeb #webdev

sethmlarson, to python
@sethmlarson@fosstodon.org avatar

New article about my proposal for for and hardening the build using compiler options. 🛡️

Articles also now support , so liking and sharing the article will increase the "mentions" count. More to come there!

https://sethmlarson.dev/security-developer-in-residence-weekly-report-19

mjgardner, to til
@mjgardner@social.sdf.org avatar

@Perl about @jmac's https://metacpan.org/pod/Web::Mention module for , a key standard and @w3c Recommendation that enables conversation across , , or anything that supports it.

More about here: https://webmention.net

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • megavids
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • provamag3
  • tester
  • Leos
  • JUstTest
  • All magazines