Skip to content

Hermes attempt#1451

Open
christianprezly wants to merge 35 commits into
mainfrom
hermes-attempt
Open

Hermes attempt#1451
christianprezly wants to merge 35 commits into
mainfrom
hermes-attempt

Conversation

@christianprezly

Copy link
Copy Markdown
Contributor

No description provided.

JesseWynants and others added 30 commits January 9, 2026 12:59
- Add Neumann brand colors and styling (custom/neumann.scss)
- Add FF Unit Pro custom font files and CSS
- Create NeumannCategoriesNav component for header categories
- Create NeumannFooter component with 3-column layout
- Fix header navigation: logo size (182x61px), font weight (100),
  element order, orange search icon, language dropdown styling
- Simplify language selector to show just "English" instead of
  "English (Germany)"
- Update theme settings with Neumann brand defaults
- Add CLAUDE.md project documentation

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Keep the original format showing both language and country
(e.g., "English (Germany)") instead of simplified version.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add translations for 13 languages: English, German, French, Dutch,
  Spanish, Portuguese, Japanese, Chinese, Danish, Finnish, Indonesian,
  Norwegian, and Swedish
- Map newsroom locale codes to neumann.com locale codes for correct URLs
- Map locale codes to help center locale codes for contact links
- Internal newsroom links (Press, Stories) use current locale
- External links point to locale-specific pages on neumann.com

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Neumann design doesn't display category tags on story cards.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Make hero image break out of container to be full width
- Center container content on wide screens
- Use calc() for responsive hero margins

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use full-width technique (left: 50%, margin-left: -50vw) for hero
- Only center container on screens wider than 1600px
- Preserve full header nav width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Container now has width: 100%, max-width: 1600px, and
margin-left/right: auto for proper centering on all screens.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Hero now has same layout as header: width 100%, max-width 1600px,
centered with auto margins.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Apply 1600px max-width to main content area
- Hero breaks out of main padding to match header width
- All major layout elements (header, hero, main) now share same width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Background transitions from #2d2d2d to #000, starting below hero.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Use pseudo-element for main gradient with z-index: -1 to prevent
  covering the hero image
- Add z-index: 1 to HighlightedStoryCard for proper stacking
- Remove padding-top from main content area

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…-asciified-japaneseunicode-story-slugs-to

[DEV-22636] Applied redirect fix for non-asciified Japanese/Unicode story slugs
…support-new-meilisearch-support-in-custom

[DEV-22883] Feature - Implement anchor links and add support for new Meilisearch index
…ge-sections-in-search-results-display

[DEV-23048] Added section heading and content snippet rendering to search results
…me-preview-banner-from-the-in-app-previews

DEV-23074: Add hidecookie query param for preview logic
phase 0 + 1
What's done

✅ Plan written to NEUMANN_CUSTOMIZATION_PLAN.md
✅ Phase 0 — pre-existing TypeScript errors in src/modules/Header/Header.tsx:29 and src/modules/Category/Category.tsx:23-24 fixed. pnpm typecheck is now clean.
✅ Phase 1 — Foundation:
Font.FF_UNIT_PRO enum value added; getGoogleFontName() returns null for it; BrandingSettings.tsx no longer emits a Google Fonts <link> when null
Fonts moved from custom/fonts/ → public/fonts/neumann/
src/styles/_fonts.scss created, wired into styles.globals.scss
Middleware matcher updated to exclude fonts/ and *.woff2?
getCssVariables.ts now hardcodes Neumann brand tokens (Prezly API can no longer override them)
DEFAULT_THEME_SETTINGS updated with Neumann colors, Font.FF_UNIT_PRO, main_site_url=https://newsroom.sennheiser.com/, main_site_label=Sennheiser, full_width_featured_story=true
Dead custom/fonts.css deleted
Visually verified (local audit, desktop + mobile shown above):

Black page background ✓
FF Unit Pro font loading ✓
Orange accents (#ef7b0b) on icons, buttons, links ✓
Hero overlay box ✓
Search and hamburger icons orange on mobile ✓
Known visual gaps (will be fixed in subsequent phases):

Hero title is orange; live target has white (Phase 4 — HighlightedStoryCard.module.scss)
Header still shows "CATEGORIES" dropdown; live has flat "PRESS · STORIES" (Phase 2)
"MORE" button border orange; live has white with orange hover (Phase 4)
Date format shows 08/05/2026; live has uppercase letter-spaced labels (Phase 4)
Files changed this session (Phase 0 + 1):

src/modules/Header/Header.tsx
src/modules/Category/Category.tsx
src/theme-settings.ts
src/modules/Head/components/getCssVariables.ts
src/modules/Head/components/BrandingSettings.tsx
src/styles/styles.globals.scss
src/styles/_fonts.scss (new)
middleware.ts
Moved custom/fonts/ → public/fonts/neumann/
Deleted custom/fonts.css
NEUMANN_CUSTOMIZATION_PLAN.md (new) + VISUAL_AUDIT.md setup from earlier
Dev tooling: scripts/visual-audit.ts, .scratch/, .gitignore, package.json
gave prompt and let it go wild, quite good result on 1st pass. WIP
minor adjustments
more adjustments
christianprezly and others added 5 commits June 4, 2026 13:56
sticky header
search results story grid
claude is having a REALLY tough time replicating the neumann header...
make story grid same as in homepage
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.

4 participants