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

Labels

Type

No type
No fields configured for issues without a type.

Projects

Status
In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions