💄 new design (with microformats)

index.html

@@ -3,10 +3,12 @@ layout: default
 title: James Walker
 ---
 
-{% include vcard.html %}
-
-<h3>recent posts:</h3>
-{% for post in site.posts limit: 5 %}
-{% include article_list.html %}
-{% endfor %}
-
+<section class="h-card prose lg:prose-2xl dark:prose-invert">
+  <img src="/images/walkah-avatar.png" alt="James Walker" class="u-photo rounded-full w-48 mx-auto">
+  <p class="lead text-center">👋 I'm <span class="p-name"><span class="p-given-name">James</span> <span class="p-family-name">Walker</span></span> aka <a href="https://walkah.net/" class="u-url u-uid p-nickname">walkah</a>.</p>
+  <p class="p-note">
+    I am a free software developer in <span class="p-locality">Toronto</span>, <span class="p-country-name">Canada</span>.
+    I'm currently the <span class="p-role">VP of Engineering</span> at <a class="p-org" href="https://fission.codes/">Fission</a> where we're building tools for a <span class="p-category">decentralized</span>, <span class="p-category">open web</span>.
+  </p>
+  <p>You can follow my work on <a href="https://github.com/walkah" rel="me">github</a> and <a href="https://twitter.com/walkah" rel="me">twitter</a>, but I prefer the <a href="https://walkah.social" rel="me">fediverse</a> and <a href="https://matrix.to/#/@walkah:walkah.chat" rel="me">matrix</a>.</p>
+</section>