Update blog alt text

_layouts/post.html

@@ -28,8 +28,13 @@
                     <time class="dt-label dt-published" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date_to_string }}</time>
                 </section>
             </section>
+
+            <!-- Hidden content to control how this gets posted to Mastodon -->
             <div class="e-bridgy-mastodon-content hidden">
                 New blog post: {{ page.title }} - {{page.excerpt}}
+                <img src = "{{ page.thumbnail | default: page.image}}"
+                    class = "u-featured"
+                    alt="{{page.alt | smartify}}">
             </div>
             <div class="e-content">
             {{ content }}

_posts/2023-08-10-miniflux-and-rsshub.md

@@ -3,6 +3,7 @@ title: "Selfhosting: Miniflux and RSSHub"
 layout: post
 excerpt: Notes to self on selfhosting an RSS reader.
 thumbnail: /assets/blog/miniflux/thumbnail.png
+alt: A lazy screenshot of the miniflux homepage with the title and 'Unread(52)'
 image_class: invertable
 ---
 

_posts/2023-08-13-half-marathon.md

@@ -6,6 +6,7 @@ excerpt: |
 image: /assets/blog/running/time_vs_distance.svg
 social_image: /assets/blog/running/time_vs_distance.png
 thumbnail: /assets/blog/running/half_thumbnail.svg
+alt: 
 image_class: invertable
 alt: A scatter graph of run time vs run distance for all my runs on strava. It shows that I mainly run between 5 and 6 min per kilometer, regardless of distance 
 ---

_posts/2023-08-17-maps.md

@@ -5,6 +5,7 @@ excerpt: |
     I want to make some really big laser etched maps.
 
 image: /assets/blog/maps/tests.jpeg
+alt: Small 10cm x 10cm test lasercut maps, one is a bit too light.
 head: <script type="module" src="/assets/js/model-viewer.js"></script>
 ---
 

_posts/2023-08-23-weekend_builds-1.md

@@ -6,6 +6,7 @@ excerpt: |
 
 image: /assets/blog/weekend_builds_1/stool.jpeg
 thumbnail: /assets/blog/weekend_builds_1/stool_thumbnail.jpeg
+alt: An image of a hexagonal stool made out of 6mm thick laser cut plywood.
 assets: /assets/blog/weekend_builds_1/
 head: <script type="module" src="/assets/js/model-viewer.js"></script>
 ---

_posts/2023-09-13-maps-2.md

@@ -6,6 +6,7 @@ excerpt: |
 
 image: /assets/blog/maps/after_sanding.jpeg
 thumbnail: /assets/blog/maps/after_sanding_thumbnail.jpeg
+alt: A photograph at an angle of a laser etched map on some plywood. The Thames is quite visible as a thick black line in the bottom right.
 ---
 
 A last minute leaving gift idea for a friend inspired me to finish my first actual laser cut map. I used leaflet.js to overlay the names of some places we had visited together in London onto those nice Stamen Design map tiles from before. You can see the digital version [here](/projects/tonis-map/).

_posts/2023-10-30-maps-3.md

@@ -6,7 +6,7 @@ excerpt: |
 
 image: 
 thumbnail: /assets/blog/pmtiles/thumbnail.png
-alt: A small map.
+alt: A black and white image of a web map.
 head: |
         <link rel="prefetch" href="/assets/blog/pmtiles/light.json" as="fetch">
         <link rel="stylesheet" href="/assets/css/maplibre-gl.css">

_posts/2023-11-9-this-site.md

@@ -4,6 +4,7 @@ layout: post
 thumbnail: /favicon/android-chrome-512x512.png
 excerpt: |
     Mostly a note to self so that I can check this when I forget late how it works.
+alt: The site favicon, built from a series of overlapping circles forming a diamond shape. 
 
 ---
 

_posts/2024-03-04-book-shelf.md

@@ -7,7 +7,7 @@ excerpt: |
 image:
 thumbnail: /assets/blog/bookshelf/thumbnail.jpg
 assets: /assets/blog/bookshelf/
-alt: 
+alt: A render of a small bookshelf made of flat panels with some CAD books on it.
 head: <script type="module" src="/assets/js/model-viewer.js"></script>
 ---
 

_posts/2024-05-17-threejs-earth.md

@@ -6,7 +6,7 @@ excerpt: A small earth renderer made using ThreeJS
 image:
 thumbnail: /assets/blog/sphere_geodesics/thumbnail.png
 assets: /assets/blog/sphere_geodesics/
-alt: 
+alt: A render of a 3D spherical earth.
 
 head: |
     <script async src="/node_modules/es-module-shims/dist/es-module-shims.js"></script>

_posts/2024-05-29-sensor-community-emfcamp-workshop.md

@@ -6,7 +6,7 @@ excerpt: Instructions for a workshop I'm running/ran at Electromagnetic Field 20
 image: /assets/blog/emf2024/emf2024-logo-dark.svg
 thumbnail: 
 assets: /assets/blog/emf2024
-alt: 
+alt: The emf2024 logo which has a circle with a wavy line (AC current?) on the middle. An angular computery tree grows out the top and an organic natural looking tree grows out the bottom.
 
 redirect_from: /emf2024
 ---

_posts/2024-07-20-micropython-1.md

@@ -6,14 +6,14 @@ excerpt: Embedded Programming is fun again!
 image: /assets/blog/micropython/xkcd.png
 thumbnail: /assets/blog/micropython/thumbnail.png
 assets: /assets/blog/micropython
-alt: A crudely edited version of XKCD 353, the one about python, but with a greek letter mu stuck in front of "python".
+alt: A crudely edited version of XKCD 353, the one about python (the programming language), but in this thumbnail you can only see the character saying 'you can fly, how?'.
 
 head: |
     <script src="/assets/blog/micropython/micropython.min.mjs" type="module"></script>
 ---
 
 <figure style="width:max(300px, 100%);">
-<img src="{{page.assets}}/xkcd.png" alt="The classic xkcd 353 about how python makes programming fun again."/>
+<img src="{{page.assets}}/xkcd.png" alt="A crudely edited version of XKCD 353, the one about python (the programming language), but with a greek letter mu stuck in front of 'python' to make it 'micropython'. A character looking up says 'you're flying how?' and the one in the air says 'micropython!'. Not shown but in the next panel it is explained that they did 'import antigravity'"/>
 <figcaption>
 <small><a href = "https://xkcd.com/353/">Original</a></small>
 </figcaption>

_posts/2024-08-24-kicad-notes.md

@@ -6,7 +6,7 @@ excerpt: A collection of Kicad related links and notes.
 image: /assets/blog/kicad/kicad.png
 thumbnail: /assets/blog/kicad/kicad.png
 assets: /assets/blog/kicad
-alt: 
+alt: A screenshot of some PCB traces from the PCB design program KiCAD. The traces are in red with white labels like "GND" and "5v". Some of the traces are for power and are very wide while others are just for signals and are very narrow.
 head: |
     <script type="module" src="/assets/js/kicanvas.js"></script>
 ---

_posts/2024-11-29-2024-roundup.md

@@ -8,7 +8,7 @@ images: /assets/images/2024
 thumbnail: /assets/images/2024/2024.svg
 social_image: /assets/images/2024/2024.png 
 assets: 
-alt: 
+alt: The numbers 2024 but rearranged to make a kind of smiley face. The two 2s make two eyes, the 4 makes a nose and the 0 becomes an open mouth.
 image_class: invertable
 
 ---

_posts/2025-01-08-manipulate-pixels-python.md

@@ -6,7 +6,7 @@ excerpt: I had a black and white image but I wanted a black image with the white
 thumbnail: /assets/blog/manipulate_pixels.png
 social_image: /assets/blog/manipulate_pixels.png
 assets: 
-alt: 
+alt: A screenshot of some python code showing the line "rgb_array = np.array(..." and then multiple that say "rgb_array = ...". To be honest this is kinda lazy but I wanted to have some kind of image for each blog post. You, oh reader of the alt text, are getting more out of me than someone who just looked at the picture. 
 image_class: invertable
 
 ---

_posts/2025-01-09-a-tricky-proof.md

@@ -8,7 +8,7 @@ mathjax: true
 thumbnail: /assets/blog/astrophysical_fluids/line_element.svg
 social_image: /assets/blogs/astrophysical_fluids/thumbnail.png
 assets: 
-alt: 
+alt: A sketch of a vector V with arrows coming off both the top and bottom labelled u(x) and u(x+v) that is used in the post to show how a vector gets transported in a fluid.
 image_class: invertable
 
 ---

_posts/2025-01-17-colour-to-alpha.md

@@ -7,7 +7,6 @@ images: /assets/blog/alpha_test
 thumbnail: /assets/blog/alpha_test/thumbnail.png
 social_image: /assets/blog/alpha_test/thumbnail.png
 
-# The alt text for both images.
 alt: An image of Mixtela's latest project, a pendant with a fluid simulation running on a LED matrix.
 image_class: no-dim
 mathjax: true

_posts/2025-01-18-heic-depth.md

@@ -7,7 +7,7 @@ assets: /assets/blog/heic_depth_map
 thumbnail: /assets/blog/heic_depth_map/thumbnail.png
 social_image: /assets/blog/heic_depth_map/thumbnail.png
 
-alt: An image of my face, half is a normal colour photgraph and half is a depth map in black and white.
+alt: An image of my face, half is a normal colour photograph and half is a depth map in black and white.
 
 model_viewer: true
 ---

_posts/2025-01-25-volume-rendering.md

@@ -8,7 +8,7 @@ thumbnail: /assets/blog/volume_rendering/thumbnail.png
 social_image: /assets/blog/volume_rendering/thumbnail.png
 image_class: invertable
 
-alt: A volumetric render of a CT scan of my jaw.
+alt: A volumetric render of a CT scan of my jaw. It looks like a kind of translucent human skull except the teeth are dark black because they're denser to x-rays, the bone is more greyish.
 
 model_viewer: true
 ---

_posts/2025-02-16-executable-code-snippets-in-docs-and-html-object-representations.md

@@ -6,7 +6,8 @@ excerpt: "It just looks so nice."
 assets: /assets/blog/executable-code-snippets-in-docs-and-html-object-representations
 thumbnail: /assets/blog/executable-code-snippets-in-docs-and-html-object-representations/thumbnail.png
 social_image: /assets/blog/executable-code-snippets-in-docs-and-html-object-representations/thumbnail.png
-alt:
+alt: | 
+    A screenshot of a tree diagram created using unicode bar characters. It starts at "root" and then fans out to "class=od" and class="rd" which themselves fan out to "expver=0001" and "expver=0002" and finally "param=1" and "param=2".
 image_class: invertable
 
 

_posts/2025-03-04-usb-c-psu-monitor-board-bringup.md

@@ -6,7 +6,7 @@ excerpt: Finally testing boards I got back manufactured last year.
 assets: /assets/blog/usb-c-psu-monitor-board-bringup
 thumbnail: /assets/blog/usb-c-psu-monitor-board-bringup/thumbnail.jpg
 social_image: /assets/blog/usb-c-psu-monitor-board-bringup/thumbnail.jpg
-alt:
+alt: A photograph of a square of dark wood about 4cm by 4cm, in the center is a roughly 3cm diameter circle of orange acrylic behind which there is an lcd screen displaying some faked numbers "5.2v, 20w, 2.1A" in a vaguely sci-fi type font (it's called Gunship and was also used in the movie Walle). To the left there is a circular half filled bar intended to complete the sci-fi UI look.
 ---
 
 Quick recap of my [USB-C PSU build](/projects/usbc_charging_station): I have these USB-C supply boards from aliexpress that take 24v and supply up to 100W using the standard USB-C PD profiles. I designed this little board to add enable/disable with a mosfet and power monitoring with an INA219. In the end, many of these boards will go into a lasercut case with a Meanwell 240W 24V PSU and a microcontroller to turn some of them off if the combined draw gets too high.

_posts/2025-04-04-rara-elegoo-printer-notes.md

@@ -7,7 +7,8 @@ exclude_from_rss: true
 assets: /assets/blog/rara-elegoo-printer-notes
 thumbnail: /assets/blog/rara-elegoo-printer-notes/thumbnail.jpg
 social_image: /assets/blog/rara-elegoo-printer-notes/thumbnail.jpg
-alt: A photo of the main circuit board in this 3D printer.
+alt: |
+    A photo of the main circuit board in this 3D printer. The board is red and there are a lot of wires everywhere some of which have clearly been added after market.
 ---
 
 ---

blog.md

@@ -24,6 +24,6 @@ img:
 {% endfor %}
 {% endif %}
 
-{% for post in published_posts limit:5 %}
+{% for post in published_posts %}
 {% include post_summary.html %}
 {% endfor %}