flakestry / flakestry.dev

A public central registry of Nix flakes.
https://flakestry.dev
Apache License 2.0
93 stars 7 forks source link

Add noscript #27

Open toastal opened 8 months ago

toastal commented 8 months ago

For privacy/security I allowlist sites to enable JavaScript. When I visited the site, I got a blank white page with no information.

9glenda commented 8 months ago

I think a warning stating to enable js would be enough.

toastal commented 8 months ago

Personally, I’d prefer at least the name of the application & a short description of what it does (usually there is a meta description for this anyhow).

If just says “Please enable JavaScript”, my response would be: for what? What will I get to see when I enable it?

9glenda commented 8 months ago

Personally, I’d prefer at least the name of the application & a short description of what it does (usually there is a meta description for this anyhow).

If just says “Please enable JavaScript”, my response would be: for what? What will I get to see when I enable it?

You're right.

I should clarify my point: I think the website doesn't have to work without javascript and just inform the user.

domenkozar commented 8 months ago

There are currently no plans to support non-javascript clients.

toastal commented 8 months ago

No JS would be ideal for this sort of thing IMO, but that’s this project’s call to make.

However, the bare minimum of a <noscript> with some message should be added.

domenkozar commented 8 months ago

Sounds good! Could you make a PR that would satisfy what you'd expect?

On Mon, Oct 30, 2023, 19:27 toastal @.***> wrote:

No JS would be ideal for this sort of thing IMO, but that’s this project’s call to make.

However, the bare minimum of a

— Reply to this email directly, view it on GitHub https://github.com/flakestry/flakestry.dev/issues/27#issuecomment-1785899712, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAA63A3D32PTTQSWP5A3RQ3YB75RJAVCNFSM6AAAAAA6TBQLOWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTOOBVHA4TSNZRGI . You are receiving this because you commented.Message ID: @.***>

toastal commented 8 months ago

I don’t understand the code base with no HTML files & mustache files that aren’t obvious to me. But would expect something along the lines of:

<html lang="en">
    <head>
        <title>Flakestry<!-- This is missing; it confusingly says “Elm Land” --></title>
        <meta name="description" content="A place to find, install, and publish Nix Flakes">
    <body>
        <noscript>
            <article class="AddWrapperClassHere ScriptBlockersWon’tUseClassFromNoscriptElement">
                <header>
                    <h1>Flakestry<h1>
                    <p>Find, Install, &amp; Publish <a href="https://nix.dev/concepts/flakes/">Nix Flakes</a>.</p>
                </header>
                <section>
                    <p>
                        The Flakestry service requires JavaScript to be enabled.
                        <a href="https://www.enable-javascript.com/en/">See these instructions</a> on how to enable in your browser.
                        Alternatively, you may need to add an exception to your script blocker.
                    </p>
                </section>
            </article>
        </noscript>