From e642e9dd16d5cbd14315ba4afea2fedbcf0c11b6 Mon Sep 17 00:00:00 2001
From: limepotato <limepot@protonmail.ch>
Date: Mon, 12 Aug 2024 01:26:18 -0600
Subject: [PATCH] add ntfy box

---
 astro/public/scripts/ntfy.js   | 14 ++++++++++++++
 astro/src/layouts/Layout.astro |  1 +
 astro/src/pages/index.astro    | 12 ++++++++++++
 3 files changed, 27 insertions(+)
 create mode 100644 astro/public/scripts/ntfy.js

diff --git a/astro/public/scripts/ntfy.js b/astro/public/scripts/ntfy.js
new file mode 100644
index 0000000..49aabde
--- /dev/null
+++ b/astro/public/scripts/ntfy.js
@@ -0,0 +1,14 @@
+// both
+function send(message) {
+  let r = new XMLHttpRequest();
+  r.open("POST", "https://ntfy.ouroboros.group/beep", true);
+  r.setRequestHeader("Content-Type", "text/plain");
+  r.send(message);
+}
+// send notification
+let ntfyInput = document.getElementById("ntfy-input");
+function sendNotification() {
+  if (ntfyInput.value.length <= 0) return;
+  send(ntfyInput.value);
+  ntfyInput.value = "";
+}
diff --git a/astro/src/layouts/Layout.astro b/astro/src/layouts/Layout.astro
index fae285f..b3ecfbf 100755
--- a/astro/src/layouts/Layout.astro
+++ b/astro/src/layouts/Layout.astro
@@ -25,6 +25,7 @@ const { title } = Astro.props;
     <script type="text/javascript" src="/scripts/sga.js"></script>
     <script type="text/javascript" src="/scripts/lastfm.js"></script>
     <script type="text/javascript" src="/scripts/sound.js"></script>
+    <script type="text/javascript" src="/scripts/ntfy.js"></script>
     <audio
     id="clickSound"
     src="/assets/sounds/ui/zapsplat_multimedia_button_click_004_68776.mp3">
diff --git a/astro/src/pages/index.astro b/astro/src/pages/index.astro
index 7407cce..7718b52 100644
--- a/astro/src/pages/index.astro
+++ b/astro/src/pages/index.astro
@@ -26,6 +26,18 @@ import Layout from "../layouts/Layout.astro";
           ></span
         >
       </div>
+      <br>
+
+      <div class="ntfy-box">
+        <h4 style="margin-bottom: 0px;">send me a notification! type words and press send</h4>
+        <small style="font-size: 15px;">music recs, questions, jokes, confessions of your sins, etc, welcome, I respond to all or most as vagueposts on the fediverse</small>
+        <br style="margin-bottom: 10px;">
+        <textarea id="ntfy-input" placeholder="Hi nelle~!"></textarea><button
+          class="ntfy-send nob4 custom-btn btn-1"
+          onclick="javascript:sendNotification()"
+          style="margin-left:10px;">Send</button
+        >
+      </div>
     </section>
   </main>
 </Layout>