Resolve avatar update issues; tweak others

Author: stedman

.eleventy.js

@@ -84,7 +84,7 @@ module.exports = (eleventyConfig) => {
   eleventyConfig.addPlugin(pluginRss);
 
   // FILTER: Atom date format
-  eleventyConfig.addLiquidFilter("dateToRfc3339", pluginRss.dateToRfc3339);
+  eleventyConfig.addLiquidFilter('dateToRfc3339', pluginRss.dateToRfc3339);
 
   // TRANSFORM: minify HTML
   eleventyConfig.addTransform('htmlmin', (content, outputPath) => {

_includes/filter.js

@@ -7,9 +7,7 @@ module.exports = {
    *
    * @returns {string}  Slugified date.
    */
-  dateSlug: (pageDate) => {
-    return pageDate.toISOString().slice(0, 10).replace(/-/g, '/');
-  },
+  dateSlug: (pageDate) => pageDate.toISOString().slice(0, 10).replace(/-/g, '/'),
 
   /**
    * Reverse array without mutating the original.
@@ -63,7 +61,5 @@ module.exports = {
     return content.replace(re, replacement);
   },
 
-  UTCString: (date) => {
-    return date.toUTCString();
-  },
+  UTCString: (date) => date.toUTCString(),
 };

_includes/shortcodes/avatar.js

@@ -8,11 +8,12 @@ module.exports = async (src, alt, className, outputFormat = 'jpeg') => {
   const classAttr = className ? `class="${className}"` : '';
 
   try {
-    const stats = await Image(src, {
+    let metadata = await Image(src, {
       cacheOptions: {
         // renew img cache every 12 weeks
         duration: '12w',
-        // version control the img cache so GitHub Pages doesn't start from scratch
+        // add img cache to version control so GitHub Pages doesn't lose people pics
+        // from old links (e.g., twitter) that have long since expired
         directory: '_cache',
       },
       formats: [outputFormat],
@@ -21,14 +22,14 @@ module.exports = async (src, alt, className, outputFormat = 'jpeg') => {
       widths: [96],
     });
 
-    const props = stats[outputFormat].pop();
+    let data = metadata.jpeg[metadata.jpeg.length - 1];
 
-    return `<img ${classAttr} src="${props?.url}" alt="${alt}" loading="lazy">`;
+    return `<img ${classAttr} src="${data.url}" alt="${alt}" loading="lazy" decoding="async">`;
   } catch (err) {
     // eslint-disable-next-line no-console
-    console.error('Avatar: eleventy-img error:', err);
+    console.error('Avatar: eleventy-img:', err);
 
     // load empty img src (as placeholder)
-    return `<img ${classAttr} src="" alt="${alt}" loading="lazy">`;
+    return `<img ${classAttr} src="" alt="${alt}">`;
   }
 };

_sass/_main.scss

@@ -149,6 +149,11 @@ $footer-background-color: $white-ter;
     white-space: nowrap !important;
     width: 0.01em !important;
   }
+
+  // revert to Bulma 0.9.0 padding
+  .section {
+    padding-inline: 1.5rem;
+  }
 }
 
 .has-text-tetradic1 {