Skip to content

Add faviconΒ #2

Description

@AJaccP

🧠 Context

The current favicon is the Vite default β€” a generic Vite logo SVG at public/favicon.svg. index.html references it on line 5:

<link rel="icon" type="image/svg+xml" href="/favicon.svg" />

The replacement is the CCSS red and black logo SVG. Ask Jacc for the SVG file before starting.


πŸ› οΈ Implementation Plan

  1. Get the CCSS red and black logo SVG from Jacc

  2. Replace public/favicon.svg with the provided SVG. The filename stays the same so index.html needs no changes.

  3. Add a public/favicon.ico (for older browsers) and update index.html to include both:

    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="alternate icon" href="/favicon.ico" />
  4. Run pnpm dev and verify the new favicon appears in the browser tab. Hard-refresh (Cmd+Shift+R / Ctrl+Shift+R) if the old one is cached.


βœ… Acceptance Criteria

  • Browser tab shows the CCSS logo instead of the Vite logo
  • Favicon is visually legible at small sizes (16Γ—16, 32Γ—32)
  • index.html still valid β€” no broken asset references

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions