This is a private note that has been shared.

Videos page HTML

<style>
.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}

.video-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.video-item video {
  width: 100%;
  height: auto;
  border-radius: 8px;
  background: #000;
  display: block;
}

.video-item a {
  margin-top: 0.5rem;
  text-decoration: none;
  color: #444;
  font-size: 14px;
  display: inline-block;
  margin-top: 3px;
}
</style>

<div class="video-grid">

<div class="video-item">

<video src="https://cdn.uploads.micro.mov/10/2025/dam/playlist.m3u8" poster="https://www.manton.org/uploads/2025/4b5d07a412.jpg" controls="controls" playsinline="playsinline" preload="metadata" style="max-width: 300px; max-height: 300px;"></video>
<a href="https://www.manton.org/2025/11/15/we-had-to-run-an.html">Nov 15, 2025</a>

</div>

<div class="video-item">

<video src="https://cdn.uploads.micro.mov/10/2025/waco/playlist.m3u8" poster="https://www.manton.org/uploads/2025/poster.jpg" controls="controls" playsinline="playsinline" preload="metadata" style="max-width: 300px; max-height: 300px;"></video>
<a href="https://www.manton.org/2025/11/12/made-a-short-video-of.html">Nov 12, 2025</a>

</div>
<div class="video-item">

<video src="https://cdn.uploads.micro.mov/10/2025/cosmic/playlist.m3u8" poster="https://www.manton.org/uploads/2025/67a2f50bab.png" controls="controls" playsinline="playsinline" preload="metadata" style="max-width: 300px; max-height: 300px;"></video>
<a href="https://www.manton.org/2025/11/07/trying-something-new-a-short.html">Nov 7, 2025</a>

</div>

</div>