Skip to content

Add logo as favicon and navigation branding#127

Merged
Peleke merged 10 commits intostagingfrom
feature/logo-favicon
Dec 22, 2025
Merged

Add logo as favicon and navigation branding#127
Peleke merged 10 commits intostagingfrom
feature/logo-favicon

Conversation

@Peleke
Copy link
Owner

@Peleke Peleke commented Dec 22, 2025

Summary

  • Add 512x512 red/black logo as favicon (via Next.js App Router icon.png)
  • Update Navigation component to display logo alongside "Interlinear" text
  • Logo shown in circular dark container for light mode compatibility (preserves red-on-black aesthetic)
  • PWA icons updated (192x192, 512x512, apple-touch-icon)
  • Logo added to mobile menu footer

Screenshots

The logo appears:

  • As browser favicon
  • In the top navigation bar (with text)
  • In mobile slide-out menu footer
  • As PWA app icon

Test plan

  • Verify favicon shows in browser tab
  • Check logo + text appears correctly in navigation (light mode)
  • Check logo + text appears correctly in navigation (dark mode)
  • Verify mobile menu shows logo in footer
  • Test PWA install shows correct icon

🤖 Generated with Claude Code

Peleke Sengstacke and others added 10 commits December 22, 2025 11:18
- Add 512x512 logo to app/ as icon.png and apple-icon.png for Next.js favicon
- Add logo to public/ for PWA icons (192x192, 512x512, apple-touch-icon)
- Update Navigation component to show logo with "Interlinear" text
- Logo displayed in circular dark container for light mode compatibility
- Logo also added to mobile menu footer

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Fix landing page hydration error by generating star positions client-side only
- Stars now use mounted state to defer random position generation
- Navigation shows logo+text on desktop (sm+), just logo on mobile

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Increase logo container from w-10 h-10 to w-14 h-14
- Increase logo image from 36px to 52px
- Show "Interlinear" text on all screen sizes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add icons config to metadata pointing to /logo.png
- Update title and description to be language-agnostic

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add script to generate favicon sizes using sharp
- Generate 16x16, 32x32, 180x180, 192x192, 512x512 icons from logo
- Update layout metadata to use properly sized favicons
- Update PWA manifest with correct icon references

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@Peleke Peleke merged commit 63da11d into staging Dec 22, 2025
2 checks passed
@Peleke Peleke deleted the feature/logo-favicon branch December 22, 2025 16:48
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.

1 participant