limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

random ntfyInput placeholders

Browse source
This commit is contained in:
nelle 2024-09-01 21:27:52 -06:00
parent dbb5f10092
commit 09d43804b7
3 changed files with 42 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
astro/public/scripts/ntfy.js
View file

@ -1,7 +1,44 @@
const ntfyInput = document.getElementById("ntfy-input"); const ntfyInput = document.getElementById("ntfy-input");
const ntfyButton = document.getElementById("ntfy-send"); const ntfyButton = document.getElementById("ntfy-send");
// both // Random placeholder
function getPlaceholder() {
placeholderSelector = (Math.floor(Math.random()*8) +1);
switch(placeholderSelector) {
case 1:
ntfyInput.placeholder='hi nelle! (｡>﹏<｡)';
break;
case 2:
ntfyInput.placeholder='(╹◡╹)凸';
break;
case 3:
ntfyInput.placeholder='Confession of sin: I dont like SciAdv';
break;
case 4:
ntfyInput.placeholder='Knock Knock...';
break;
case 5:
ntfyInput.placeholder='El. Psy. Kongroo.';
break;
case 6:
ntfyInput.placeholder='the organization is after you.';
break;
case 7:
ntfyInput.placeholder='you wouldnt happen to know where an IBN5100 is, would you?';
break;
case 8:
ntfyInput.placeholder='if you had to choose, between: bacon, unlimited bacon, but no games. or. games. unlimited games, but no games. which would you pick?';
break;
case 9:
ntfyInput.placeholder='time travel?';
break;
default:
ntfyInput.placeholder='type some words and hit send';
}
}
// send function
function send(message) { function send(message) {
const r = new XMLHttpRequest(); const r = new XMLHttpRequest();
r.open("POST", "https://ntfy.ouroboros.group/beep", true); r.open("POST", "https://ntfy.ouroboros.group/beep", true);
@ -15,6 +52,7 @@ function sendNotification() {
ntfyInput.value = ""; ntfyInput.value = "";
} }
// on send button click
async function ntfyClick() { async function ntfyClick() {
if (!ntfyInput.value.replace(/\s/g, "").length) { if (!ntfyInput.value.replace(/\s/g, "").length) {
ntfyButton.innerHTML = "<span>ಠ﹏ಠ</span>"; ntfyButton.innerHTML = "<span>ಠ﹏ಠ</span>";

4
astro/src/components/main-page/silly-widgets.astro
View file

@ -10,7 +10,7 @@
></span ></span
> >
</div> </div>
<hr> <hr> <!-- NTFY BOX -->
<div class="ntfy-box"> <div class="ntfy-box">
<h4 style="margin-bottom: 0px;">send me a notification! type words and press send</h4> <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> <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>
@ -22,7 +22,7 @@
<br> <br>
<div class="ntfyForm"> <div class="ntfyForm">
<br style="margin-bottom: 10px;"> <br style="margin-bottom: 10px;">
<textarea id="ntfy-input" placeholder="Hi nelle! (｡>﹏<｡)" rows=2></textarea> <textarea id="ntfy-input" placeholder="type some words and hit send" rows=2></textarea>
<button <button
class="custom-btn btn-1" class="custom-btn btn-1"
onclick="ntfyClick()" onclick="ntfyClick()"

2
astro/src/layouts/Layout.astro
View file

@ -16,7 +16,7 @@ const { title } = Astro.props;
<head> <head>
<Head title={title} /> <Head title={title} />
</head> </head>
<body onload="onload(), redirect()" id="body"> <body onload="onload(), redirect(), getPlaceholder()" id="body">
<Header /> <Header />
<section class="content center"> <section class="content center">
<h1 class="title">{title}</h1> <h1 class="title">{title}</h1>