From b47f03ff2acb8bd91e49436c07276aafb3fe77b1 Mon Sep 17 00:00:00 2001
From: nin0dev <personal@nin0.dev>
Date: Mon, 29 Jul 2024 16:23:17 -0400
Subject: [PATCH] added nojs warning

---
 src/components/FearOfTechnology.astro | 23 +++++++++++++++++++++++
 src/pages/index.astro                 |  2 ++
 2 files changed, 25 insertions(+)
 create mode 100644 src/components/FearOfTechnology.astro

diff --git a/src/components/FearOfTechnology.astro b/src/components/FearOfTechnology.astro
new file mode 100644
index 0000000..1a0b32c
--- /dev/null
+++ b/src/components/FearOfTechnology.astro
@@ -0,0 +1,23 @@
+<style>
+    div {
+        color: black;
+        background-color: lightcoral;
+        padding: 10px;
+        margin-bottom: 20px;
+        border-radius: 10px;
+    }
+    a {
+        color: blue;
+    }
+</style>
+
+<noscript>
+    <div>
+        <p>
+            <h4>ENABLE JAVASCRIPT OR I WILL KILL YOU</h4>
+            I will not. However, you seem to be living in fear of technology, as you have JavaScript disabled. This means that some features (eg. dragging, submitting forms) will not work. Enable JS to fully enjoy this website!
+            <br/>
+            Rest assured, there's no external tracking. You can check this site's source code on the <a href="https://git.nin0.dev/nin0/website">nin0/website</a> repository on my Forgejo.
+        </p>
+    </div>
+</noscript>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 983578f..76b5392 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import Contacts from "../components/Contacts.astro";
+import FearOfTechnology from "../components/FearOfTechnology.astro";
 import GroupBox from "../components/GroupBox.astro";
 import Me from "../components/Me.astro";
 import Presence from "../components/Presence.astro";
@@ -9,6 +10,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
 <BaseLayout tabTitle="Home - nin0dev">
+	<FearOfTechnology />
 	<Window title="Home" maxWidth="600px">
 		<Me />
 		<Presence />