From 2051d62986b11e4cbd15e13bef3e2f7ce77261f8 Mon Sep 17 00:00:00 2001
From: Nikhil M Warrier <nikhilmw.dev@gmail.com>
Date: Tue, 3 Mar 2026 15:01:59 +0530
Subject: Update styles

---
 src/components/EventCard.astro | 20 +++++++++-----------
 src/lib/utils.ts               |  2 ++
 src/pages/blog/[...id].astro   |  7 -------
 3 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/components/EventCard.astro b/src/components/EventCard.astro
index b615c2d..a0cf792 100644
--- a/src/components/EventCard.astro
+++ b/src/components/EventCard.astro
@@ -1,5 +1,4 @@
 ---
-import { Badge } from '@/components/ui/badge'
 import { formatDate, iconMappings } from '@/lib/utils'
 import { Icon } from 'astro-icon/components'
 import { Image } from 'astro:assets'
@@ -37,24 +36,23 @@ const formattedDate = formatDate(entry.data.date)
 
     <div class="grow">
       <h3 class="mb-1 text-lg font-medium">{entry.data.title}</h3>
-      <p class="text-muted-foreground mb-2 text-sm">{entry.data.description}</p>
+      <p class="text-muted-foreground mb-4">{entry.data.description}</p>
 
       <div
-        class="text-muted-foreground mb-2 flex flex-wrap items-center gap-x-2 text-xs"
+        class="text-muted-foreground mb-2 flex flex-wrap items-center gap-1 text-xs"
       >
+        <Icon name="lucide:calendar" class="size-3" />
         <span>{formattedDate}</span>
       </div>
 
       {
         entry.data.type && (
-          <div class="flex flex-wrap gap-2">
-            <Badge variant="muted" className="flex items-center gap-x-1">
-              <Icon
-                name={iconMappings[entry.data.type] || 'lucide:hash'}
-                class="size-3"
-              />
-              {entry.data.type}
-            </Badge>
+          <div class="text-muted-foreground mb-2 flex flex-wrap items-center gap-1 text-xs">
+            <Icon
+              name={iconMappings[entry.data.type] || 'lucide:hash'}
+              class="size-3"
+            />
+            <span class="capitalize">{entry.data.type}</span>
           </div>
         )
       }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index e0c94ca..f5fe45f 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -44,4 +44,6 @@ export const iconMappings: Record<string, string> = {
   competition: 'lucide:trophy',
   game: 'lucide:gamepad-2',
   quiz: 'lucide:brain',
+  community: 'lucide:users',
+  discussion: 'lucide:messages-square',
 }
diff --git a/src/pages/blog/[...id].astro b/src/pages/blog/[...id].astro
index 6f47def..61c0ae7 100644
--- a/src/pages/blog/[...id].astro
+++ b/src/pages/blog/[...id].astro
@@ -209,13 +209,6 @@ const tocSections = await getTOCSections(currentPostId)
           }
         </div>
       </div>
-
-      <PostNavigation
-        newerPost={navigation.newer}
-        olderPost={navigation.older}
-        baseURL="/blog/"
-        parentPost={isCurrentSubpost ? navigation.parent : undefined}
-      />
     </section>
 
     {
-- 
cgit v1.2.3