Updating the Logo for Archon

This commit is contained in:
Cole Medin
2025-08-18 13:59:49 -05:00
parent a29b541a77
commit 46e8358422
20 changed files with 15 additions and 170 deletions

View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Archon - Knowledge Engine</title>
</head>

View File

@@ -1,3 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="62" height="62" viewBox="0 0 62 62" style="fill:none;stroke:none;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="items" style="isolation: isolate"><g id="blend" style="mix-blend-mode: normal"><g id="g-root-ic_linu_18fp2amr8t1q9-fill" data-item-order="8000000000" transform="translate(3, 3)"></g><g id="g-root-ic_linu_18fp2amr8t1q9-stroke" data-item-order="8000000000" transform="translate(3, 3)"><g id="ic_linu_18fp2amr8t1q9-stroke" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" stroke="#3bc482" stroke-width="2"><g><path d="M 45.25 45.25C 45.25 45.25 43.645 42.579998 41.380001 38.574997L 36.25 35.5L 39.654999 35.5C 35.5 28 30.205 17.755001 28 10.75C 26.989069 13.820088 25.791847 16.825668 24.415001 19.75L 27.25 23.5L 23.17 22.389999C 17.815001 33.52 10.75 45.25 10.75 45.25C 14.807024 42.472813 19.284149 40.365929 24.01 39.010002C 23.665726 38.13089 23.49262 37.194088 23.5 36.25C 23.5 32.935001 25.51 30.25 28 30.25C 30.49 30.25 32.5 32.935001 32.5 36.25C 32.507381 37.194088 32.334274 38.13089 31.99 39.010002C 36.715851 40.365929 41.192978 42.472813 45.25 45.25Z"></path></g></g></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 442 KiB

After

Width:  |  Height:  |  Size: 440 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

View File

@@ -1,32 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 62 62" width="32" height="32">
<defs>
<style>
.neon-path {
fill: none;
stroke: url(#neon-gradient);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.5px;
filter: drop-shadow(0 0 3px #00d38a);
}
</style>
<linearGradient id="neon-gradient" x1=".53" y1="31.13" x2="61.72" y2="31.13" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#00d38a"/>
<stop offset=".08" stop-color="#0fcaa6"/>
<stop offset=".25" stop-color="#36b5ef"/>
<stop offset=".28" stop-color="#3fb1ff"/>
<stop offset=".39" stop-color="#fe6aff"/>
<stop offset=".42" stop-color="#d964ff"/>
<stop offset=".48" stop-color="#ab5dff"/>
<stop offset=".53" stop-color="#8a59ff"/>
<stop offset=".57" stop-color="#7656ff"/>
<stop offset=".6" stop-color="#6f55ff"/>
<stop offset=".67" stop-color="#9a3df8"/>
<stop offset=".75" stop-color="#c624f2"/>
<stop offset=".81" stop-color="#e214ee"/>
<stop offset=".85" stop-color="#ed0fed"/>
</linearGradient>
</defs>
<path class="neon-path" d="M60.22,60.22s-2.71-4.5-6.53-11.26l-8.65-5.19h5.74c-7.01-12.65-15.94-29.93-19.66-41.75-1.71,5.18-3.72,10.25-6.05,15.18l4.78,6.33-6.88-1.87C13.95,40.44,2.03,60.22,2.03,60.22c6.84-4.68,14.39-8.24,22.37-10.52-.58-1.48-.87-3.06-.86-4.66,0-5.59,3.39-10.12,7.59-10.12s7.59,4.53,7.59,10.12c.01,1.59-.28,3.17-.86,4.66,7.97,2.29,15.52,5.84,22.37,10.52Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -1,32 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 62 62" width="32" height="32">
<defs>
<style>
.neon-path {
fill: none;
stroke: url(#neon-gradient);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2.5px;
filter: drop-shadow(0 0 3px #00d38a);
}
</style>
<linearGradient id="neon-gradient" x1=".53" y1="31.13" x2="61.72" y2="31.13" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#00d38a"/>
<stop offset=".08" stop-color="#0fcaa6"/>
<stop offset=".25" stop-color="#36b5ef"/>
<stop offset=".28" stop-color="#3fb1ff"/>
<stop offset=".39" stop-color="#fe6aff"/>
<stop offset=".42" stop-color="#d964ff"/>
<stop offset=".48" stop-color="#ab5dff"/>
<stop offset=".53" stop-color="#8a59ff"/>
<stop offset=".57" stop-color="#7656ff"/>
<stop offset=".6" stop-color="#6f55ff"/>
<stop offset=".67" stop-color="#9a3df8"/>
<stop offset=".75" stop-color="#c624f2"/>
<stop offset=".81" stop-color="#e214ee"/>
<stop offset=".85" stop-color="#ed0fed"/>
</linearGradient>
</defs>
<path class="neon-path" d="M60.22,60.22s-2.71-4.5-6.53-11.26l-8.65-5.19h5.74c-7.01-12.65-15.94-29.93-19.66-41.75-1.71,5.18-3.72,10.25-6.05,15.18l4.78,6.33-6.88-1.87C13.95,40.44,2.03,60.22,2.03,60.22c6.84-4.68,14.39-8.24,22.37-10.52-.58-1.48-.87-3.06-.86-4.66,0-5.59,3.39-10.12,7.59-10.12s7.59,4.53,7.59,10.12c.01,1.59-.28,3.17-.86,4.66,7.97,2.29,15.52,5.84,22.37,10.52Z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -1,44 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 62 62">
<!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) -->
<defs>
<style>
.st0 {
isolation: isolate;
}
.st1 {
fill: none;
stroke: url(#linear-gradient);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 3px;
}
</style>
<linearGradient id="linear-gradient" x1=".53" y1="31.13" x2="61.72" y2="31.13" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#00d38a"/>
<stop offset=".08" stop-color="#0fcaa6"/>
<stop offset=".25" stop-color="#36b5ef"/>
<stop offset=".28" stop-color="#3fb1ff"/>
<stop offset=".39" stop-color="#fe6aff"/>
<stop offset=".42" stop-color="#d964ff"/>
<stop offset=".48" stop-color="#ab5dff"/>
<stop offset=".53" stop-color="#8a59ff"/>
<stop offset=".57" stop-color="#7656ff"/>
<stop offset=".6" stop-color="#6f55ff"/>
<stop offset=".67" stop-color="#9a3df8"/>
<stop offset=".75" stop-color="#c624f2"/>
<stop offset=".81" stop-color="#e214ee"/>
<stop offset=".85" stop-color="#ed0fed"/>
</linearGradient>
</defs>
<g id="items" class="st0">
<g id="blend">
<g id="g-root-ic_linu_18fp2amr8t1q9-stroke">
<g id="ic_linu_18fp2amr8t1q9-stroke">
<path class="st1" d="M60.22,60.22s-2.71-4.5-6.53-11.26l-8.65-5.19h5.74c-7.01-12.65-15.94-29.93-19.66-41.75-1.71,5.18-3.72,10.25-6.05,15.18l4.78,6.33-6.88-1.87C13.95,40.44,2.03,60.22,2.03,60.22c6.84-4.68,14.39-8.24,22.37-10.52-.58-1.48-.87-3.06-.86-4.66,0-5.59,3.39-10.12,7.59-10.12s7.59,4.53,7.59,10.12c.01,1.59-.28,3.17-.86,4.66,7.97,2.29,15.52,5.84,22.37,10.52Z"/>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

View File

@@ -1,44 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 62 62">
<!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) -->
<defs>
<style>
.st0 {
isolation: isolate;
}
.st1 {
fill: none;
stroke: url(#linear-gradient);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 3px;
}
</style>
<linearGradient id="linear-gradient" x1=".53" y1="31.13" x2="61.72" y2="31.13" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#00d38a"/>
<stop offset=".08" stop-color="#0fcaa6"/>
<stop offset=".25" stop-color="#36b5ef"/>
<stop offset=".28" stop-color="#3fb1ff"/>
<stop offset=".39" stop-color="#fe6aff"/>
<stop offset=".42" stop-color="#d964ff"/>
<stop offset=".48" stop-color="#ab5dff"/>
<stop offset=".53" stop-color="#8a59ff"/>
<stop offset=".57" stop-color="#7656ff"/>
<stop offset=".6" stop-color="#6f55ff"/>
<stop offset=".67" stop-color="#9a3df8"/>
<stop offset=".75" stop-color="#c624f2"/>
<stop offset=".81" stop-color="#e214ee"/>
<stop offset=".85" stop-color="#ed0fed"/>
</linearGradient>
</defs>
<g id="items" class="st0">
<g id="blend">
<g id="g-root-ic_linu_18fp2amr8t1q9-stroke">
<g id="ic_linu_18fp2amr8t1q9-stroke">
<path class="st1" d="M60.22,60.22s-2.71-4.5-6.53-11.26l-8.65-5.19h5.74c-7.01-12.65-15.94-29.93-19.66-41.75-1.71,5.18-3.72,10.25-6.05,15.18l4.78,6.33-6.88-1.87C13.95,40.44,2.03,60.22,2.03,60.22c6.84-4.68,14.39-8.24,22.37-10.52-.58-1.48-.87-3.06-.86-4.66,0-5.59,3.39-10.12,7.59-10.12s7.59,4.53,7.59,10.12c.01,1.59-.28,3.17-.86,4.66,7.97,2.29,15.52,5.84,22.37,10.52Z"/>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -17,7 +17,7 @@ export const ArchonLoadingSpinner: React.FC<{
className?: string;
}> = ({
size = 'md',
logoSrc = "/logo-neon.svg",
logoSrc = "/logo-neon.png",
className = ''
}) => {
// Size mappings for the container and logo

View File

@@ -135,7 +135,7 @@ export const DisconnectScreen: React.FC = () => {
{/* Embossed logo - made bigger */}
<div className="relative w-96 h-96 flex items-center justify-center">
<img
src="/logo-neon.svg"
src="/logo-neon.png"
alt="Archon"
className="w-64 h-64 z-10"
style={{

View File

@@ -280,7 +280,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="flex items-center">
{/* Archon Logo - No animation in header */}
<div className="relative w-8 h-8 mr-3 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-6 h-6 z-10 relative" />
<img src="/logo-neon.png" alt="Archon" className="w-6 h-6 z-10 relative" />
</div>
<h2 className="text-gray-800 dark:text-white font-medium z-10 relative">
Knowledge Base Assistant
@@ -347,7 +347,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="flex items-center mb-1">
{message.sender === 'agent' ? (
<div className="w-4 h-4 mr-1 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-full h-full" />
<img src="/logo-neon.png" alt="Archon" className="w-full h-full" />
</div>
) : (
<User className="w-4 h-4 text-purple-500 mr-1" />
@@ -391,7 +391,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="max-w-[80%] bg-blue-100/80 dark:bg-blue-500/20 border border-blue-200 dark:border-blue-500/30 mr-auto rounded-lg p-3">
<div className="flex items-center mb-1">
<div className="w-4 h-4 mr-1 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-full h-full" />
<img src="/logo-neon.png" alt="Archon" className="w-full h-full" />
</div>
<span className="text-xs text-gray-500 dark:text-zinc-400">
{formatTime(new Date())}

View File

@@ -190,7 +190,7 @@ export const MainLayout: React.FC<MainLayoutProps> = ({
disabled
className="w-14 h-14 rounded-full flex items-center justify-center backdrop-blur-md bg-gradient-to-b from-gray-100/80 to-gray-50/60 dark:from-gray-700/30 dark:to-gray-800/30 shadow-[0_0_10px_rgba(156,163,175,0.3)] dark:shadow-[0_0_10px_rgba(156,163,175,0.3)] cursor-not-allowed opacity-60 overflow-hidden border border-gray-300 dark:border-gray-600"
aria-label="Knowledge Assistant - Coming Soon">
<img src="/logo-neon.svg" alt="Archon" className="w-7 h-7 grayscale opacity-50" />
<img src="/logo-neon.png" alt="Archon" className="w-7 h-7 grayscale opacity-50" />
</button>
{/* Tooltip */}
<div className="absolute bottom-full right-0 mb-2 px-3 py-2 bg-gray-800 dark:bg-gray-900 text-white text-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap">

View File

@@ -66,7 +66,7 @@ export const SideNavigation: React.FC<SideNavigationProps> = ({
label: 'Settings'
}];
// Logo configuration
const logoSrc = "/logo-neon.svg";
const logoSrc = "/logo-neon.png";
const logoAlt = 'Knowledge Base Logo';
// Get current location to determine active route
const location = useLocation();

View File

@@ -312,7 +312,7 @@ export const ClientCard = ({
<div className="flex items-start">
{isArchonClient ? (
<div className="p-3 rounded-lg bg-gradient-to-br from-blue-500/20 to-purple-500/20 mr-3 relative pulse-soft">
<img src="/logo-neon.svg" alt="Archon" className="w-6 h-6 drop-shadow-[0_0_8px_rgba(59,130,246,0.8)] animate-glow-pulse" />
<img src="/logo-neon.png" alt="Archon" className="w-6 h-6 drop-shadow-[0_0_8px_rgba(59,130,246,0.8)] animate-glow-pulse" />
<div className="absolute inset-0 rounded-lg bg-blue-500/10 animate-pulse opacity-60"></div>
</div>
) : (

View File

@@ -12,7 +12,7 @@ export const getAssigneeIcon = (assigneeName: 'User' | 'Archon' | 'AI IDE Agent'
case 'AI IDE Agent':
return <Bot className="w-4 h-4 text-purple-400" />;
case 'Archon':
return <img src="/logo-neon.svg" alt="Archon" className="w-4 h-4" />;
return <img src="/logo-neon.png" alt="Archon" className="w-4 h-4" />;
default:
return <User className="w-4 h-4 text-blue-400" />;
}

View File

@@ -645,7 +645,7 @@ export function ProjectPage({
{/* Page Header with New Project Button */}
<motion.div className="flex items-center justify-between mb-8" variants={itemVariants}>
<motion.h1 className="text-3xl font-bold text-gray-800 dark:text-white flex items-center gap-3" variants={titleVariants}>
<img src="/logo-neon.svg" alt="Projects" className="w-7 h-7 filter drop-shadow-[0_0_8px_rgba(59,130,246,0.8)]" />
<img src="/logo-neon.png" alt="Projects" className="w-7 h-7 filter drop-shadow-[0_0_8px_rgba(59,130,246,0.8)]" />
Projects
</motion.h1>
<Button

View File

@@ -8,7 +8,7 @@ export default {
baseUrl: '/',
onBrokenLinks: 'warn',
onBrokenMarkdownLinks: 'warn',
favicon: 'img/favicon.svg',
favicon: 'favicon.png',
organizationName: 'archon',
projectName: 'archon',
@@ -132,7 +132,7 @@ export default {
title: 'Archon',
logo: {
alt: 'Archon Logo',
src: 'img/logo-neon.svg',
src: 'logo-neon.png',
},
items: [
{

View File

@@ -267,7 +267,7 @@ const ReactFlowDiagram = ({ reactFlowInstance, lucideIcons }) => {
style={{ background: '#8b5cf6', border: '2px solid #8b5cf6' }}
/>
<img src="/img/Python-logo-notext.svg" alt="Python" className={styles.pythonIcon} />
<img src="/img/logo-neon.svg" alt="Archon" className={styles.archonIcon} />
<img src="/logo-neon.png" alt="Archon" className={styles.archonIcon} />
<div className={styles.archonText}>
<h3>{data.label}</h3>
<p>{data.subtitle}</p>

View File

@@ -18,7 +18,7 @@
transform: translateY(-50%);
width: 55%;
height: 95%;
background-image: url('/img/logo-neon.svg');
background-image: url('/img/logo-neon.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center right;