After having spent the weekend at IndieWebCamp Los Angeles, it somehow seems appropriate to have a “Voted post type” for the election today†. To do it I’m proposing the following microformats, an example of which can be found in the mark up of the post above. This post type is somewhat similar to both a note/status update and an RSVP post type with a soupçon of checkin.
- Basic markup
<div class="h-entry">
<span class="p-voted">I voted</span>
in the <a href="http://example.com/election" class="u-voted-in">November 8th, 2016 Election</a>
</div>
Possible Voted values: I voted, I didn’t vote, I was disenfranchised, I was intimidated, I was apathetic, I pathetically didn’t bother to register
- Send a Webmention to the election post of your municipality’s Registrar/Clerk/Records office as you would for a reply to any post.
-
You should include author information in your Voted post so the registrar knows who voted (and then send another Webmention so the voting page gets the update).
Here’s another example with explicit author name and icon, in case your site or blog does not already provide that on the page.
<div class="h-entry">
<a class="p-author h-card" href="http://mysite.example.org">
<img alt="" src="http://mysite.example.org/icon.jpg"/>
Supercool Indiewebvoter</a>:
<span class="p-voted">I voted</span>
to <a href="http://example.com/election" class="u-voted-in">IndieWeb Election </a>
</div>
You can also use the data element to express the meaning behind the literal p-voted value while providing your own visible human readable language:
<data class="p-voted" value="I voted">I voted for the first female president today!
Finally, feel free to POSSE to multiple social media networks to encourage your friends and family to vote today.
† I’m being a bit facetious and doing this in fun. But it does invite some interesting speculation…
I really like this! Great job and thanks for sharing