Homepage is broken with JavaScript disabled

[JustAnotherArchivist]

Since the homepage uses JavaScript to jump to the introduction page, it just stays blank when scripting is disabled.

Possible solutions:

• The proper solution would be using an HTTP 3xx redirect.
• A <noscript> tag with a meta refresh could be used, but this would reintroduce Fix broken back button on Firefox #3 for script-disabled users, I believe.

[taoeffect]

If there's a way to address this while still automatically switching to the correct local language, please let us know!

[taoeffect]

Oh - I guess we could default to English and introduce some sort of a language switching menu thing. 🤔

[JustAnotherArchivist]

I'm unfortunately not familiar with the framework you're using. This suggests it should be possible though.

[JustAnotherArchivist]

Oh - I guess we could default to English and introduce some sort of a language switching menu thing.

I suppose you could, but respecting the Accept-Language header would be much better.

[taoeffect]

Ah - Maybe we could just introduce a <noscript> section to index.astro that includes a link to the various languages that we support. I think that might work. (PRs accepted for that!)

[JustAnotherArchivist]

Perhaps index.astro could simply be this?

---
return Astro.redirect('/en/introduction/');

(And perhaps another --- at the end, don't quite understand how that works from a glance at the docs.)

Once other languages are supported, it'd simply be a matter of replacing the hardcoded URL with something derived from Accept-Language or whichever other data source you may want to use for that.

[taoeffect]

No that results in an error:

Astro.redirect is not available in static mode.

This is the closest I've been able to get to something reasonable:

---
import MainLayout from '../layouts/MainLayout.astro'
---

<MainLayout>
  <script is:inline>
    // Redirect your homepage to the first page of documentation.
    // If you have a landing page, remove this script and add it here!
    // window.location.pathname = '/en/introduction';
    window.location.replace('/en/introduction')
  </script>
  <noscript>
    JavaScript disabled.

    Please <a href="/en/introduction">click here</a> to manually redirect to English introduction.
  </noscript>
</MainLayout>

However, the "click here" link isn't visible for some reason because of the <a> tag and I have no idea why. Suggestions and PRs welcome!