From: Cameron Otsuka <cameron@otsuka.haus>
Date: Thu, 16 Apr 2026 03:37:22 +0000 (-0400)
Subject: use a more semantic element
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=3f135e9893ac8588e41c4d4ab9b4ab71ff5c2e32;p=cotsuka.github.io

use a more semantic element
---

diff --git a/src/components/ui/callout.astro b/src/components/ui/callout.astro
index d566f07..3807941 100644
--- a/src/components/ui/callout.astro
+++ b/src/components/ui/callout.astro
@@ -17,10 +17,10 @@ const calloutLabels: Record<CalloutLevel, string> = {
 const calloutLabel = label ?? calloutLabels[level];
 ---
 
-<div class={`callout callout-${level}`}>
-  <div class={`callout-label`}>{calloutLabel}</div>
+<aside class={`callout callout-${level}`}>
+  <header class={`callout-label`}>{calloutLabel}</header>
   <div class="callout-content"><slot /></div>
-</div>
+</aside>
 
 <style>
   .callout {