index.qmd

---
title: |
  Progress makes a PhD...
  My work in the Roberts Lab, University of Washington
format: html
layout: default
toc: true
sidebar:
  right:
    - toc
    - categories
listing:
  contents: notebook  # Only lab notebook entries here
  sort: "date desc"
  fields: 
    - date
    - title
    - author
    - categories
    - reading-time
editor: source
---

## Updates

```{=html}
<div class="card-grid" style="display: flex; gap: 1rem; flex-wrap: wrap;">

  <div class="card" style="flex: 1; max-width: 300px; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between;">
    <a href="updates/PImeeting20241216.qmd"> 
      <img src="images/advisorsign.jpeg" alt="Post 1" style="width: 100%; height: 200px; object-fit: cover;"/> <!-- Image scaled to fit -->
      <div>
        <h4><b>PI Meeting</b></h4>
        <p>12/17/24</p>
      </div>
    </a>
  </div>

  <div class="card" style="flex: 1; max-width: 300px; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between;">
    <a href="updates/PImeeting20241126.qmd"> 
      <img src="images/michaelscott.jpg" alt="Post 2" style="width: 100%; height: 200px; object-fit: cover;"/> <!-- Image scaled to fit -->
      <div>
        <h4><b>PI Meeting</b></h4>
        <p>11/26/24</p>
      </div>
    </a>
  </div>

  <div class="card" style="flex: 1; max-width: 300px; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between;">
    <a href="updates/post20240917.qmd"> 
      <img src="images/chiton.png" alt="Post 3" style="width: 100%; height: 200px; object-fit: cover;"/> <!-- Image scaled to fit -->
      <div>
        <h4><b>September Goals Mid-Month Check-In</b></h4>
        <p>Intentional plan for progress</p>
      </div>
    </a>
  </div>

</div>
```
## Daily Notebook Entries

<!-- The listing feature will automatically generate the list of posts -->