Replace the actual logo asset — crawlerx-mark.png was MetatronCube's cube
The previous commit pointed every <img> at crawlerx-mark.png instead of transparent-logo.png, but both files are byte-for-byte the same MetatronCube glass-cube artwork — the Oct-era rebrand renamed the file, it never replaced the image. So the logo never actually changed anywhere in the real app, despite every component referencing the "right" filename. Added the real CrawlerX mark (the teal/amber check-and-arrow symbol already used on the marketing site) as public/crawlerx-logo.svg and repointed every logo reference at it. Also: the favicons and apple-touch-icon were a literal pine tree (unrelated leftover asset, not MetatronCube or CrawlerX), and the webmanifest's theme_color was still MetatronCube blue. Regenerated all icon sizes from the real mark and fixed the manifest color. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 888 B |
|
Before Width: | Height: | Size: 564 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 707 B |
7
public/crawlerx-logo.svg
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
|
||||||
|
<g fill="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="18">
|
||||||
|
<path d="M 18 106 L 60 64" stroke="#0E6E6A"/>
|
||||||
|
<path d="M 60 64 L 106 106" stroke="#0E6E6A"/>
|
||||||
|
<path d="M 38 42 L 60 64 L 104 16" stroke="#C8811F"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 342 B |
|
Before Width: | Height: | Size: 705 B After Width: | Height: | Size: 674 B |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.4 KiB |
@ -13,7 +13,7 @@
|
|||||||
"type": "image/png"
|
"type": "image/png"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"theme_color": "#3779b9",
|
"theme_color": "#0E6E6A",
|
||||||
"background_color": "#ffffff",
|
"background_color": "#ffffff",
|
||||||
"display": "standalone"
|
"display": "standalone"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -135,7 +135,7 @@ export function Sidebar({ projectId, onNavigate, onClose }: SidebarProps) {
|
|||||||
className="flex items-center gap-2 text-base font-semibold text-base-content"
|
className="flex items-center gap-2 text-base font-semibold text-base-content"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt=""
|
alt=""
|
||||||
className="size-6 rounded bg-white ring-1 ring-black/5"
|
className="size-6 rounded bg-white ring-1 ring-black/5"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -230,7 +230,7 @@ export function AuthPageCard({
|
|||||||
<div className="w-full max-w-[440px] bg-white/95 backdrop-blur-xl rounded-[28px] p-7 sm:p-9 shadow-[0_20px_60px_-15px_rgba(14,110,106,0.18),0_2px_20px_rgba(0,0,0,0.06)] border border-white/80 transition-all">
|
<div className="w-full max-w-[440px] bg-white/95 backdrop-blur-xl rounded-[28px] p-7 sm:p-9 shadow-[0_20px_60px_-15px_rgba(14,110,106,0.18),0_2px_20px_rgba(0,0,0,0.06)] border border-white/80 transition-all">
|
||||||
<div className="text-center space-y-1.5 mb-6">
|
<div className="text-center space-y-1.5 mb-6">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="mx-auto size-11 object-contain drop-shadow-sm"
|
className="mx-auto size-11 object-contain drop-shadow-sm"
|
||||||
/>
|
/>
|
||||||
@ -318,7 +318,7 @@ export function AuthPageShell({
|
|||||||
<div className="lg:w-[46%] xl:w-[44%] p-6 sm:p-10 lg:p-14 xl:p-16 flex flex-col justify-between z-10 text-white min-h-[auto] lg:min-h-screen">
|
<div className="lg:w-[46%] xl:w-[44%] p-6 sm:p-10 lg:p-14 xl:p-16 flex flex-col justify-between z-10 text-white min-h-[auto] lg:min-h-screen">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="size-10 object-contain drop-shadow-md"
|
className="size-10 object-contain drop-shadow-md"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -85,7 +85,7 @@ function SiteForm({ projectId }: { projectId: string }) {
|
|||||||
>
|
>
|
||||||
<div className="space-y-3 text-center">
|
<div className="space-y-3 text-center">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="mx-auto size-10 rounded-lg"
|
className="mx-auto size-10 rounded-lg"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -60,7 +60,7 @@ export function PostSignupOnboarding({
|
|||||||
|
|
||||||
<div className="text-center space-y-3">
|
<div className="text-center space-y-3">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="mx-auto size-10 rounded-lg"
|
className="mx-auto size-10 rounded-lg"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -187,7 +187,7 @@ function MobileTopBar({
|
|||||||
className="ml-1 flex items-center gap-2 font-semibold text-base-content"
|
className="ml-1 flex items-center gap-2 font-semibold text-base-content"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt=""
|
alt=""
|
||||||
className="size-6 rounded bg-white ring-1 ring-black/5"
|
className="size-6 rounded bg-white ring-1 ring-black/5"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -73,7 +73,7 @@ function OAuthConsentPage() {
|
|||||||
<div className="w-full max-w-md rounded-2xl border border-base-300 bg-base-100 p-8 shadow-sm">
|
<div className="w-full max-w-md rounded-2xl border border-base-300 bg-base-100 p-8 shadow-sm">
|
||||||
<div className="flex flex-col items-center text-center">
|
<div className="flex flex-col items-center text-center">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="size-10 rounded-lg"
|
className="size-10 rounded-lg"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -183,7 +183,7 @@ function SubscribePage() {
|
|||||||
<div className="min-h-screen flex items-center justify-center p-4">
|
<div className="min-h-screen flex items-center justify-center p-4">
|
||||||
<div className="w-full max-w-sm space-y-4 text-center p-8 rounded-3xl bg-white border border-slate-200 shadow-xl">
|
<div className="w-full max-w-sm space-y-4 text-center p-8 rounded-3xl bg-white border border-slate-200 shadow-xl">
|
||||||
<img
|
<img
|
||||||
src="/crawlerx-mark.png"
|
src="/crawlerx-logo.svg"
|
||||||
alt="CrawlerX"
|
alt="CrawlerX"
|
||||||
className="mx-auto size-12 object-contain"
|
className="mx-auto size-12 object-contain"
|
||||||
/>
|
/>
|
||||||
|
|||||||