Skip to content

Add faviconΒ #2

@AJaccP

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status
    Ready

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions