✨ feat: Convert filename to alt text

.eleventy.js

@@ -39,5 +39,11 @@ module.exports = function (eleventyConfig) {
         },
     })
 
+    // Convert img filename to alt text
+    eleventyConfig.addFilter('toAlt', (text) => {
+        const basename = text.split('.')
+        return basename[0].replace(/_/g, ' ')
+    })
+
     return {dir: {input: 'src', output: 'dist'}}
 }

src/collections/buttons.liquid

@@ -5,7 +5,10 @@ layout: layout.liquid
     {% for source in buttons %}
         {% for button in source[1] %}
             <a href="{{ credits[source[0]] }}" target="_blank">
-                <img src="/collections/images/buttons/{{ source[0] }}/{{ button }}" alt="{{ source[0] }}">
+                <img
+                        src="/collections/images/buttons/{{ source[0] }}/{{ button }}"
+                        alt="{{ button | toAlt }}"
+                >
             </a>
         {% endfor %}
     {% endfor %}

src/collections/collections.11tydata.js

@@ -68,6 +68,6 @@ module.exports = async function () {
     }
 
     collections.credits = credits
-    console.log(collections.buttons)
+    
     return collections
 }