From c575ce13c2915444b8bd3a862328d9656c44b85f Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 6 Apr 2026 05:48:44 +0000
Subject: [PATCH] Change alert headers from uppercase to small-caps

Co-Authored-By: Oliver Ni <oliver.ni@gmail.com>
---
 templates/index.html            | 2 +-
 templates/shortcodes/alert.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 6145cee..a10807f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
 <a class="{{ class }} hover:-translate-y-1 transition-all border p-4 rounded-xl flex items-center gap-2"
   href="{{ href }}">
   <div class="flex-1 flex flex-col gap-2">
-    <p class="uppercase text-xs text-gray-500 flex gap-2 items-center">
+    <p class="[font-variant:small-caps] text-xs text-gray-500 flex gap-2 items-center">
       <i class="bi {{ icon_class }}"></i>
       <span>{{ label }}</span>
     </p>
diff --git a/templates/shortcodes/alert.html b/templates/shortcodes/alert.html
index f393be4..0bd054d 100644
--- a/templates/shortcodes/alert.html
+++ b/templates/shortcodes/alert.html
@@ -10,7 +10,7 @@
 {% endif %}
 
 <div class="{{ class }} border p-4 rounded-xl flex-1 flex flex-col gap-2">
-  <p class="not-prose uppercase text-xs text-gray-500 flex gap-2 items-center">
+  <p class="not-prose [font-variant:small-caps] text-xs text-gray-500 flex gap-2 items-center">
     <i class="{{ icon_class }}"></i>
     <span>{{ title }}</span>
   </p>