add warnings for js disabled users

src/routes/contact.md

@@ -5,6 +5,7 @@ description: Do you want to contact us?
 
 <script lang="ts">
     import ContactForm from "$lib/ContactForm.svelte";
+	import Note from "$lib/Form/Note.svelte";
 </script>
 
 # { title }
@@ -16,6 +17,15 @@ description: Do you want to contact us?
     <ContactForm />
 </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
 
 [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
 
-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>

src/routes/index.svelte

@@ -2,6 +2,7 @@
 	import SvelteSeo from "svelte-seo";
 	import Hero from "$lib/Hero.svelte";
 	import LinkButton from "$lib/LinkButton.svelte";
+	import Note from "$lib/Form/Note.svelte";
 	import dayjs from "dayjs";
 
 	let description: string = "Open source development and hosted services.";
@@ -67,6 +68,17 @@
 	{/await}
 </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"}
 	<style>
 		.announcement {