Yet more h-entry fun

themes/hello-friend-ng/assets/scss/_single.scss

@@ -53,9 +53,10 @@
     }
   }
 
-  &-excerpt {
+  &-summary {
     color: grey;
     font-style: italic;
+    display: none;
   }
 
   &-info {
@@ -89,6 +90,14 @@
       width: 1em;
       height: 1em;
     }
+
+    .permalink a {
+      text-decoration: none;
+    }
+
+    .author {
+      display: none;
+    }
   }
 
   &-audio {

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;" rel="author">
+<a href="{{ if .Site.Params.Logo.LogoHomeLink }}{{ .Site.Params.Logo.LogoHomeLink }}{{ else }}{{ .Site.BaseURL | relLangURL }}{{ end }}" style="text-decoration: none;">
     <div class="logo">
         {{ if .Site.Params.Logo.path }}
             <img src="{{ .Site.Params.Logo.path }}" alt="{{ .Site.Params.Logo.alt }}" />

themes/hello-friend-ng/layouts/posts/single.html

@@ -2,7 +2,7 @@
   <main class="post h-entry">
 
     <div class="post-info">
-      <p>
+      <p class="reading-time">
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
           <circle cx="12" cy="12" r="10"></circle>
           <polyline points="12 6 12 12 16 14"></polyline>
@@ -15,15 +15,19 @@
           {{ end}}
         {{ end }}
       </p>
+      <p class="author" aria-hidden="true">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+        <a href="{{ .Site.BaseURL | relLangURL }}" rel="author">{{ .Site.Author.name }}</a>
+      </p>
     </div>
 
-    <article class="e-content">
+    <article>
       <h1 class="post-title p-name"{{ with .Params.emoji }} data-emoji="{{.}}"{{end}}>
-        <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        <a href="{{ .Permalink }}" class="u-url">{{ .Title | markdownify }}</a>
       </h1>
 
-      {{ with .Params.Description }}
-        <div class="post-excerpt">{{ . }}</div>
+      {{ with .Summary }}
+        <div class="post-summary p-summary" aria-hidden="true">{{ . }}</div>
       {{ end }}
 
       {{ if .Params.Cover }}
@@ -53,7 +57,7 @@
         </div>
       {{ end }}
 
-      <div class="post-content">
+      <div class="post-content e-content">
         {{ .Content }}
       </div>
     </article>