refactor: update logo assets

2026-05-08 06:06:19 +05:30
parent a2eb22bdbe
commit 27ab3ad4b1
5 changed files with 317 additions and 316 deletions
@@ -2,63 +2,63 @@ import { DotIcon } from "@phosphor-icons/react";
 import "@fontsource/knewave/400.css";

 interface LogoProps {
-  scale?: number;
-  type?: "inline" | "mono" | "logo" | null;
-  ul?: boolean;
+    scale?: number;
+    type?: "inline" | "mono" | "logo" | null;
+    ul?: boolean;
 }

 export default function Logo({
-  scale = 1,
-  type = null,
-  ul = false,
+    scale = 1,
+    type = null,
+    ul = false,
 }: LogoProps) {
-  if (type === "inline") {
-    return (
-      <span className={"text-accent font-display italic "}>
-        pi<span className="text-primary">.</span>&nbsp;ku
-        <span className="text-primary">.</span>&nbsp;
-      </span>
-    );
-  }
+    if (type === "inline") {
+        return (
+            <span className={"text-accent font-display italic "}>
+                pi<span className="text-primary">.</span>&nbsp;ku
+                <span className="text-primary">.</span>&nbsp;
+            </span>
+        );
+    }

-  if (type === "mono") {
-    return (
-      <span className="font-display italic font-bold border-b-3 border-dashed border-stone-800/50">
-        pi. ku.
-      </span>
-    );
-  }
+    if (type === "mono") {
+        return (
+            <span className="font-display italic font-bold border-b-3 border-dashed border-stone-800/50">
+                pi. ku.
+            </span>
+        );
+    }

-  if (type === "logo") {
-    return (
-      <img
-        src="/android-chrome-512x512.png"
-        alt="Pi. Ku. logo"
-        className="mx-auto"
-        width={scale * 100}
-      />
-    );
-  }
+    if (type === "logo") {
+        return (
+            <img
+                src="/logo.svg"
+                alt="Pi. Ku. logo"
+                className="mx-4"
+                width={scale * 100}
+            />
+        );
+    }

-  return (
-    <div
-      role="img"
-      aria-label="Pi. Ku. logo"
-      className={`inline-flex items-baseline justify-center leading-none select-none ${ul ? "ul-wavy" : ""}`}
-      style={{ fontFamily: "'Knewave', serif", scale }}
-    >
-      <span className="text-3xl font-light text-accent">Pi</span>
-      <DotIcon
-        weight="fill"
-        size={12}
-        className="text-primary translate-y-1 -mx-px"
-      />
-      <span className="text-3xl font-light text-accent">&nbsp;Ku</span>
-      <DotIcon
-        weight="fill"
-        size={12}
-        className="text-primary translate-y-1 -mx-px"
-      />
-    </div>
-  );
+    return (
+        <div
+            role="img"
+            aria-label="Pi. Ku. logo"
+            className={`inline-flex items-baseline justify-center leading-none select-none ${ul ? "ul-wavy" : ""}`}
+            style={{ fontFamily: "'Knewave', serif", scale }}
+        >
+            <span className="text-3xl font-light text-accent">Pi</span>
+            <DotIcon
+                weight="fill"
+                size={12}
+                className="text-primary translate-y-1 -mx-px"
+            />
+            <span className="text-3xl font-light text-accent">&nbsp;Ku</span>
+            <DotIcon
+                weight="fill"
+                size={12}
+                className="text-primary translate-y-1 -mx-px"
+            />
+        </div>
+    );
 }