From 72e7b7df4d8587991ab029e538908506feff6e65 Mon Sep 17 00:00:00 2001
From: Akis <mavrommatisakis@gmail.com>
Date: Wed, 24 Aug 2022 19:25:27 +0300
Subject: [PATCH] add warnings for js disabled users

---
 src/routes/contact.md   | 20 +++++++++++---------
 src/routes/index.svelte | 12 ++++++++++++
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/routes/contact.md b/src/routes/contact.md
index 92eef5c..170ef0b 100644
--- a/src/routes/contact.md
+++ b/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).
-
-<noscript>
-	<style>
-		.contact-form {
-			display: none;
-		}
-	</style>
-</noscript>
\ No newline at end of file
+You can find ways to contact individual team members [on our team page](/team).
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 329c4df..ecc2acf 100644
--- a/src/routes/index.svelte
+++ b/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 {