diff --git a/layouts/partials/about-me.html b/layouts/partials/about-me.html
index b5def65d..acb76d06 100644
--- a/layouts/partials/about-me.html
+++ b/layouts/partials/about-me.html
@@ -1,6 +1,6 @@
 <div class="h-card vcard">
   <a href="https://byjp.me" rel="me" class="u-uid u-url"><img class="profile u-photo" src="profile-512.jpg" alt="A photo of me smiling, with short brown hair, a beard and glasses." /></a>
-  Hello! I'm <em class="p-name fn always-accented">JP Hastings-Spital</em>, a <span class="p-category category">maker</span>, <span class="p-category category">software engineer</span>, <span class="p-category category">swing dancer</span>, and all-round <span class="p-category category">miriscient chap</span> living in <span class="adr p-adr h-adr"><span class="p-locality locality">London</span>, <span class="p-country-name country-name">UK</span></span>. <span class="h-card">I'm a <span clas="p-job-title">principal engineer</a> at <a href="https://deliveroo.engineering/" target="_blank" class="p-org u-url" rel="noopener">Deliveroo</a></span>.
+  <span class="p-note">Hello! I'm <em class="p-name fn always-accented"><span class="p-nickname">JP</span> <span class="p-family-name">Hastings-Spital</span></em>, a <span class="p-category category">maker</span>, <span class="p-category category">software engineer</span>, <span class="p-category category">swing dancer</span>, and all-round <span class="p-category category">miriscient chap</span> living in <span class="adr p-adr h-adr"><span class="p-locality locality">London</span>, <span class="p-country-name country-name">UK</span></span>. <span class="h-card">I'm a <span clas="p-job-title">principal engineer</a> at <a href="https://deliveroo.engineering/" target="_blank" class="p-org u-url" rel="noopener">Deliveroo</a></span>.</span>
 </div>
 
 <p>I post here infrequently about things I've created or care about. Recently I've written
diff --git a/themes/hello-friend-ng/layouts/partials/head.html b/themes/hello-friend-ng/layouts/partials/head.html
index ea3f0355..09ca9b7f 100644
--- a/themes/hello-friend-ng/layouts/partials/head.html
+++ b/themes/hello-friend-ng/layouts/partials/head.html
@@ -6,7 +6,7 @@
 <meta name="keywords" content="{{ .Site.Params.keywords }}{{ if .Params.tags }}{{ range .Params.tags }}, {{ . }}{{ end }}{{ end }}" />
 <meta name="robots" content="noodp" />
 <meta name="theme-color" content="{{ .Site.Params.themeColor }}" />
-<link rel="canonical" href="{{ .Permalink }}" />
+<link rel="canonical" href="{{ .Permalink }}" class="u-url"/>
 
 {{ block "title" . }}
     <title>
diff --git a/themes/hello-friend-ng/layouts/partials/logo.html b/themes/hello-friend-ng/layouts/partials/logo.html
index 83ce4bc3..4e89d6fa 100644
--- a/themes/hello-friend-ng/layouts/partials/logo.html
+++ b/themes/hello-friend-ng/layouts/partials/logo.html
@@ -1,4 +1,4 @@
-<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{ else }}{{ .Site.BaseURL | relLangURL }}{{ end }}" style="text-decoration: none;">
+<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{ else }}{{ .Site.BaseURL | relLangURL }}{{ end }}" style="text-decoration: none;" rel="author">
     <div class="logo">
         {{ if .Site.Params.Logo.path }}
             <img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />
diff --git a/themes/hello-friend-ng/layouts/posts/single.html b/themes/hello-friend-ng/layouts/posts/single.html
index 4255d024..c5028abf 100644
--- a/themes/hello-friend-ng/layouts/posts/single.html
+++ b/themes/hello-friend-ng/layouts/posts/single.html
@@ -17,8 +17,8 @@
       </p>
     </div>
 
-    <article>
-      <h1 class="post-title"{{ with .Params.emoji }} data-emoji="{{.}}"{{end}}>
+    <article class="e-content">
+      <h1 class="post-title p-name"{{ with .Params.emoji }} data-emoji="{{.}}"{{end}}>
         <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
       </h1>
 
@@ -89,7 +89,7 @@
           <line x1="8" y1="2" x2="8" y2="6"></line>
           <line x1="3" y1="10" x2="21" y2="10"></line>
         </svg>
-        <date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Date }}">
+        <date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Date }}" class="dt-published">
         {{ if .Site.Params.dateformNumTime }}
           {{ dateFormat .Site.Params.dateformNumTime .Date }}
         {{ else }}