From 74702d29acb3e6a7667aa443557f4c323ce118f8 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Thu, 14 Nov 2024 23:56:57 +0200
Subject: Experimenting with my own markdown styling for blogs

---
 src/components/BlogItem.astro | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'src/components')

diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro
index d94b6f5..08b98c4 100644
--- a/src/components/BlogItem.astro
+++ b/src/components/BlogItem.astro
@@ -22,7 +22,7 @@ interface Props {
     title: string;
     description: string;
     date: Date;
-    href: string;
+    href?: string;
     header?: string;
 }
 
@@ -31,13 +31,20 @@ const { title, description, date, href, header } = Astro.props;
 
 <TerminalBorder header={header} footer={formatDate(date)} margin="0 0 20px;">
     <span class="cursor-pointer group block w-full">
-        <a href={href} style="all: unset;">
-            <h1 class="text-[130%] text-[var(--accent)] group-hover:underline">
-                {title}
-            </h1>
-            <p class="text-[var(--secondary)]">
-                {description}
-            </p>
-        </a>
+        {
+            href ? (
+                <a href={href} style="all: unset;">
+                    <h1 class="text-[130%] text-[var(--accent)] group-hover:underline">
+                        {title}
+                    </h1>
+                    <p class="text-[var(--secondary)]">{description}</p>
+                </a>
+            ) : (
+                <>
+                    <h1 class="text-[130%] text-[var(--accent)]">{title}</h1>
+                    <p class="text-[var(--secondary)]">{description}</p>
+                </>
+            )
+        }
     </span>
 </TerminalBorder>
-- 
cgit v1.3.1