refactor: remove excalidraw logo and branding because of their tweet

Author: coderomm

README.md

@@ -57,7 +57,7 @@ CollabyDraw is built with **privacy by design** to ensure that no sensitive draw
 
 - No one — not even the server — can read what’s drawn in a room without the key.
 - Ensures **confidentiality** for private brainstorming, teaching, or design sessions.
-- Works like **Excalidraw's E2EE rooms**, but tailored for your collaborative drawing logic.
+- Works like **Collabydraw's E2EE rooms**, but tailored for your collaborative drawing logic.
 
 ---
 

apps/collabydraw/app/(auth-layout)/layout.tsx

@@ -17,7 +17,7 @@ export default function AuthLayout({
                         <Link href="/" className="Logo flex items-center select-none is-normal is-plain underline-none text-current">
                             <div className=""><LogoSvg /></div>
                             <div className="md:flex hidden">
-                                <h1 className="brand-title ExcalidrawLogo-text font-excalifont">CollabyDraw</h1>
+                                <h1 className="brand-title CollabydrawLogo-text font-collabyfont">CollabyDraw</h1>
                             </div>
                         </Link>
                     </div>

apps/collabydraw/app/(site)/about/page.tsx

@@ -80,7 +80,7 @@ export default function AboutPage() {
                         <li>No one — not even the server — can read what’s drawn without the key</li>
                         <li>Ensures <strong>confidentiality</strong> for private sessions</li>
                         <li>
-                            Works like <strong>Excalidraw&apos;s E2EE rooms</strong>, but tailored for your logic
+                            Works like <strong>Collabydraw&apos;s E2EE rooms</strong>, but tailored for your logic
                         </li>
                     </ul>
 

apps/collabydraw/app/globals.css

@@ -24,9 +24,9 @@ h6 {
 }
 
 @font-face {
-  font-family: "Excalifont";
-  src: url("/fonts/Excalifont-Regular.woff2") format("woff2"),
-    url("/fonts/Excalifont-Regular.ttf") format("truetype");
+  font-family: "Collabyfont";
+  src: url("/fonts/Collabyfont-Regular.woff2") format("woff2"),
+    url("/fonts/Collabyfont-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
 }
@@ -501,8 +501,8 @@ button {
   animation-delay: 0.5s;
 }
 
-.collabydraw .excalifont {
-  font-family: Excalifont, Xiaolai;
+.collabydraw .collabyfont {
+  font-family: Collabyfont, Xiaolai;
 }
 
 .collabydraw .welcome-screen-decor {
@@ -585,7 +585,7 @@ button {
   font-size: 2.25rem;
 }
 
-.collabydraw .ExcalidrawLogo {
+.collabydraw .CollabydrawLogo {
   --logo-icon--xs: 2rem;
   --logo-text--xs: 1.5rem;
   --logo-icon--small: 2.5rem;
@@ -598,24 +598,24 @@ button {
   align-items: center;
 }
 
-.collabydraw .ExcalidrawLogo svg {
+.collabydraw .CollabydrawLogo svg {
   flex: 0 0 auto;
 }
 
-.collabydraw .ExcalidrawLogo .ExcalidrawLogo-icon {
+.collabydraw .CollabydrawLogo .CollabydrawLogo-icon {
   width: auto;
   color: var(--color-logo-icon);
 }
 
-.collabydraw .ExcalidrawLogo.is-small .ExcalidrawLogo-icon {
+.collabydraw .CollabydrawLogo.is-small .CollabydrawLogo-icon {
   height: var(--logo-icon--small);
 }
 
-.collabydraw .ExcalidrawLogo-text {
+.collabydraw .CollabydrawLogo-text {
   margin-left: .75rem;
   width: auto;
   color: var(--color-logo-text);
-  font-family: Excalifont, Xiaolai;
+  font-family: Collabyfont, Xiaolai;
   font-size: 2.25rem;
   font-weight: bolder;
   text-transform: uppercase;

apps/collabydraw/canvas-engine/CanvasEngine.ts

@@ -1058,7 +1058,7 @@ export class CanvasEngine {
     textarea.tabIndex = 0;
     textarea.wrap = "off";
     textarea.style.color = this.strokeFill;
-    const fontString = `${calFont}px/1.2 ${this.fontFamily === "normal" ? "Arial" : this.fontFamily === "hand-drawn" ? "Excalifont, Xiaolai" : "Assistant"}`;
+    const fontString = `${calFont}px/1.2 ${this.fontFamily === "normal" ? "Arial" : this.fontFamily === "hand-drawn" ? "Collabyfont, Xiaolai" : "Assistant"}`;
     textarea.style.font = fontString;
     textarea.style.zIndex = "1";
 
@@ -1746,7 +1746,7 @@ export class CanvasEngine {
     const calFontSize = getFontSize(fontSize, this.scale);
     const lineHeight = getLineHeight(calFontSize);
 
-    const fontString = `${fontStyle} ${calFontSize}px/1.2 ${fontFamily === "normal" ? "Arial" : fontFamily === "hand-drawn" ? "Excalifont, Xiaolai" : "Assistant"}`;
+    const fontString = `${fontStyle} ${calFontSize}px/1.2 ${fontFamily === "normal" ? "Arial" : fontFamily === "hand-drawn" ? "Collabyfont, Xiaolai" : "Assistant"}`;
     this.ctx.font = fontString;
     this.ctx.fillStyle = fillStyle;
     this.ctx.textAlign = textAlign;

apps/collabydraw/canvas-engine/SelectionController.ts

@@ -126,7 +126,7 @@ export class SelectionController {
 
         case "text":
           const calFontSize = getFontSize(shape.fontSize, 100);
-          this.ctx.font = `${calFontSize}px/1.2 ${shape.fontFamily === "normal" ? "Arial" : shape.fontFamily === "hand-drawn" ? "Excalifont, Xiaolai" : "Assistant"}`;
+          this.ctx.font = `${calFontSize}px/1.2 ${shape.fontFamily === "normal" ? "Arial" : shape.fontFamily === "hand-drawn" ? "Collabyfont, Xiaolai" : "Assistant"}`;
           const metrics = this.ctx.measureText(shape.text || "");
           bounds.x = shape.x - 10;
           bounds.y = shape.y - 10;

apps/collabydraw/components/CollaborationToolbar.tsx

@@ -97,7 +97,7 @@ export default function CollaborationToolbar({ participants, hash }: { participa
                 </div>
             </div>
             <Button type="button" onClick={() => setIsOpen(true)}
-                className={cn("excalidraw-button collab-button relative w-auto py-2 px-3 md:py-3 md:px-4 rounded-md text-[.875rem] font-semibold shadow-none active:scale-[.98]", inRoom ? "bg-[#0fb884] dark:bg-[#0fb884] hover:bg-[#0fb884]" : "bg-color-primary hover:bg-brand-hover active:bg-brand-active")}
+                className={cn("collabydraw-button collab-button relative w-auto py-2 px-3 md:py-3 md:px-4 rounded-md text-[.875rem] font-semibold shadow-none active:scale-[.98]", inRoom ? "bg-[#0fb884] dark:bg-[#0fb884] hover:bg-[#0fb884]" : "bg-color-primary hover:bg-brand-hover active:bg-brand-active")}
                 title="Live collaboration..."><Share2 size={16} className="hidden xs670:inline md:hidden" />
                 <span className="inline-block xs670:hidden md:inline-block">Share</span> {inRoom && participants && participants.length > 0 && (
                     <div className="CollabButton-collaborators text-[.6rem] text-[#2b8a3e] bg-[#b2f2bb] font-bold font-assistant rounded-[50%] p-1 min-w-4 min-h-4 w-4 h-4 flex items-center justify-center absolute bottom-[-5px] right-[-5px]">{participants.length}</div>

apps/collabydraw/components/EncryptedWidget.tsx

@@ -12,7 +12,7 @@ export default function EncryptedWidget() {
                             <EncryptedIcon className="w-[1.2rem] h-[1.2rem]" />
                         </Link>
                     </TooltipTrigger>
-                    <TooltipContent className="font-excalifont">
+                    <TooltipContent className="font-collabyfont">
                         Your drawings are end-to-end encrypted so Collabydraw&apos;s servers will never see them.
                     </TooltipContent>
                 </Tooltip>

apps/collabydraw/components/ScreenLoading.tsx

@@ -1,6 +1,6 @@
 export default function ScreenLoading({ content }: { content?: string }) {
     return (
-        <div className="Loading h-dvh w-full flex items-center justify-center font-excalifont bg-island-bg-color text-loading-text-color text-xl tracking-wide">
+        <div className="Loading h-dvh w-full flex items-center justify-center font-collabyfont bg-island-bg-color text-loading-text-color text-xl tracking-wide">
             {content ? `${content}` : 'Loading Scenes...'}
         </div>
     )

apps/collabydraw/components/UserRoomsList.tsx

@@ -8,7 +8,7 @@ export default function UserRoomsList() {
     return (
         <div className="User_Rooms_List fixed z-[4] bottom-4 right-4 rounded-lg hidden md:flex items-center surface-box-shadow">
             <Button type="button" onClick={() => setIsOpen(true)}
-                className="excalidraw-button collab-button relative w-auto py-3 px-4 rounded-md text-[.875rem] font-semibold shadow-none bg-color-primary hover:bg-brand-hover active:bg-brand-active active:scale-[.98]"
+                className="collabydraw-button collab-button relative w-auto py-3 px-4 rounded-md text-[.875rem] font-semibold shadow-none bg-color-primary hover:bg-brand-hover active:bg-brand-active active:scale-[.98]"
                 title="See All Rooms..."><Info /></Button>
             <UserRoomsListDialog open={isOpen} onOpenChange={setIsOpen} />
         </div>