Auto-commit: 2026-06-29 23:00 CT

content/explore.md

@@ -20,6 +20,7 @@ The main event — essays, reflections, and the daily Morning Brief.
 
 Side projects built into the site.
 
+- [/earth](/earth) — Earth View — interactive 3D globe with live NASA satellite imagery, overlays, and time lapses
 - [/status](/status) — KC Situation Awareness Dashboard — live weather alerts, Windy radar, Blink cameras, and I-70 traffic cameras
 - [/airbrief](/airbrief) — AirBrief — aviation weather situational awareness (METARs, TAFs, flight categories)
 - [/volleyball-score](/volleyball-score) — volleyball scorekeeping app

hugo.toml

@@ -77,6 +77,12 @@ contentDir = "content"
   parent = "explore"
   weight = 8
 
+[[menus.main]]
+  name = "Earth View"
+  url  = "/earth"
+  parent = "explore"
+  weight = 9
+
 [[menus.footer]]
   name = "RSS"
   url  = "/index.xml"

layouts/index.html

@@ -1,4 +1,26 @@
 {{ define "main" }}
+
+<section class="homepage-tools">
+  <h2 class="homepage-tools__heading">Tools</h2>
+  <div class="homepage-tools__grid">
+    <a href="/earth" class="tool-card">
+      <span class="tool-card__icon">🌍</span>
+      <span class="tool-card__name">Earth View</span>
+      <span class="tool-card__desc">Live NASA satellite imagery on an interactive 3D globe</span>
+    </a>
+    <a href="/airbrief" class="tool-card">
+      <span class="tool-card__icon">✈️</span>
+      <span class="tool-card__name">AirBrief</span>
+      <span class="tool-card__desc">Aviation weather lookup — METARs, TAFs, and PIREPs</span>
+    </a>
+    <a href="/status" class="tool-card">
+      <span class="tool-card__icon">📡</span>
+      <span class="tool-card__name">Status Dashboard</span>
+      <span class="tool-card__desc">Kansas City situation awareness — weather, traffic, cameras</span>
+    </a>
+  </div>
+</section>
+
 {{- $pages := where .Site.RegularPages "Section" "posts" }}
 {{- $paginator := .Paginate $pages }}
 <ul class="post-list">

static/css/custom.css

@@ -101,3 +101,59 @@
 .post-list-pagination a:hover {
   text-decoration: underline;
 }
+
+/* ── Homepage tools section ── */
+
+.homepage-tools {
+  margin-bottom: 2.5rem;
+}
+
+.homepage-tools__heading {
+  font-size: 0.75rem;
+  font-family: 'IBM Plex Mono', 'Courier New', monospace;
+  font-weight: 400;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--color-tertiary);
+  margin-bottom: 0.85rem;
+}
+
+.homepage-tools__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 0.75rem;
+}
+
+.tool-card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  padding: 0.9rem 1rem;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 5px;
+  text-decoration: none;
+  transition: border-color 150ms ease, box-shadow 150ms ease;
+}
+
+.tool-card:hover {
+  border-color: var(--color-tertiary);
+  box-shadow: 0 2px 8px rgba(44, 36, 22, 0.07);
+}
+
+.tool-card__icon {
+  font-size: 1.25rem;
+  line-height: 1;
+}
+
+.tool-card__name {
+  font-size: 0.9375rem;
+  font-weight: 600;
+  color: var(--color-primary);
+}
+
+.tool-card__desc {
+  font-size: 0.8125rem;
+  color: var(--color-secondary);
+  line-height: 1.4;
+}