Skip to content

Commit 188ac9d

Browse files
msujawsmsujaws
committed
feat: add mascot to header and update favicons
- Add dinosaur mascot image to header (optimized WebP with transparency) - Generate favicon.png, favicon.ico, and apple-touch-icon.png from mascot - Remove old favicon.svg
1 parent d35851a commit 188ac9d

File tree

8 files changed

+44
-36
lines changed

8 files changed

+44
-36
lines changed

‎index.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,9 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
5+
<link rel="icon" type="image/png" href="/favicon.png" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
7+
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
68
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
79
<meta name="description" content="BoardZilla - Puttin' bugz in their place since '26" />
810
<title>BoardZilla - Puttin' bugz in their place since '26 😎</title>

‎public/apple-touch-icon.png‎

53.3 KB
Loading

‎public/favicon.ico‎

31.3 KB
Binary file not shown.

‎public/favicon.png‎

3.05 KB
Loading

‎public/favicon.svg‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎public/mascot.png‎

625 KB
Loading

‎public/mascot.webp‎

13 KB
Loading

‎src/App.tsx‎

Lines changed: 41 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -336,38 +336,47 @@ function App() {
336336
{/* Header */}
337337
<header className="border-b border-bg-tertiary bg-bg-secondary px-4 py-4">
338338
<div className="container mx-auto flex items-center justify-between">
339-
<div>
340-
<h1 className="text-2xl font-bold">BoardZilla</h1>
341-
<div className="flex items-center gap-3 text-sm">
342-
<span className="text-text-secondary">Puttin' bugz in their place since '26 😎</span>
343-
<span className="text-text-tertiary">•</span>
344-
<a
345-
href="https://github.com/msujaws/bugzilla-kanban"
346-
target="_blank"
347-
rel="noopener noreferrer"
348-
className="text-text-tertiary transition-colors hover:text-accent-primary"
349-
>
350-
by <span className="font-bold">@jaws</span>
351-
</a>
352-
<span className="text-text-tertiary">•</span>
353-
<button
354-
onClick={() => {
355-
setShowFAQModal(true)
356-
}}
357-
className="text-text-tertiary transition-colors hover:text-accent-primary"
358-
>
359-
FAQ
360-
</button>
361-
</div>
362-
{/* Keyboard hints */}
363-
<div className="mt-1 flex items-center gap-2 text-xs text-text-tertiary">
364-
<span>Drag & Drop with mouse, or use</span>
365-
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Arrows</kbd>
366-
<span>to select,</span>
367-
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Shift</kbd>
368-
<span>to grab/drop,</span>
369-
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Shift+Enter</kbd>
370-
<span>to apply</span>
339+
<div className="flex items-center gap-4">
340+
<img
341+
src="/mascot.webp"
342+
alt="BoardZilla mascot - a friendly dinosaur with kanban boards"
343+
className="h-16 w-auto"
344+
/>
345+
<div>
346+
<h1 className="text-2xl font-bold">BoardZilla</h1>
347+
<div className="flex items-center gap-3 text-sm">
348+
<span className="text-text-secondary">
349+
Puttin' bugz in their place since '26 😎
350+
</span>
351+
<span className="text-text-tertiary">•</span>
352+
<a
353+
href="https://github.com/msujaws/bugzilla-kanban"
354+
target="_blank"
355+
rel="noopener noreferrer"
356+
className="text-text-tertiary transition-colors hover:text-accent-primary"
357+
>
358+
by <span className="font-bold">@jaws</span>
359+
</a>
360+
<span className="text-text-tertiary">•</span>
361+
<button
362+
onClick={() => {
363+
setShowFAQModal(true)
364+
}}
365+
className="text-text-tertiary transition-colors hover:text-accent-primary"
366+
>
367+
FAQ
368+
</button>
369+
</div>
370+
{/* Keyboard hints */}
371+
<div className="mt-1 flex items-center gap-2 text-xs text-text-tertiary">
372+
<span>Drag & Drop with mouse, or use</span>
373+
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Arrows</kbd>
374+
<span>to select,</span>
375+
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Shift</kbd>
376+
<span>to grab/drop,</span>
377+
<kbd className="rounded bg-bg-tertiary px-1.5 py-0.5 font-mono">Shift+Enter</kbd>
378+
<span>to apply</span>
379+
</div>
371380
</div>
372381
</div>
373382
<ApiKeyStatus onOpenModal={handleOpenModal} />

0 commit comments

Comments
 (0)