Skip to content

updated this 404 cover page - #499

Open
mitrasayak623-crypto wants to merge 1 commit into
numfocus:mainfrom
mitrasayak623-crypto:sayak623/469
Open

mitrasayak623-crypto wants to merge 1 commit into
numfocus:mainfrom
mitrasayak623-crypto:sayak623/469

Conversation

@mitrasayak623-crypto

Copy link
Copy Markdown

🎯 Description of Changes

Redesigns the 404 page (404.html) so it feels welcoming and visually consistent with the rest of the DISCOVER Cookbook, and so it works properly on phones and for keyboard and screen-reader users.

✨ What changed

Area Before After
Look Black-to-pale gradient with a floating blur Slowly drifting aurora background (blue, teal, violet) over a faint dot grid
Card Basic frosted box Glass card with a gradient edge and a soft shadow
"404" graphic Plain text Gradient numerals, with the "0" as an animated ring that draws itself once and has an orbiting dot
Language switching 2-option dropdown (English, Español) Searchable language input with 28 languages
Light/dark mode None Follows the visitor's system setting
Mobile Fixed sizes, no real responsive handling Fluid type, stacked full-width buttons on small screens, 48px+ tap targets, safe-area padding for notched phones
Copy Playful but vague Plain wording that says what happened and what to do next

🌐 Language support

  • Searchable by native name (हिन्दी), English name (Hindi), or language code (hi).
  • Languages: English, Spanish, French, German, Portuguese, Italian, Dutch, Swedish, Polish, Russian, Ukrainian, Greek, Turkish, Arabic, Hebrew, Persian, Urdu, Hindi, Bengali, Tamil, Telugu, Marathi, Chinese, Japanese, Korean, Indonesian, Vietnamese, Thai.
  • Arabic, Hebrew, Persian and Urdu automatically switch the page to right-to-left.
  • <html lang>, dir and the page title update when the language changes.
  • Language detection order: URL path, then referrer, then saved preference, then browser language (new).
  • Storage access and referrer parsing are wrapped in try/catch, so a blocked localStorage or a malformed referrer no longer breaks the page.

♿ Accessibility

  • Visible keyboard focus on all interactive elements.
  • Decorative graphics are hidden from screen readers, and the "404" graphic has a text label.

@netlify

netlify Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

❌ Deploy Preview for stupendous-kringle-a86e81 failed.

Name Link
🔨 Latest commit 8352967
🔍 Latest deploy log https://app.netlify.com/projects/stupendous-kringle-a86e81/deploys/6ad3aa9b6c875ef69005294a

@mitrasayak623-crypto

Copy link
Copy Markdown
Author

Uploading Screenshot 2026-10-18 at 9.53.41 AM.png…

This branch has not been deployed

No deployments
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