mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
Update blog alt text
This commit is contained in:
Tom
parent
3374bc5e62
commit
bfc0d799eb
@ -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 }}
|
||||
|
||||
@ -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
|
||||
---
|
||||
|
||||
|
||||
@ -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
|
||||
---
|
||||
|
||||
@ -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>
|
||||
---
|
||||
|
||||
|
||||
@ -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>
|
||||
---
|
||||
|
||||
@ -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/).
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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.
|
||||
|
||||
---
|
||||
|
||||
|
||||
@ -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>
|
||||
---
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
---
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
---
|
||||
|
||||
@ -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
|
||||
|
||||
---
|
||||
|
||||
@ -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
|
||||
|
||||
---
|
||||
|
||||
@ -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
|
||||
|
||||
---
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
---
|
||||
|
||||
@ -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
|
||||
---
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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.
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user