Skip to content

Add logo, favicon and social preview - #3

Merged
EddPorter merged 2 commits into
masterfrom
ccr-827a2223-jxfdy0
Oct 23, 2026
Merged

EddPorter merged 2 commits into
masterfrom
ccr-827a2223-jxfdy0

Conversation

@EddPorter

Copy link
Copy Markdown
Owner

Summary

Adds the project's visual identity and wires it in everywhere it's used.

  • Assets (docs/assets/): logo mark, monochrome mark, horizontal logo and social preview as SVG masters, with PNG exports of the horizontal logo (README banner) and the social card (1280 x 640). The wordmarks use tspans so spacing follows the font instead of fixed x offsets.
  • Favicon: a simplified three-node mark with thick branches that stays legible at 16 px, as favicon.svg, a multi-size favicon.ico (16/32/48) and a 180 px apple-touch-icon.png.
  • Project page: favicon links, the logo mark in the header, and Open Graph and Twitter card tags pointing at the social preview.
  • README: logo banner using an absolute PNG URL, so it renders on GitHub and nuget.org.
  • NuGet: package icon (GeneCodeCS/icon.png, 256 x 256).

Notes

  • The README banner links to raw.githubusercontent.com/.../master/..., so it only resolves once this is merged.
  • GitHub's social preview image has to be uploaded by hand (Settings, General, Social preview) using docs/assets/social-preview.png.

Testing

  • dotnet build, dotnet test (54 of 54 on net8.0 and net10.0) and dotnet pack all pass; the package contains icon.png.
  • The page was checked in headless Chromium at desktop and mobile widths with no console errors or overflow.
  • The logo variants and the favicon were rendered and inspected at 16, 32 and 48 px on light and dark backgrounds.

Generated by Claude Code

… NuGet icon

- docs/assets: logo mark, monochrome mark, horizontal logo, social preview
  (SVG masters, plus PNG exports for the social card and README banner).
- docs/index.html: favicon, header mark, and Open Graph/Twitter card tags.
- README: logo banner using an absolute PNG URL so it also renders on nuget.org.
- GeneCodeCS.csproj: package icon (GeneCodeCS/icon.png, 256 x 256).
- Wordmarks use tspans so spacing follows the font instead of fixed offsets.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PfG6MnHg74EM7ndCo5atss
A three-node mark with thick branches reads at 16 px, where the full logo
becomes a few dots. Adds favicon.svg, a multi-size favicon.ico (16/32/48)
and a 180 px apple-touch-icon, and links them from the project page.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PfG6MnHg74EM7ndCo5atss
@EddPorter
EddPorter merged commit 44a3800 into master Oct 23, 2026
1 check passed
@EddPorter
EddPorter deleted the ccr-827a2223-jxfdy0 branch October 23, 2026 20:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants