From 2659f73577b2230ba1beeac8cbe31c4d76063e53 Mon Sep 17 00:00:00 2001
From: ramvignesh-b <ramvignesh-b@github.com>
Date: Sun, 3 May 2026 14:36:08 +0530
Subject: [PATCH] feat: add inline verion of logo

---
 frontend/src/components/Logo.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Logo.tsx b/frontend/src/components/Logo.tsx
index dbe19b6..0f470e2 100644
--- a/frontend/src/components/Logo.tsx
+++ b/frontend/src/components/Logo.tsx
@@ -1,11 +1,21 @@
 import { DotIcon } from "@phosphor-icons/react";
 import "@fontsource/knewave/400.css";
 
-export default function Logo({ scale = 1 }) {
+export default function Logo({ scale = 1, inline = false }) {
+  if (inline) {
+    // for span elements
+    return (
+      <span className={"text-accent font-serif italic"}>
+        Pi<span className="text-primary">.</span>&nbsp;Ku
+        <span className="text-primary">.</span>&nbsp;
+      </span>
+    );
+  }
+
   return (
     <div
       role="img"
-      aria-label="Pi Ku"
+      aria-label="Pi. Ku. logo"
       className="inline-flex items-baseline justify-center leading-none select-none"
       style={{ fontFamily: "'Knewave', serif", scale }}
     >