posse

Implementing IndieWeb on your personal Drupal site, part 1

Roy — Sun, 10 Jun 2018 21:53:30 +0000

Sub title

Laying the foundations for POSSE

/sites/default/files/styles/large/public/20180610-indieweb.png?itok=bFJfMCXu

This is my version of the steps you need to take to make your site part of the indie web community. Swentel helped me getting it all setup on this here Drupal site using his indieweb module. It’s all a bit complicated still, so this is mostly me trying to retroactively understand what’s going on.

As it says on the site, the IndieWeb is a people-focused alternative to the corporate web. Its main tenets:

Ownership – your content is yours, it should not belong to a corporation.
Connection – starting from your own site you can share your content to all other services.
Control – post what you want, in the format you prefer, using your own URLs that you keep permanent.

While 1 and 3 are essential and relatively easy to achieve (use your own domain and post your content there), it’s number 2 that is the most alluring.

Owning your stuff and being able to share it across multiple platforms combines ownershop with reach. This is what “POSSE” is all about: Publish (on your) Own Site, Syndicate Elsewhere. Drupal lead Dries Buytaert has written several posts outlining his POSSE plan.

Getting started

This “Connection” part of indieweb publishing is also the most complicated. There are quite a few moving parts to getting it all up and running.

For Drupal sites, the setup for the community/sharing/syndication parts of indieweb publishing has gotten much more accessible with the release of the IndieWeb module created by swentel. It doesn’t necessarily reduce the number of things to set up, but it provides a centralized UI for all of them: Webmentions, Microformats, Feeds, Micropub, IndieAuth and Microsub.

Before going over the details of configuring the indieweb module itself, we have to take care of some basics first.

Introduce yourself (right on)

To own your content on the web, you have to establish that you are in fact, you. That’s why IndieWeb starts with having your own domain and posting some initial content there. Important part of this initial content is a specific bit of HTML that establishes you as the author and owner of things published on this particular domain:

Roy Scholten

The specific part here is that “h-card” class added to the anchor tag. This “h-card” is one of a collection of so-called microformats. With microformats you give more structure and semantics to information presented in HTML. In this case, h-card is the microformat to use for publishing information about people or organisations. We’ll need to add other microformats to (blog) posts you publish on the site, but that’s for later.

To do in Drupal

The indieweb module does not (yet?) handle adding this information to your site. Add your version of the HTML snippet above to a (new or existing) Drupal block. Place that block to be visible on your homepage. The site footer or maybe a sidebar are obvious places you can put it. Mine’s in the footer below.

You can check if all is fine with https://indiewebify.me/validate-h-card/. Enter your domain name there and it will report back with what it found and suggest additional elements you could add to enhance your h-card.

Even without posting any other content to your own site, you now have your own space on the indie web and setup your identity in a way that you own and control.

Next: add links to your existing social media accounts

You’ve seen those signup forms that let you create an account by using your existing Google, Facebook or Twitter account details. In this step, you configure your own domain to be your IndieAuth identity. This lets you use your own domain to sign in to other sites and services.

There are not many sites outside the indieweb circles itself that offer this, I think. It’s still useful to do this though. You’ll likely want to use some of these indieweb services, especially to automatically share (links to) your content on other platforms like Twitter or Facebook.

To do in Drupal

Detailed instructions are here. In short:

Add links to your other profiles and add the rel="me" attribute. Might as well add this to that h-card block you created in the first step. For example:

@royscholten on Twitter

If you have a Github account, that’s also a good one to add.

To do on the external sites you link to

Link back to your homepage from your profile page on these services. The indieweb wiki has direct links to edit your Twitter and Github profile.

Then, try logging in to indieweb.org to see if it all works.

So far, so good,

So what? By establishing your identity on your own domain you stake out your own spot on the internet that you control. With this set up, you have created an environment for publishing on your own site and syndicating elsewhere.

Next time: configuring the indieweb module to start sending and receiving webmentions, the indieweb catch-all term for comments, likes, reposts and the like.

Tags

indieweb

posse

drupalplanet

Tweets starting from here

Roy — Sun, 18 Feb 2018 22:55:07 +0000

Sub title

Tweet-sized notes posted as content on yoroy.com that get pushed to Twitter via RSS and Zapier.

/sites/default/files/styles/large/public/20180219-notes-ui.png?itok=4rNLWr49

My previous post inspired Joeri to some improvements on his site. Nice!

I built another step towards POSSE this weekend: tweet-sized notes posted as content on yoroy.com that get pushed to Twitter via RSS and Zapier. Here’s how:

Create a new content type “Note”. This one needs to only have a text area. And here we run into Drupal always requiring a title. We can’t create entities without giving it a title. The title itself is always a text field, so not ideal for writing 280 char bits of text. Two contrib modules to work around this:

Auto entity label to define an automatic pattern for the title of these Notes. I set it to use a simple timestamp.
Exclude node title to actually hide the title field on the Note creation form and on display.

Next I defined a new text format that does not use CKEditor but allows tags and automatically transforms URLs into links. I set this to be the default text format for the text area on the Note using the Better Formats module (sadly currently only available as an old development release). This step is optional, it helps remove user interface clutter. This gives me a content creation form with just a single plain text text area, a “published” checkbox and a Save button.

I updated the views that list blog content on this site to also include content of type “Note” and configured a Notes RSS feed as well. I use this feed as an input on Zapier where the Notes body is extracted and posted as a tweet.

Tags

Small steps towards POSSE

Roy — Fri, 16 Feb 2018 22:17:40 +0000

Sub title

Adding RSS feeds to grafiek.royscholten

Couple of times now I succumbed (that’s how it feels) and started using some walled garden with its native app and ease of use. Soon after I start to regret it. Not only because of the walled garden factor itself but especially because of the nasty addictive patterns in there: notifications, likes, followers, comments. It’s nice to exchange pleasantries or run into somebody again (Hi Jim!), but it pushes neuro-buttons in an unhealthy way.

And so, there’s an abandoned collection of my prints on Tumblr and I already have second thoughts on the Instagram account I started a couple of weeks ago. At the very least the same stuff should be posted on a domain of my own.

All of which is to say that today I added some RSS links to grafiek.royscholten.nl should you want to follow from the open source.

Tags

printmaking

posse

grafiek.royscholten.nl

Roy — Fri, 26 Aug 2016 20:04:34 +0000

Sub title

POSSE is an abbreviation for Publish (on your) Own Site, Syndicate Elsewhere

/sites/default/files/styles/large/public/20160826-grafiek%202012.jpg?itok=4uFaL9J7

For now settling on grafiek.royscholten.nl as the place where I present my prints. There are 300+ posts on a tumblr I’m moving back into my own domain. Should have done that from the start of course.

Keeping the “pixelgrafiek” moniker around for the digital sketches, drawings and collages.

Tags

printmaking

posse

Node add screen for my POSSE tweet UI

Roy — Wed, 18 Jun 2014 21:05:37 +0000