Skip to content

UI/adjustment homepage #64

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
luiginotmario wants to merge 5 commits into
base: main
Choose a base branch
from
Open

UI/adjustment homepage #64

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0de5aaa
ui: concsistency with clawhub ui
luiginotmario Feb 17, 2026
af0ed40
ui: description icon
luiginotmario Feb 17, 2026
4fe1f86
fix: remove unused theme switcher
luiginotmario Feb 17, 2026
0529b6a
nit: radial bg
luiginotmario Feb 17, 2026
8713ae4
nit: documentation easy access
luiginotmario Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion src/components/Icon.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ import {
Globe, Mic, Clock, Webhook, CloudSun, Image, Camera, Search, Mail,
StickyNote, CheckSquare, ListTodo, PenTool, Bed, ShoppingCart, Printer,
Heart, UtensilsCrossed, MonitorSmartphone, Eye, Monitor, Bot, Users, Hash,
Home, MessageCircle, Brain, Terminal, Puzzle, Zap
Home, MessageCircle, Brain, Terminal, Puzzle, Zap, Calendar, BookOpen
} from '@lucide/astro';

const { icon, color = 'currentColor', size = 24, class: className = '' } = Astro.props;
Expand Down Expand Up @@ -81,6 +81,8 @@ const lucideIcons: Record<string, any> = {
'lucide:terminal': Terminal,
'lucide:puzzle': Puzzle,
'lucide:zap': Zap,
'lucide:calendar': Calendar,
'lucide:book-open': BookOpen,
};

const isStringIcon = typeof icon === 'string';
Expand Down
57 changes: 57 additions & 0 deletions src/components/LobsterLogo.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
---
interface Props {
animated?: boolean;
gradientId?: string;
}

const { animated = false, gradientId = 'lobster-gradient' } = Astro.props;

const animatedClass = (base: string) => (animated ? base : undefined);
---

<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Lobster Claw Silhouette -->
<path
d="M60 10 C30 10 15 35 15 55 C15 75 30 95 45 100 L45 110 L55 110 L55 100 C55 100 60 102 65 100 L65 110 L75 110 L75 100 C90 95 105 75 105 55 C105 35 90 10 60 10Z"
fill={`url(#${gradientId})`}
class={animatedClass('claw-body')}
/>
<!-- Left Claw -->
<path
d="M20 45 C5 40 0 50 5 60 C10 70 20 65 25 55 C28 48 25 45 20 45Z"
fill={`url(#${gradientId})`}
class={animatedClass('claw-left')}
/>
<!-- Right Claw -->
<path
d="M100 45 C115 40 120 50 115 60 C110 70 100 65 95 55 C92 48 95 45 100 45Z"
fill={`url(#${gradientId})`}
class={animatedClass('claw-right')}
/>
<!-- Antenna -->
<path
d="M45 15 Q35 5 30 8"
stroke="var(--coral-bright)"
stroke-width="2"
stroke-linecap="round"
class={animatedClass('antenna')}
/>
<path
d="M75 15 Q85 5 90 8"
stroke="var(--coral-bright)"
stroke-width="2"
stroke-linecap="round"
class={animatedClass('antenna')}
/>
<!-- Eyes -->
<circle cx="45" cy="35" r="6" fill="var(--bg-deep)" class={animatedClass('eye')} />
<circle cx="75" cy="35" r="6" fill="var(--bg-deep)" class={animatedClass('eye')} />
<circle cx="46" cy="34" r="2" fill="var(--cyan-bright)" class={animatedClass('eye-glow')} />
<circle cx="76" cy="34" r="2" fill="var(--cyan-bright)" class={animatedClass('eye-glow')} />
<defs>
<linearGradient id={gradientId} x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="var(--logo-gradient-start)" />
<stop offset="100%" stop-color="var(--logo-gradient-end)" />
</linearGradient>
</defs>
</svg>
Loading