fix entity encoding in image alt/title attributes

.stylelintrc

@@ -7,7 +7,7 @@
     "color-hex-length": "long",
     "function-parentheses-space-inside": null,
     "function-url-quotes": null,
-    "indentation": null,
+    "indentation": [ 2, { "severity": "warning" } ],
     "max-nesting-depth": 5,
     "number-no-trailing-zeros": null,
     "order/properties-alphabetical-order": null,

layouts/shortcodes/image.amp.html

@@ -2,8 +2,8 @@
 
 <p class="image">
   <amp-img
-    {{- with .Get "alt" }} alt="{{ . | safeHTMLAttr }}" title="{{ . | safeHTMLAttr }}"{{ else }}
-    {{- with .Inner }} alt="{{ . | markdownify | plainify | safeHTMLAttr }}" title="{{ . | markdownify | plainify | safeHTMLAttr }}"{{ end }}{{ end }}
+    {{- with .Get "alt" }} alt="{{ . | safeHTML }}" title="{{ . | safeHTML }}"{{ else }}
+    {{- with .Inner }} alt="{{ . | markdownify | plainify | safeHTML }}" title="{{ . | markdownify | plainify | safeHTML }}"{{ end }}{{ end }}
     src="{{ $optimized.Permalink }}"
     width="{{ .Scratch.Get "displayWidth" }}"
     height="{{ .Scratch.Get "displayHeight" }}"

layouts/shortcodes/image.html

@@ -4,11 +4,11 @@
 <figure>
   <picture>
     <img src="{{ $optimized.Permalink }}" width="{{ $.Scratch.Get "displayWidth" }}" height="{{ $.Scratch.Get "displayHeight" }}"
-         alt="{{ . | markdownify | plainify | safeHTMLAttr }}" title="{{ . | markdownify | plainify | safeHTMLAttr }}">
+         alt="{{ . | markdownify | plainify | safeHTML }}" title="{{ . | markdownify | plainify | safeHTML }}">
   </picture>
   <figcaption>{{ . | $.Page.RenderString | safeHTML }}</figcaption>
 </figure>
 {{- else -}}
 <p><img src="{{ $optimized.Permalink }}" width="{{ $.Scratch.Get "displayWidth" }}" height="{{ $.Scratch.Get "displayHeight" }}"
-     {{- with .Get "alt" }} alt="{{ . | safeHTMLAttr }}" title="{{ . | safeHTMLAttr }}"{{ end }}></p>
+     {{- with .Get "alt" }} alt="{{ . | safeHTML }}" title="{{ . | safeHTML }}"{{ end }}></p>
 {{- end }}

layouts/shortcodes/image.rss.xml

@@ -2,7 +2,7 @@
 
 <p style="text-align: center;">
 <img src="{{ $optimized.Permalink }}" width="{{ .Scratch.Get "displayWidth" }}" height="{{ .Scratch.Get "displayHeight" }}"
-     {{- with .Get "alt" }} alt="{{ . | safeHTMLAttr }}" title="{{ . | safeHTMLAttr }}"{{ end }}
-     {{- with .Inner }} alt="{{ . | markdownify | plainify | safeHTMLAttr }}" title="{{ . | markdownify | plainify | safeHTMLAttr }}"{{ end }}>
+     {{- with .Get "alt" }} alt="{{ . | safeHTML }}" title="{{ . | safeHTML }}"{{ end }}
+     {{- with .Inner }} alt="{{ . | markdownify | plainify | safeHTML }}" title="{{ . | markdownify | plainify | safeHTML }}"{{ end }}>
 {{ with .Inner }}<br>{{ . | $.Page.RenderString | safeHTML }}{{ end -}}
 </p>

postcss.config.js

@@ -4,7 +4,12 @@ module.exports = {
   },
   plugins: [
     require("stylelint")({
-      configFile: ".stylelintrc.json"
+      configFile: ".stylelintrc",
+      configOverrides: {
+        "rules": {
+          "indentation": null
+        }
+      }
     }),
     require("autoprefixer")(),
     require("postcss-clean")({