forked from ProjectSegfault/website
add warnings for js disabled users
This commit is contained in:
parent
7ff06f1c7b
commit
72e7b7df4d
@ -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)
|
||||||
@ -24,12 +34,4 @@ _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>
|
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user