add warnings for js disabled users

This commit is contained in:
Akis 2022-08-24 19:25:27 +03:00
parent 7ff06f1c7b
commit 72e7b7df4d
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
2 changed files with 23 additions and 9 deletions

View File

@ -5,6 +5,7 @@ description: Do you want to contact us?
<script lang="ts"> <script lang="ts">
import ContactForm from "$lib/ContactForm.svelte"; import ContactForm from "$lib/ContactForm.svelte";
import Note from "$lib/Form/Note.svelte";
</script> </script>
# { title } # { title }
@ -16,6 +17,15 @@ description: Do you want to contact us?
<ContactForm /> <ContactForm />
</div> </div>
<noscript>
<Note content="The contact form (and by extension Segfautils) does not work without JavaScript enabled." icon="i-fa6-solid:circle-info" />
<style>
.contact-form {
display: none;
}
</style>
</noscript>
## Our email ## Our email
[contact@projectsegfau.lt](mailto:contact@projectsegfau.lt) [contact@projectsegfau.lt](mailto:contact@projectsegfau.lt)
@ -25,11 +35,3 @@ _Please be aware that Microsoft often blocks non-popular emails, if you do conta
## People ## People
You can find ways to contact individual team members [on our team page](/team). You can find ways to contact individual team members [on our team page](/team).
<noscript>
<style>
.contact-form {
display: none;
}
</style>
</noscript>

View File

@ -2,6 +2,7 @@
import SvelteSeo from "svelte-seo"; import SvelteSeo from "svelte-seo";
import Hero from "$lib/Hero.svelte"; import Hero from "$lib/Hero.svelte";
import LinkButton from "$lib/LinkButton.svelte"; import LinkButton from "$lib/LinkButton.svelte";
import Note from "$lib/Form/Note.svelte";
import dayjs from "dayjs"; import dayjs from "dayjs";
let description: string = "Open source development and hosted services."; let description: string = "Open source development and hosted services.";
@ -67,6 +68,17 @@
{/await} {/await}
</div> </div>
<noscript>
<div class="flex justify-center text-center text-red">
<Note content="Announcements do not work without JavaScript enabled." />
</div>
<style>
.announcements {
display: none;
}
</style>
</noscript>
{#if announcements.severity === "info"} {#if announcements.severity === "info"}
<style> <style>
.announcement { .announcement {