improvement: get cover images working.

.gitignore

@@ -1,2 +1,3 @@
 public
 *.swp
+static/processed_images/

content/_index.md

@@ -2,8 +2,6 @@
 title = "Home"
 template = "index.html"
 transparent = true
-sort_by = "date"
 paginate_by = 10
+sort_by = "date"
 +++
-
-Hello, World!

content/blog/elixir-for-robots/index.md

@@ -4,7 +4,9 @@ draft = false
 date = "2020-06-12"
 description = "Elixir's feature set is almost perfect for Robots. Why aren't we doing it this way?"
 tags = ["robotics", "ros", "erlang", "elixir"]
-cover_image = "https://hackster.imgix.net/uploads/attachments/1084333/_GN6qythQlP.blob?auto=compress%2Cformat&w=900&h=675&fit=min"
+
+[extra]
+cover_image = "augie.jpg"
 +++
 
 I've been working on [a robotics project](https://www.hackster.io/james-harton/augie-the-hexapod-robot-8e5125) for quite some time. Around the time that I started working on it in earnest I also started learning [Elixir](https://elixir-lang.org/). For those of you who don't know, Elixir is a programming language that lives on top of the [Erlang](https://www.erlang.org/) virtual machine (called [BEAM](<https://en.wikipedia.org/wiki/BEAM_(Erlang_virtual_machine)>)). Erlang's semantics were designed for [Ericsson](https://www.ericsson.com/) to run on it's telephony switches. The requirements of massive concurrency, fault tolerance and hot code reloading forced the team at Ericsson to make a bunch of really interesting decisions causing the creation of an immutable, functional language based around a robust actor system, message passing and network-transparent clustering.

content/blog/in-defence-of-idiotic-products.md

@@ -7,7 +7,7 @@ date: 2020-06-20
 cover_image: https://live.staticflickr.com/3739/9476761515_c563c49b45_c_d.jpg
 ---
 
-I was talking to a friend recently about how work on [my robotics project](@/blog/elixir-for-robots.md) and I said that over the weekend I had "popped a few things off my yak stack". Suddenly I realised what I had said, and immediately wondered what it would be like to have a todo list that behaved like a [stack machine](@/blog/stack-vm-part-1.md) with a limited set of instructions available to the user. Of course it's not very practical but since when has that stopped anyone?
+I was talking to a friend recently about how work on [my robotics project](@/blog/elixir-for-robots/index.md) and I said that over the weekend I had "popped a few things off my yak stack". Suddenly I realised what I had said, and immediately wondered what it would be like to have a todo list that behaved like a [stack machine](@/blog/stack-vm-part-1.md) with a limited set of instructions available to the user. Of course it's not very practical but since when has that stopped anyone?
 
 If, like me, you get a lot of joy from the process of building a product then you'll probably also know that it's hard to find a project that's the right size to build by yourself. My last product attempt was a management system for sailing regattas - unfortunately it wound up being put on the back burner, and is likely to stay there indefinitely. Making things that people will part with money for is hard - especially if you're doing it on your own. Unfortunately I can't stop making things.
 

content/blog/lightweight-dev-tools/index.md

@@ -4,7 +4,8 @@ published: true
 description: Learning to live small.
 date: 2023-08-10
 tags: programming, productivity, developer
-cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y9k1z2do7k5qlfieemzy.jpg
+extra:
+  cover_image: huey.jpg
 ---
 
 I’ve been forcing myself to use a barely usable laptop for any couch coding I do because I have a puppy who likes to jump into my lap - regardless of whether there’s already something in it.

templates/page.html

@@ -4,6 +4,17 @@
 
 {% block content %}
 <article class="post animated fadeInDown">
+  {% if page.extra.cover_image %}
+    {% set large = resize_image(path=page.colocated_path ~ page.extra.cover_image, width=1000, height=420, op="fill") %}
+    {% set medium = resize_image(path=page.colocated_path ~ page.extra.cover_image, width=500, height=210, op="fill") %}
+    {% set small = resize_image(path=page.colocated_path ~ page.extra.cover_image, width=250, height=105, op="fill") %}
+    <img
+      src="{{ large.url }}"
+      srcset="{{small.url}} 250w, {{medium.url}} 500w, {{large.url}} 1000w"
+      sizes="(max-width: 300px) 250px, (max-width: 600px) 500px, 1000px"
+      />
+  {% endif %}
+
   <h1><a href="{{ page.permalink }}">{{ page.title }}</a></h1>
   {% if page.extra.author %}
   <div class="info">By {{ page.extra.author }}.</div>