fix: css resource build cache and icon tag aria-hidden attr

assets/css/_page/_single.scss

@@ -51,16 +51,6 @@
   }
 
   .content {
-    .person-mention.h-card {
-      display: inline-block;
-      img {
-        vertical-align: -12%;
-        max-height: 1.1em;
-        margin-right: 0ex;
-        border-radius: 50%;
-      }
-    }
-    
     > h2 {
       font-size: 1.5rem;
 
@@ -316,6 +306,16 @@
       height: 1.25em;
       vertical-align: text-bottom;
     }
+
+    .person-mention.h-card {
+      display: inline-block;
+      img {
+        vertical-align: -12%;
+        max-height: 1.1em;
+        margin-right: 0ex;
+        border-radius: 50%;
+      }
+    }
   }
 
   @import "../_partial/_single/footer";

layouts/partials/plugin/h-card.html

@@ -4,12 +4,12 @@
 {{- $n := .Nickname | default .Name | default .Email | default .URL | default "👀" -}}
 <span class="h-card{{ with .Class }} {{ . }}{{- end -}}">
 {{- with .URL -}}<a href="{{ . }}" class="u-url url"{{ with $rel }} rel="{{ . }}"{{- end -}}{{ with $text }} title="{{ . }}"{{ end }}>{{- else -}}{{- with .Email -}}<a href="mailto:{{ . }}" class="email"{{ with $text }} title="{{ . }}"{{ end }}>{{- end -}}{{- end -}}
-{{- with .Image -}}<img class="u-photo photo" src="{{ . }}" alt="{{ $n }}">{{- else -}}<i class="far fa-user-circle"></i>{{ end -}}&#8201;
+{{- with .Image -}}<img class="u-photo photo" src="{{ . }}" alt="{{ $n }}">{{- else -}}<i class="far fa-user-circle" aria-hidden="true"></i>{{ end -}}&#8201;
 {{- with .Name -}}<span class="p-name fn">{{ . }}</span>{{ with $nick }} ({{- end -}}{{- end -}}
 {{- with .Nickname -}}<span class="p-nickname nickname">{{ . }}</span>{{- end -}}
 {{- with .Name -}}{{ with $nick }}){{- end -}}{{- end -}}
 {{- with .URL -}}</a>{{- else -}}{{- with .Email -}}</a>{{- end -}}{{- end -}}
 {{- with .Email }}
-	<a href="mailto:{{ . }}" class="email"><span class="u-email">{{ . }}</span></a>
+  <a href="mailto:{{ . }}" class="email"><span class="u-email">{{ . }}</span></a>
 {{- end -}}
 </span>