Getting started with indieweb

I decided to add some indieweb goodness to the site. The validators were really helpful to check things were working.

Here's what I've done so far…

  • Added rel-me links from the home page to my social media profiles
  • Made sure links back from social media profiles are using https
  • Added h-card markup to the home page


<div class="h-card">

  <article class="post-content" role="article">

    <h1 class="post-title">Hi, my name is <span class="p-name">Benjy Stanton</span> and I’m an <span class="p-job-title">interaction designer</span></h1>

    <p class="lede p-note">I work at the <span class="p-org">Office for National Statistics (ONS)</span> and I live in <span class="p-locality">Swansea</span>.</p>
    <p class="margin-top--s"><a href="/blog">Read my blog</a></p>

    <h2>Find me on the web</h2>
      <li><a class="u-url" href="" rel="me">@benjystanton on Twitter</a></li>
      <li><a class="u-url" href="" rel="me">Github</a></li>
      <li><a class="u-email" href="" rel="me"></a></li>



Next step

Next I want to add h-entry markup to my posts.