A month ago today I added another photo to this collection 😊💃🏻 always leaving inspired from @vesalaofficial shows ✨

Sometimes I feel like I am the only one struggling with how to put together all the pieces of the IndieWeb. I think I understand them all isolated but I struggle have vision with how they all connect. I think it is related to the way I learn which may be different from the majority of the people. I saw Neil's sketch of what is happening in his IndieWeb setup and... I don't have think I have anything similar to it.

One thing I struggle a lot is with Webmentions. I usually joke that I have a Webmention curse. I've tried many tools to try to get Webmentions in my blog but because I would use third party tools that always do magic stuff for me, I don't fully understand them. Even with all that magic I haven't been able to get it to work. My other struggle is that most Webmentions tools out there are built in languages I don't understand.

While at Homebrew Website Club London I told Calum and Neil that I wish I had "Webmentions working" so that I could RSVP to the event on the website. Turns out things are not that connected!

So, to practise what I preach, I decided to write down what I learned last Wednesday.

How RSVP using Webmentions work

• A blog entry or HTML page is created saying you're rsvping to an event using the correct microformats.
• The same blog entry or HTML page is used to send a webmention to the event in question.

Disclaimer:

• This is written based on how my blog works and it is built.
• Assuming you already use web sign-in and webmentions.io
• Some familarity with microformats.
• I couldn't manage to get syntax highlighting working on my blog so I will have to link to my Git Hub files. I'm sorry.

Create your RSVP template

At the time of writting this blog post I was using Jekyll but I am certain this applies to anything else. I based mine on the example available on the IndieWeb wiki's page for RSVPs. Also at the time of writing this blog post I had not added a particular style to my template but it is available in my GitHub.

Note: Make sure you add date to it. I didn't and it wasn't picking it up.

Create your post/page where you announce your RSVP

Because I am using Jekyll, I was able to create a blog post where I choose the template to be used. In my post, I wanted to RSVP to the event I was at: Homebrew Website Club London. So I created a blog post (available in my GitHub) where I specify my RSVP (in this case "yes"), the "targetName", "targetUrl" and all the other info to match my layout (don't forget "date").

The reason why this blog entry doesn't appear in my home page it is because I gave it a category called "rsvp" and when I list all my blog posts I am filtering them by category.

I now had a RSVP post.

Testing and debugging

Before I sent my RSVP, Calum advised me to test it. One way you can do it is using pin13. I'm really glad I did because in fact, my first attempt was missing important details and it wasn't sending all the necessary info.

I didn't know how to debug so at the time we used a working example from Calum, pasted the urls and compared both to see what was missing. If you're familar with microformats you will recognise them and how they are used when seeing the whole structure. In my case, what was missing (and it wasn't immediately obvious) was the information if the post was published, quotes around my RSVP answer and author information in the template (with the correct hierarchy).

Another helpful way to see what and if you're missing something is to check the mentions in your target url (this way work best if you submit your Webmention and it isn't appearing like all the others). In this case I used Webmention.io for it and checked everyone else's RSVP content. This method was how we spotted that I was missing the "published" information regarding my post.

Sending a Webmention

Using Telegraph you can send Webmentions. In the "Source URL" I pasted my blog entry with my RSVP and in the "Target URL" I pasted the url of the Homebrew Website Club that I wanted to RSVP to.

After submitting it, you should see a screen that informs you of the status of it.

Celebration time?

Depending on how frequently your target URL collects Webmentions, and assuming that you saw a success screen after submiting your website, all you have to do is check the target URL. After some attempts mine ended up working! If you want to change anything about it (I changed my photo caption), you would have to submit the webmention again.

Further reading and useful resources:

• IndieWeb's wiki article on RSVP.
• IndieWeb Guides.
• Webmentio.io
• pin13
• Telegraph
• Microformats
• My RSVP post

Thank you to Calum and Neil for all their help and patience with me! Now I need to figure out all the other bits of Webmentions!

April was an interesting month. This year hasn't been great for me because, for the first time, I really can't control my anxiety. Everything I can't control have been draining me in a way that I never experienced before. Those close to me know I've been struggling a lot daily and it sucks. This month I took nearly two weeks off from work and it made me realise how much anxiety I have on a normal day. While I was on holidays I barely used social media or the news and to no one's surprise, my anxiety went down by a lot. And guess what? I didn't miss out much on tech. Was a new shiny tech thing out? Cool, I will look at it when and if I need it.

Bookmarks from April

Non-tech articles

• I am not always very attached to being alive - by Anna Borges
• EU bans UK's most-used pesticide over health and environment fears - by Damian Carrington
• You may hate metrics. But they’re making journalism better - by Chris Moran
• Attacks by White Extremists Are Growing. So Are Their Connections. - By Weiyi Cai and Simone Landon
• Nordic walking: a pilgrims’ route from Oslo to Trondheim - by Phoebe Smith
• The Gentle Side of Twitch - by Nicole Carpenter
• The Devastating Consequences of Being Poor in the Digital Age - by Mary Madden
• Creative types - by Adobe Create
P.S.: mine was "the dreamer"
• My sexual assault case was dropped when I refused to give police my phone - by Anonymous

Tech related content

• Tweet showing how the page load might cost you a lot of money when using roaming abroad - by Harry Roberts
• Trainers. - by Ethan Marcotte
• You probably don't need that hip web framework - by Owen Williams

But, this has all made me wonder: has the modern stack killed experimentation, and shipping bad ideas? Do weird experiments and fun ideas die on the floor, tangled in complexity, more often now? I'd hazard a guess that the answer is yes, and that you should probably skip that hipster framework—for now—as well. Just ship something instead.

– Owen Williams
• A Professional Development Framework for Design - by Andy Thornton
• Some possible career goals - by Julia Evans
• Break out of the echo chamber - by Andy Bell
• Macaroni art simulator - by Neal Agarwal
• Some Unsolicited Blogging Advice - by Dave Rupert
• Improving accessibility with accessibility acceptance criteria - by Paul Hayes
• Twitter without tracking - by Remy Sharp
• Personal Blogs: Don't Call it a comeback! - by Dan Vega
• Auditing My Own Site For Accessibility - by Nic
• Color accessibility: tools and resources to help you design inclusive products - by Stéphanie Walter
• Design Systems - by Figma
• 12 Tips for More Accessible React Apps (Slides, React Finland 2019) - by Manuel Matuzović
• I’m quitting engineering: An exit interview - Olga Dominguez
• April 2019 Weblog: Giving the Web Its Spirit Back - by Jay Hoffmann
• Monthly Digest & Bookmarks — April 2019 - by Johann Schopplich

Things that made me smile one way or another

I need to re-think this section. I really see and save a lot of memes per month on Instagram and TikTok. Not sure if all memes are worth sharing but I'd like this to be a "interesting/wholesome" section.

• This tweet showing how a camera's capture rate changes due to the amount of light being let into the camera.

Last week I went to Gem Spa for the magnets and left with an egg cream! Thanks @besteggcream