aider: Added highlight image to the blog post and displayed it on the blog index if present.

# Aider chat conversation:

USER: use the graph as a highlight image for the blog post. add the highlight image to the blog index if one is present.

ASSISTANT: To use the graph as a highlight image for the blog post and add it to the blog index if a highlight image is present, I will make the following changes:

1. Add a `highlight_image` field to the front matter of the `_posts/2023-11-06-benchmarks-speed-1106.md` file.
2. Modify the `blog/index.html` file to check for the `highlight_image` field and display the image if it exists.

Here are the diffs for those changes:

```diff
--- _posts/2023-11-06-benchmarks-speed-1106.md
+++ _posts/2023-11-06-benchmarks-speed-1106.md
@@ ... @@
 ---
 title: Speed benchmarks of GPT-4 Turbo and gpt-3.5-turbo-1106
 excerpt: This report provides a detailed comparison of the speed of GPT-4 Turbo and gpt-3.5-turbo-1106 models based on the aider benchmarking suite.
+highlight_image: /assets/benchmarks-speed-1106.svg
 redirect_from:
   - /docs/benchmarks-speed-1106.html
 ---
```

```diff
--- blog/index.html
+++ blog/index.html
@@ ... @@
   {% for post in site.posts %}
     <article class="post">
+      {% if post.highlight_image %}
+      <div class="post-highlight">
+        <img src="{{ site.baseurl }}{{ post.highlight_image }}" alt="Highlight Image">
+      </div>
+      {% endif %}
       <h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
       <div class="entry">
           {% if post.excerpt %}
```

blog/index.html

@@ -5,6 +5,11 @@ layout: default
 <div class="posts">
   {% for post in site.posts %}
     <article class="post">
+      {% if post.highlight_image %}
+      <div class="post-highlight">
+        <img src="{{ site.baseurl }}{{ post.highlight_image }}" alt="Highlight Image">
+      </div>
+      {% endif %}
       <h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
       <div class="entry">
           {% if post.excerpt %}