From 1895bc12ed4190b0b638c914ddfb41fb67dce2fd Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 22:56:16 +0000
Subject: [PATCH] Seed: blog template (17 files)

---
 src/pages/Article.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Article.tsx b/src/pages/Article.tsx
index af69d9c..f4e2188 100644
--- a/src/pages/Article.tsx
+++ b/src/pages/Article.tsx
@@ -159,7 +159,7 @@ export default function ArticlePage() {
                 {tocHeadings.map((heading) => (
                   <li key={heading.id}>
                     <a
-                      href={`#\${heading.id}`}
+                      href={`#${heading.id}`}
                       className="block pl-4 text-sm text-stone-500 hover:text-emerald-600 transition-colors -ml-px border-l-2 border-transparent hover:border-emerald-500"
                       onClick={(e) => { e.preventDefault(); document.getElementById(heading.id)?.scrollIntoView({ behavior: "smooth" }); }}
                     >
@@ -337,14 +337,14 @@ export function Component({
             <h2 className="text-3xl sm:text-4xl font-bold tracking-tight mb-12 animate-fade-up">Related Articles</h2>
             <div className="grid md:grid-cols-3 gap-6 stagger">
               {relatedArticles.map((article) => (
-                <Link to={`/article/\${article.slug}`} key={article.id} className="group">
+                <Link to={`/article/${article.slug}`} key={article.id} className="group">
                   <Card className="overflow-hidden border-0 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
-                    <div className={`relative aspect-video bg-gradient-to-br \${article.gradient}`}>
+                    <div className={`relative aspect-video bg-gradient-to-br ${article.gradient}`}>
                       <div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle at 25% 25%, rgba(255,255,255,0.15) 1px, transparent 1px)", backgroundSize: "20px 20px" }} />
                       <div className="absolute top-1/3 left-1/4 w-24 h-24 rounded-full bg-white/10 blur-2xl" />
                     </div>
                     <CardContent className="p-5">
-                      <Badge className={`mb-2 border-0 text-xs hover:bg-primary hover:text-primary-foreground transition-colors \${categoryColors[article.category] || "bg-emerald-100 text-emerald-700"}`}>
+                      <Badge className={`mb-2 border-0 text-xs hover:bg-primary hover:text-primary-foreground transition-colors ${categoryColors[article.category] || "bg-emerald-100 text-emerald-700"}`}>
                         {article.category}
                       </Badge>
                       <h3 className="font-semibold text-sm text-stone-900 group-hover:text-emerald-600 transition-colors line-clamp-2">