feat: add multi-language 404

[therobrob]

added multi-language 404 page

[github-actions]

Hi there! 👋

Thank you for your contribution to the FIP Guide! 🚀
We appreciate your effort in making rail staff travel information more accessible. 🚄

Checklist before merging:

• Added a description to the Pull Request
• Checked the License of new pictures (non-commercial use without attribution)
• Modified content in English
• Modified content in German
• Modified content in French

[netlify]

✅ Deploy Preview for fipguide ready!

Name	Link
🔨 Latest commit	a6edabd
🔍 Latest deploy log	https://app.netlify.com/projects/fipguide/deploys/694fac7ebd2b710008118663
😎 Deploy Preview	https://deploy-preview-514--fipguide.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[therobrob]

@MoritzWeber0 i’ve tried this one, but in local development and netlify preview i couldn’t check, if it works. Could you check it? :)

[MoritzWeber0]

@MoritzWeber0 i’ve tried this one, but in local development and netlify preview i couldn’t check, if it works. Could you check it? :)

The multi-language 404 page does work locally, but it will always open the English version of the page when deployed via GitHub. The reason is this line in the workflow that we have to update: https://github.com/fipguide/fipguide.github.io/blob/main/.github/workflows/deploy.yaml#L71.

There has to be a small 404 wrapper that redirects to the correct language. But it's already better than before, so I'd be fine with merging already.

[therobrob]

@MoritzWeber0 i’ve tried this one, but in local development and netlify preview i couldn’t check, if it works. Could you check it? :)

The multi-language 404 page does work locally, but it will always open the English version of the page when deployed via GitHub. The reason is this line in the workflow that we have to update: https://github.com/fipguide/fipguide.github.io/blob/main/.github/workflows/deploy.yaml#L71.

There has to be a small 404 wrapper that redirects to the correct language. But it's already better than before, so I'd be fine with merging already.

I’m not exactly sure what needs to be done, so it would be great if you could take care of it.

[MoritzWeber0]

I’m not exactly sure what needs to be done, so it would be great if you could take care of it.

I implemented it, feel free to have a look around. I make use of the aliasing feature that we also use for the language detection on the home page, but rewrote it using modern methods (navigator.languages is commonly available in modern browsers).

[therobrob]

LGTM, thanks :)
One case doesn’t work, but i think it is unnessasary to fix:
if i’m typing the english 404-page-URL and open the page, there is no redirect to my preferred language.

P. S.: i cannot approve the PR because it’s mine. So if you think it’s fine, you can merge :)

[MoritzWeber0]

One case doesn’t work, but i think it is unnessasary to fix:
if i’m typing the english 404-page-URL and open the page, there is no redirect to my preferred language.

That's the desired behaviour. The user asks for a specific language page via the URL, so we deliver the requested language. It's the same behaviour on all other pages, for example /en/operator/eurostar delivers the English page, even if the browser language is set to German. Otherwise, this could lead to annoying behaviour when sharing links to pages.

Some websites have a solution where a message is displayed on the page if the browser language is supported for easy switching.

P. S.: i cannot approve the PR because it’s mine. So if you think it’s fine, you can merge :)

I'll try another improvement later and will merge it once it's done.