2018 Oxford Indie Web Camp
Published by Beverley Newing on
The Indie Web movement is a movement all about content ownership, in the current times of Facebook, Twitter, Instagram and so on. It has been something I’ve been interested in ever since hearing Jeremy Keith talk about it at a conference last year. So I was super excited to hear that the wonderful Garrett was organising an Indie Web Camp in Oxford! Here’s a summary of what I did over the two days:
Day one was spent at the wonderful White October offices, with snacks provided by Haybrook.
I got Level 1 set up! This involves setting up indie web sign-in, which allows you to use your own website to log in to things. It’s where you create a two-way link between your own personal site and other sites like GitHub/Twitter etc. To do this, make sure that your site has a link to your profiles on this sites with rel="me" in the mark-up, and that there is a link back to your personal site on those other sites. Once you've pushed it live, you can check the links at: IndieWebify.me
Level 2 is about formatting your content for other sites, and letting other people know you’ve referenced their content with webmentions. Formatting your content for other sites involves micro formats. Microformats are semantic classes that you can add onto your HTML that allow for data to be picked up by other things. You add them to blog posts and it helps things pick out the data in a meaningful way. Webmentions are where you link to other people’s content and notify them that you’ve done this. I have to say, I struggled to get my head around how this actually worked, but Garrett was very patient, and helped me map out a little diagram to get my head around the system. Because my site is a static site on GitHub pages, I couldn’t figure out any ways of doing this with any kind of tooling, but Dan Q helped me out with the command line curling you need to do instead. That was pretty cool!
On day two, because of rain, we decided to all work from home - I unfortunately didn’t get the message until turning up at the office because I didn't think to check beforehand, but it worked out alright because I then went for a coffee with Marcus and worked from various food places on Cowley road for a bit which was lovely!
Working with APIs
Yesterday, I started pulling in data from webmentions.io, and today I formatted it nicely. At the start of the day, the my fetch was an inline script that was pulling in the first 20 twitter likes. By the middle of the day, I had it all formatted out so that the fetch request pulled in the past 100 mentions, and filtered them into different sections on the page against ‘Twitter like’, ‘Twitter retweet’, ‘Repost’ and ‘Twitter reply’. I moved this script out into it’s own file, refactored it and made it reusable. One thing I learnt was how to chain parameters in an API call - you need to put & in between each different parameter! That tripped me up for a bit, but now I know!
I’d referenced Henry on my blog post and so I wanted to send him a web mention. It took a while to get it to work, and we were a bit stuck for a little while, but in the end Garrett realised it was because it was missing a trailing / at the end of one of the URLs - then it worked! Yay!
It’s been a super fun few days, and I’m pretty pleased with what I’ve achieved! If you check out the Social Media section of my Geese Games blog post, you can see what I did over the two days. I didn’t get to putting my blog on Jekyll, but I’ll carry on with that another time. In case you’re interested in having a go yourself, I've included some links below.
If you'd like to interact with this blog post, head on over to the Tweet about it:
Had a wonderful time at @garrettc's Oxford 2018 Indie Web Camp! Thank you for organising it Garrett (and @HaybrookIT for the snacks!) It was nice to get to see @whiteoctober's lovely offices too. Here's my blog post about all of it :) https://t.co/ua5cHtqYkm— Beverley Newing (@WebDevBev) September 23, 2018