index.html

---
layout: default
image:
  path: /images/og-image.png
  width: 1200
  height: 630
image-alt: Black-and-white headshot of Derek Croote beside Blog by Derek Croote and the tagline Science, engineering, and data. Sometimes with humor.
---

<div class="home">
  <ul class="post-list">
    {% for post in site.posts %}
    <li>
      <h2>
        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
      </h2>
      <span class="post-meta"
        >{{ post.date | date: "%b %-d, %Y" }} {% if post.last_modified_at %} &nbsp; | &nbsp; Last updated: {{
        post.last_modified_at | date: "%b %-d, %Y" }} {% endif %}
      </span>
      {% include tag-list.html tags=post.tags show_label=true %}
      <div class="content">
        {% if post.description %} {{ post.description }} {% else %} {{ post.excerpt }} {% endif %} {% if post.image %}
        <div class="post-img">
          <a href="{{ post.url | prepend: site.baseurl }}">
            <img
              src="{{ post.image }}"
              alt="{{ post.image-alt | default: 'Article image representation' }}"
              {% if post.image_width and post.image_height %}width="{{ post.image_width }}" height="{{ post.image_height }}"{% endif %}
              {% if forloop.first %}fetchpriority="high"{% else %}loading="lazy" decoding="async"{% endif %}
            />
          </a>
        </div>
        {% endif %}
      </div>
    </li>
    {% endfor %}
  </ul>
</div>