prettier format

This commit is contained in:
nelle 2024-10-30 19:42:02 -06:00
parent cec2bccddd
commit 5da5a31ff0
52 changed files with 1589 additions and 854 deletions

View file

@ -8,5 +8,29 @@ export default {
parser: "astro",
},
},
{
files: ["*.html"],
options: {
parser: "html",
},
},
{
files: ["*.md"],
options: {
parser: "mdx",
},
},
{
files: ["*.css"],
options: {
parser: "css",
},
},
{
files: ["*.ts"],
options: {
parser: "typescript",
},
},
],
};

View file

@ -1,3 +1,3 @@
# astro project
this uses astro, duh, well, you need pnpm for this
this uses astro, duh, well, you need pnpm for this

View file

@ -1,55 +1,55 @@
function handleErrors(response) {
if (!response.ok) {
throw Error(response.statusText);
}
return response;
if (!response.ok) {
throw Error(response.statusText);
}
return response;
}
function sendMeow(endpoint) {
const request = new XMLHttpRequest();
request.open("POST", endpoint);
request.send("superSecret=null");
console.warn(request.response.text);
}
async function getMeowTimeout(endpoint) {
const response = await fetch(endpoint)
if (response.status === 423) {
meowButton.disabled=true;
meowButton.innerHTML = "<span>sleeping...</span>";
console.warn("MEOW TIMED OUT")
}
if (response.status === 100) {
meowButton.disabled=false;
meowButton.innerHTML = "<span>meow</span>";
console.warn("MEOW NOT TIMED OUT")
}
const request = new XMLHttpRequest();
request.open("POST", endpoint);
request.send("superSecret=null");
console.warn(request.response.text);
}
async function getMeowTimeout(endpoint) {
const response = await fetch(endpoint);
if (response.status === 423) {
meowButton.disabled = true;
meowButton.innerHTML = "<span>sleeping...</span>";
console.warn("MEOW TIMED OUT");
}
if (response.status === 100) {
meowButton.disabled = false;
meowButton.innerHTML = "<span>meow</span>";
console.warn("MEOW NOT TIMED OUT");
}
}
async function getBeepTimeout(endpoint) {
const response = await fetch(endpoint)
if (response.status === 423) {
beepButton.disabled=true;
beepButton.innerHTML = "<span>sleeping...</span>";
console.warn("BEEP TIMED OUT")
}
if (response.status === 100) {
beepButton.disabled=false;
beepButton.innerHTML = "<span>meow</span>";
console.warn("BEEP NOT TIMED OUT")
}
const response = await fetch(endpoint);
if (response.status === 423) {
beepButton.disabled = true;
beepButton.innerHTML = "<span>sleeping...</span>";
console.warn("BEEP TIMED OUT");
}
if (response.status === 100) {
beepButton.disabled = false;
beepButton.innerHTML = "<span>meow</span>";
console.warn("BEEP NOT TIMED OUT");
}
}
async function getKaomojiTimeout(endpoint) {
const response = await fetch(endpoint)
if (response.status === 423) {
kaomojiButton.disabled=true;
kaomojiButton.innerHTML = "<span>sleeping...</span>";
console.warn("KAOMOJI TIMED OUT")
}
if (response.status === 100) {
kaomojiButton.disabled=false;
kaomojiButton.innerHTML = "<span>meow</span>";
console.warn("KAOMOJI NOT TIMED OUT")
}
}
const response = await fetch(endpoint);
if (response.status === 423) {
kaomojiButton.disabled = true;
kaomojiButton.innerHTML = "<span>sleeping...</span>";
console.warn("KAOMOJI TIMED OUT");
}
if (response.status === 100) {
kaomojiButton.disabled = false;
kaomojiButton.innerHTML = "<span>meow</span>";
console.warn("KAOMOJI NOT TIMED OUT");
}
}

View file

@ -1,3 +1 @@
function copyLink(link) {
}
function copyLink(link) {}

View file

@ -44,7 +44,7 @@ fetch(url)
// Chrome Redirect
function redirect() {
const chromium = /Chrome|Chromium|OPR|Opera|Edge|UC|QQ/.test(
navigator.userAgent
navigator.userAgent,
);
if (navigator.brave) {
@ -62,51 +62,49 @@ function redirect() {
}
}
// meow
// meow
const meowButton = document.getElementById("meow-button");
const beepButton = document.getElementById("beep-button");
const kaomojiButton = document.getElementById("kaomoji-button");
// on send meow button click
async function meowClick() {
meowButton.disabled=true;
meowButton.disabled = true;
meowButton.innerHTML = "<span>sleeping...</span>";
sendMeow(meowEndpoint);
sendMeow(meowEndpoint);
}
// on send beep button click
async function beepClick() {
beepButton.disabled=true;
beepButton.disabled = true;
beepButton.innerHTML = "<span>sleeping...</span>";
sendMeow(beepEndpoint);
sendMeow(beepEndpoint);
}
// on send kaomoji button click
async function kaomojiClick() {
kaomojiButton.disabled=true;
kaomojiButton.disabled = true;
kaomojiButton.innerHTML = "<span>sleeping...</span>";
sendMeow(kaomojiEndpoint);
}
// Show/Hide Info Boxes
const posterInfoButton = document.getElementById("poster-info-button");
const posterInfo = document.getElementById("poster-info");
let isPosterInfoHidden = true
let isPosterInfoHidden = true;
const ntfyInfoButton = document.getElementById("ntfy-info-button");
const ntfyInfo = document.getElementById("ntfy-info");
let isNtfyInfoHidden = true
let isNtfyInfoHidden = true;
function showPosterInfo() {
if (isPosterInfoHidden) {
posterInfo.style.display = "initial";
posterInfoButton.innerHTML = "[hide more info]"
posterInfoButton.innerHTML = "[hide more info]";
isPosterInfoHidden = false;
}
else {
} else {
posterInfo.style.display = "none";
posterInfoButton.innerHTML = "[show more info]"
posterInfoButton.innerHTML = "[show more info]";
isPosterInfoHidden = true;
}
}
@ -114,29 +112,31 @@ function showPosterInfo() {
function showNtfyInfo() {
if (isNtfyInfoHidden) {
ntfyInfo.style.display = "initial";
ntfyInfoButton.innerHTML = "[hide more info]"
ntfyInfoButton.innerHTML = "[hide more info]";
isNtfyInfoHidden = false;
}
else {
} else {
ntfyInfo.style.display = "none";
ntfyInfoButton.innerHTML = "[show more info]"
ntfyInfoButton.innerHTML = "[show more info]";
isNtfyInfoHidden = true;
}
}
//// color scheme change
const headTag = document.getElementsByTagName('head')[0];
const headTag = document.getElementsByTagName("head")[0];
const styleTag = document.createElement("style");
function checkThemeStorage() {
if (sessionStorage.getItem("themeGreen")) {
setGreen()
setGreen();
}
if (sessionStorage.getItem("themeOrange")) {
setOrange()
setOrange();
}
if (!sessionStorage.getItem("themeOrange") && !sessionStorage.getItem("themeGreen")) {
getTheme()
if (
!sessionStorage.getItem("themeOrange") &&
!sessionStorage.getItem("themeGreen")
) {
getTheme();
}
}
@ -342,10 +342,9 @@ function setOrange() {
function getTheme() {
if (colorBool) {
// if true: green
setGreen()
}
else {
setGreen();
} else {
// if false: orange
setOrange()
setOrange();
}
}
}

View file

@ -32,11 +32,10 @@ const msgPFX = "message: ";
const attachPFX = "attachment: ";
const clickPFX = "click-action: ";
// Ctrl + Enter to send
document.addEventListener("keydown", (event) => {
if (event.ctrlKey && event.key === "Enter") {
ntfyClick()
ntfyClick();
}
});
@ -193,15 +192,15 @@ function sendAll(endpoint, title, message, attachment, click) {
// send notification
function sendNotification() {
sendAll(
ntfyEndpoint,
ntfyTitle.value,
ntfyMessage.value,
ntfyAttach.value,
ntfyClickAction.value
);
ntfyTitle.value = "";
ntfyMessage.value = "";
ntfyAttach.value = "";
ntfyClickAction.value = "";
sendAll(
ntfyEndpoint,
ntfyTitle.value,
ntfyMessage.value,
ntfyAttach.value,
ntfyClickAction.value,
);
ntfyTitle.value = "";
ntfyMessage.value = "";
ntfyAttach.value = "";
ntfyClickAction.value = "";
}

View file

@ -1,14 +1,12 @@
const clickSound = new Audio(
"/assets/sounds/ui/zapsplat_button_click_2.mp3"
);
const clickSound = new Audio("/assets/sounds/ui/zapsplat_button_click_2.mp3");
const hoverSound = new Audio(
"/assets/sounds/ui/zapsplat_button_click_bright_2.mp3"
"/assets/sounds/ui/zapsplat_button_click_bright_2.mp3",
);
const phonewaveSound = new Audio(
"/assets/sounds/sciadv/phonewave/phonewave.ogg"
"/assets/sounds/sciadv/phonewave/phonewave.ogg",
);
const startLeapSound = new Audio(
"/assets/sounds/sciadv/phonewave/begin-leap.ogg"
"/assets/sounds/sciadv/phonewave/begin-leap.ogg",
);
// Sound effects
@ -28,7 +26,6 @@ const links = document.querySelectorAll("a");
const image = document.querySelectorAll("img");
const phonewave = document.getElementById("phonewave");
// biome-ignore lint/complexity/noForEach: <explanation>
links.forEach((a) => {
a.addEventListener("click", () => {
@ -71,7 +68,6 @@ image.forEach((button) => {
*/
});
phonewave.addEventListener("click", () => {
phonewaveSound.play();
setTimeout(() => {
@ -82,4 +78,4 @@ phonewave.addEventListener("click", () => {
}, 8000);
return;
}, 10000);
});
});

View file

@ -1,53 +1,53 @@
@font-face {
font-family: ms-segoeui;
src: url(/fonts/segoeui.ttf);
font-family: ms-segoeui;
src: url(/fonts/segoeui.ttf);
}
:root {
background-color: #0078d7;
color: #ffffff;
font-family: ms-segoeui;
background-color: #0078d7;
color: #ffffff;
font-family: ms-segoeui;
}
a:link {
color: #ffffff
color: #ffffff;
}
a:visited {
color: #ffffff
color: #ffffff;
}
a:hover {
color: #ffffff
color: #ffffff;
}
.frown {
font-size: 200px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 100px;
font-size: 200px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 100px;
}
.subtext1 {
font-size: 42px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 600px;
font-size: 42px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 0px;
margin-right: 600px;
}
.qr {
margin-left: 200px;
margin-bottom: 0px;
margin-top: 50px;
margin-left: 200px;
margin-bottom: 0px;
margin-top: 50px;
}
.container {
display: flex;
display: flex;
}
.error-text {
margin-top: 0px;
margin-left: 10px;
font-size: 20px;
}
margin-top: 0px;
margin-left: 10px;
font-size: 20px;
}

View file

@ -1,139 +1,139 @@
@import "nav-buttons.css";
.container {
display: flex;
align-content: center;
gap: 10px;
display: flex;
align-content: center;
gap: 10px;
}
.content {
width: 90%;
max-width: 75em;
width: 90%;
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
border: 2.5px solid var(--accent);
border-radius: 3px;
border: 2.5px solid var(--accent);
border-radius: 3px;
opacity: 0.9;
background: var(--content-gradient);
opacity: 0.9;
background: var(--content-gradient);
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
}
.nav {
width: 50%;
max-width: 75em;
width: 50%;
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
border: 2.5px solid var(--accent);
border-radius: 3px;
border: 2.5px solid var(--accent);
border-radius: 3px;
opacity: 0.9;
background: var(--content-gradient);
opacity: 0.9;
background: var(--content-gradient);
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px var(--accent);
}
.center {
text-align: center;
text-align: center;
}
h1::before {
content: "> ";
content: "> ";
}
h1 {
font-size: 42px;
font-size: 42px;
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
a:link {
color: var(--link);
color: var(--link);
}
a:visited {
color: var(--visited);
color: var(--visited);
}
a:hover {
color: var(--hover);
color: var(--hover);
}
textarea {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
resize: vertical;
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
resize: vertical;
}
textarea,
select {
width: 82%;
outline: none;
font-family: inherit;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
background: var(--content-gradient);
width: 82%;
outline: none;
font-family: inherit;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
background: var(--content-gradient);
}
button {
font-family: inherit;
font-family: inherit;
}
hr {
width: 32%;
color: var(--gray);
width: 32%;
color: var(--gray);
}
.ntfyForm {
display: flex;
justify-content: space-between;
display: flex;
justify-content: space-between;
}
.badgeContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}
.badge {
image-rendering: pixelated;
image-rendering: pixelated;
}
.ntfyOpts {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
border: 2.5px solid var(--accent);
border-radius: 3px;
display: inherit;
margin-left: 35%;
margin-right: 35%;
margin-bottom: -4%;
margin-top: 2%;
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
border: 2.5px solid var(--accent);
border-radius: 3px;
display: inherit;
margin-left: 35%;
margin-right: 35%;
margin-bottom: -4%;
margin-top: 2%;
}
.beep-buttons {
width: 25%;
margin-top: 4%;
margin-bottom: 2%;
}
width: 25%;
margin-top: 4%;
margin-bottom: 2%;
}

View file

@ -1,94 +1,103 @@
/* default */
:root {
--text: #f5efef;
--background: #030303;
--primary: #9a9a9a;
--secondary: #505050;
/*--accent: #232323;*/
--accent: var(--accent-500);
--text: #f5efef;
--background: #030303;
--primary: #9a9a9a;
--secondary: #505050;
/*--accent: #232323;*/
--accent: var(--accent-500);
--content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900));
--accent-gradient: linear-gradient(to bottom right, var(--accent-300), var(--accent-200) 30%, var(--text) 60%);
--content-gradient: linear-gradient(
to bottom right,
var(--secondary-800),
var(--primary-900)
);
--accent-gradient: linear-gradient(
to bottom right,
var(--accent-300),
var(--accent-200) 30%,
var(--text) 60%
);
--link: var(--accent-300);
--visited: var(--accent-400);
--hover: var(--accent-500);
--link: var(--accent-300);
--visited: var(--accent-400);
--hover: var(--accent-500);
--text-50: #f5efef;
--text-100: #ebe0e0;
--text-200: #d8c0c0;
--text-300: #c4a1a1;
--text-400: #b08282;
--text-500: #9d6262;
--text-600: #7d4f4f;
--text-700: #5e3b3b;
--text-800: #3f2727;
--text-900: #1f1414;
--text-950: #100a0a;
--text-50: #f5efef;
--text-100: #ebe0e0;
--text-200: #d8c0c0;
--text-300: #c4a1a1;
--text-400: #b08282;
--text-500: #9d6262;
--text-600: #7d4f4f;
--text-700: #5e3b3b;
--text-800: #3f2727;
--text-900: #1f1414;
--text-950: #100a0a;
--background-50: #f2f2f2;
--background-100: #e6e6e6;
--background-200: #cccccc;
--background-300: #b3b3b3;
--background-400: #999999;
--background-500: #808080;
--background-600: #666666;
--background-700: #4d4d4d;
--background-800: #333333;
--background-900: #1a1a1a;
--background-950: #0d0d0d;
--background-50: #f2f2f2;
--background-100: #e6e6e6;
--background-200: #cccccc;
--background-300: #b3b3b3;
--background-400: #999999;
--background-500: #808080;
--background-600: #666666;
--background-700: #4d4d4d;
--background-800: #333333;
--background-900: #1a1a1a;
--background-950: #0d0d0d;
--primary-50: #f2f2f2;
--primary-100: #e6e6e6;
--primary-200: #cccccc;
--primary-300: #b3b3b3;
--primary-400: #999999;
--primary-500: #808080;
--primary-600: #666666;
--primary-700: #4d4d4d;
--primary-800: #333333;
--primary-900: #1a1a1a;
--primary-950: #0d0d0d;
--primary-50: #f2f2f2;
--primary-100: #e6e6e6;
--primary-200: #cccccc;
--primary-300: #b3b3b3;
--primary-400: #999999;
--primary-500: #808080;
--primary-600: #666666;
--primary-700: #4d4d4d;
--primary-800: #333333;
--primary-900: #1a1a1a;
--primary-950: #0d0d0d;
--secondary-50: #f2f2f2;
--secondary-100: #e6e6e6;
--secondary-200: #cccccc;
--secondary-300: #b3b3b3;
--secondary-400: #999999;
--secondary-500: #808080;
--secondary-600: #666666;
--secondary-700: #4d4d4d;
--secondary-800: #333333;
--secondary-900: #1a1a1a;
--secondary-950: #0d0d0d;
--secondary-50: #f2f2f2;
--secondary-100: #e6e6e6;
--secondary-200: #cccccc;
--secondary-300: #b3b3b3;
--secondary-400: #999999;
--secondary-500: #808080;
--secondary-600: #666666;
--secondary-700: #4d4d4d;
--secondary-800: #333333;
--secondary-900: #1a1a1a;
--secondary-950: #0d0d0d;
--accent-50: #f2f2f2;
--accent-100: #e6e6e6;
--accent-200: #cccccc;
--accent-300: #b3b3b3;
--accent-400: #999999;
--accent-500: #808080;
--accent-600: #666666;
--accent-700: #4d4d4d;
--accent-800: #333333;
--accent-900: #1a1a1a;
--accent-950: #0d0d0d;
--accent-50: #f2f2f2;
--accent-100: #e6e6e6;
--accent-200: #cccccc;
--accent-300: #b3b3b3;
--accent-400: #999999;
--accent-500: #808080;
--accent-600: #666666;
--accent-700: #4d4d4d;
--accent-800: #333333;
--accent-900: #1a1a1a;
--accent-950: #0d0d0d;
--alt-accent: #677967;
--alt-accent: #677967;
--glitch-1: var(--alt-accent-200);
--glitch-2: var(--alt-accent-300);
--glitch-3: var(--alt-accent-400);
--glitch-1: var(--alt-accent-200);
--glitch-2: var(--alt-accent-300);
--glitch-3: var(--alt-accent-400);
--alt-accent-50: #ebffe6;
--alt-accent-100: #d7ffcc;
--alt-accent-200: #affe9a;
--alt-accent-300: #88fe67;
--alt-accent-400: #60fe34;
--alt-accent-500: #38fe01;
--alt-accent-600: #2dcb01;
--alt-accent-700: #229801;
--alt-accent-800: #166501;
--alt-accent-900: #0b3300;
--alt-accent-950: #061900;
}
--alt-accent-50: #ebffe6;
--alt-accent-100: #d7ffcc;
--alt-accent-200: #affe9a;
--alt-accent-300: #88fe67;
--alt-accent-400: #60fe34;
--alt-accent-500: #38fe01;
--alt-accent-600: #2dcb01;
--alt-accent-700: #229801;
--alt-accent-800: #166501;
--alt-accent-900: #0b3300;
--alt-accent-950: #061900;
}

View file

@ -1,16 +1,16 @@
@import "https://www.nerdfonts.com/assets/css/webfont.css";
@font-face {
font-family: terminess-nf;
src: url(../fonts/TerminessNerdFont-Regular.ttf);
font-family: terminess-nf;
src: url(../fonts/TerminessNerdFont-Regular.ttf);
}
@font-face {
font-family: standardGalactic;
src: url(../fonts/galactic.ttf);
font-family: standardGalactic;
src: url(../fonts/galactic.ttf);
}
@font-face {
font-family: departure-mono;
src: url(../fonts/DepartureMono-Regular.otf)
}
font-family: departure-mono;
src: url(../fonts/DepartureMono-Regular.otf);
}

View file

@ -1,5 +1,7 @@
.glitch {
text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
text-shadow:
0.05em 0 0 var(--glitch-1),
-0.03em -0.04em 0 var(--glitch-2),
0.025em 0.04em 0 var(--glitch-3);
animation: glitch 742ms infinite;
color: var(--alt-accent-900);
@ -27,7 +29,9 @@
}
.glitch-alt {
text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
text-shadow:
0.05em 0 0 var(--glitch-1),
-0.03em -0.04em 0 var(--glitch-2),
0.025em 0.04em 0 var(--glitch-3);
animation: glitch 742ms infinite;
color: var(--alt-accent-900);
@ -55,37 +59,51 @@
@keyframes glitch {
0% {
text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
text-shadow:
0.05em 0 0 var(--glitch-1),
-0.03em -0.04em 0 var(--glitch-2),
0.025em 0.04em 0 var(--glitch-3);
}
15% {
text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
text-shadow:
0.05em 0 0 var(--glitch-1),
-0.03em -0.04em 0 var(--glitch-2),
0.025em 0.04em 0 var(--glitch-3);
}
16% {
text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2),
text-shadow:
-0.05em -0.025em 0 var(--glitch-1),
0.025em 0.035em 0 var(--glitch-2),
-0.05em -0.05em 0 var(--glitch-3);
}
49% {
text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2),
text-shadow:
-0.05em -0.025em 0 var(--glitch-1),
0.025em 0.035em 0 var(--glitch-2),
-0.05em -0.05em 0 var(--glitch-3);
}
50% {
text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2),
text-shadow:
0.05em 0.035em 0 var(--glitch-1),
0.03em 0 0 var(--glitch-2),
0 -0.04em 0 var(--glitch-3);
}
99% {
text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2),
text-shadow:
0.05em 0.035em 0 var(--glitch-1),
0.03em 0 0 var(--glitch-2),
0 -0.04em 0 var(--glitch-3);
}
100% {
text-shadow: -0.05em 0 0 var(--glitch-1), -0.025em -0.04em 0 var(--glitch-2),
text-shadow:
-0.05em 0 0 var(--glitch-1),
-0.025em -0.04em 0 var(--glitch-2),
-0.04em -0.025em 0 var(--glitch-3);
}
}
}

View file

@ -5,15 +5,15 @@
@import "mobile.css";
:root {
font-size: 18px;
font-family: departure-mono, system-ui;
font-size: 18px;
font-family: departure-mono, system-ui;
padding: 1rem;
width: 1000px;
max-width: calc(100% - 2rem);
line-height: 1.4;
margin: auto;
padding: 1rem;
width: 1000px;
max-width: calc(100% - 2rem);
line-height: 1.4;
margin: auto;
color: var(--text);
background-color: var(--background);
}
color: var(--text);
background-color: var(--background);
}

View file

@ -1,27 +1,26 @@
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap");
:root {
background-color: #ce3426;
color: #ffffff;
font-family: "Titillium Web";
width: 100%;
height: 100%;
background-color: #ce3426;
color: #ffffff;
font-family: "Titillium Web";
width: 100%;
height: 100%;
}
a:link {
color: #ffffff
color: #ffffff;
}
a:visited {
color: #ffffff
color: #ffffff;
}
a:hover {
color: #ffffff
color: #ffffff;
}
.icon {
width: 40%;
margin-top: 15%;
}
width: 40%;
margin-top: 15%;
}

View file

@ -1,32 +1,32 @@
@media (max-width: 768px) {
:root {
font-size: 12px;
}
:root {
font-size: 12px;
}
h1 {
font-size: 30px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
h2 {
font-size: 20px;
}
.ntfyOpts {
margin: initial;
}
.ntfyOpts {
margin: initial;
}
.ntfyForm {
display: flex;
gap: 5px;
margin-top: -8%;
margin-bottom: 8%;
}
.ntfyForm {
display: flex;
gap: 5px;
margin-top: -8%;
margin-bottom: 8%;
}
.btn-1 {
margin-bottom: 5px;
}
.btn-1 {
margin-bottom: 5px;
}
.beep-buttons {
min-width: 42%;
}
}
.beep-buttons {
min-width: 42%;
}
}

View file

@ -1,109 +1,110 @@
.custom-btn {
width: 130px;
height: 40px;
color: --text;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
7px 7px 20px 0px rgba(0, 0, 0, .1),
4px 4px 5px 0px rgba(0, 0, 0, .1);
outline: none;
font-size: large;
-webkit-box-shadow: 0 0 10px var(--accent);
-moz-box-shadow: 0 0 10px var(--accent);
box-shadow: 0 0 10px var(--accent);
width: 130px;
height: 40px;
color: --text;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow:
inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
7px 7px 20px 0px rgba(0, 0, 0, 0.1),
4px 4px 5px 0px rgba(0, 0, 0, 0.1);
outline: none;
font-size: large;
-webkit-box-shadow: 0 0 10px var(--accent);
-moz-box-shadow: 0 0 10px var(--accent);
box-shadow: 0 0 10px var(--accent);
}
/* 8 */
.btn-1 {
background-color: var(--background);
background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%);
line-height: 42px;
padding: 0;
border: none;
background-color: var(--background);
background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%);
line-height: 42px;
padding: 0;
border: none;
}
.btn-1 span {
position: relative;
display: block;
width: 100%;
height: 100%;
position: relative;
display: block;
width: 100%;
height: 100%;
}
.btn-1:before,
.btn-1:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
background: var(--accent);
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
position: absolute;
content: "";
right: 0;
bottom: 0;
background: var(--accent);
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-1:before {
height: 0%;
width: 2px;
height: 0%;
width: 2px;
}
.btn-1:after {
width: 0%;
height: 2px;
width: 0%;
height: 2px;
}
.btn-1:hover:before {
height: 100%;
height: 100%;
}
.btn-1:hover:after {
width: 100%;
width: 100%;
}
.btn-1:hover {
background: transparent;
background: transparent;
}
.btn-1 span:hover {
color: var(--accent);
color: var(--accent);
}
.btn-1 span:before,
.btn-1 span:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: var(--accent);
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
position: absolute;
content: "";
left: 0;
top: 0;
background: var(--accent);
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-1 span:before {
width: 2px;
height: 0%;
width: 2px;
height: 0%;
}
.btn-1 span:after {
height: 2px;
width: 0%;
height: 2px;
width: 0%;
}
.btn-1 span:hover:before {
height: 100%;
height: 100%;
}
.btn-1 span:hover:after {
width: 100%;
}
width: 100%;
}

View file

@ -1,3 +1,3 @@
***Note of the author***
**_Note of the author_**
From "Commander Keen"
From "Commander Keen"

View file

@ -12,10 +12,6 @@ import WebRings from "../components/footer/webrings.astro";
</section>
<section class="content center">
<p class="glitch-alt small-quote">El. Psy. Kongroo.</p>
<a
class="small-quote"
href="/site-info"
>site info</a
>
<a class="small-quote" href="/site-info">site info</a>
</section>
</footer>

View file

@ -2,20 +2,20 @@
import { SITE_DESCRIPTION } from "../consts";
interface Props {
title: string;
title: string;
}
const { title } = Astro.props;
---
<link rel="stylesheet" href="/styles/css/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="alternate"
type="application/rss+xml"
title={title}
href={new URL("rss.xml", Astro.site)}
rel="alternate"
type="application/rss+xml"
title={title}
href={new URL("rss.xml", Astro.site)}
/>
<!-- Global Metadata -->
@ -51,7 +51,7 @@ const { title } = Astro.props;
<link href="https://ouroboros.gay/@limepot" rel="me" />
<!-- fuck dark reader -->
<meta name="darkreader-lock"/>
<meta name="darkreader-lock" />
<!-- sitemap -->
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="sitemap" href="/sitemap-index.xml" />

View file

@ -7,10 +7,7 @@
onmouseout="StopSound('hoverSound')" -->
<section class="center nav">
<nav class="menu">
<button
class="custom-btn btn-1"
type="button"
onclick="location.href='/'">
<button class="custom-btn btn-1" type="button" onclick="location.href='/'">
<span>home</span>
</button>
<!--
@ -25,7 +22,8 @@
<button
class="custom-btn btn-1"
type="button"
onclick="location.href='/blog'">
onclick="location.href='/blog'"
>
<span>blog</span>
</button>
</nav>

View file

@ -1,11 +1,12 @@
---
import MyButtons from "./mybuttons.astro"
import FriendlyButtons from "./friendly-buttons.astro"
import OtherButtons from "./other-buttons.astro"
import MyButtons from "./mybuttons.astro";
import FriendlyButtons from "./friendly-buttons.astro";
import OtherButtons from "./other-buttons.astro";
---
<h3>88x31 buttons <a href="#buttons"><i class="nf nf-oct-link"></i></span></a></h3>
<h3>88x31 buttons <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
<MyButtons />
<hr>
<hr />
<FriendlyButtons />
<hr>
<OtherButtons />
<hr />
<OtherButtons />

View file

@ -1,22 +1,155 @@
friendly buttons
<div class="badgeContainer">
<a href="https://elke.cafe/"><img class="badge" src="/assets/images/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'" loading="lazy"></a>
<a href="https://azumanga.gay/"><img class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
<a href="https://lilysthings.org/"><img class="badge" src="/assets/images/badges/friends/lilysthings.png" alt="the word 'lily!!' next to a microwave" loading="lazy"></a>
<a href="https://zvava.org/"><img class="badge" src="/assets/images/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'" loading="lazy"></a>
<a href="https://void.rehab/"><img class="badge" src="/assets/images/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'" loading="lazy"></a>
<a href="https://void.lgbt/"><img class="badge" src="/assets/images/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'" loading="lazy"></a>
<a href="https://csillagpor.net"><img class="badge" src="/assets/images/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
<a href="https://tempest.dev/"><img class="badge" src="/assets/images/badges/friends/tempest.dev.png" alt="badge for tempest.dev'" loading="lazy"></a>
<a href="https://voltrina.net"><img class="badge" src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
<a href="https://labyrinth.zone/users/yassie_j"><img class="badge" src="/assets/images/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
<a href="https://disarray.sh/"><img class="badge" src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
<a href="https://astrid.tech/"><img class="badge" src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
<a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
<a href="https://labyrinth.zone/"><img class="badge" src="/assets/images/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
<a href="https://enby.space/"><img class="badge" src="/assets/images/badges/friends/nbsp.gif" alt="ralsei clapping next to the text 'nbsp'" loading="lazy"></a>
<a href="https://asahixp.pages.gay/"><img class="badge" src="/assets/images/badges/friends/kel.webp" alt="Kel DeSoto" loading="lazy"></a>
<a href="https://micro.pages.gay/"><img class="badge" src="/assets/images/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>
<a href="https://loveshock.xyz/"><img class="badge" src="/assets/images/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'" loading="lazy"></a>
<a href="https://trypancakes.com/"><img class="badge" src="/assets/images/badges/friends/pancakes.png" alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word 'pancakes'" loading="lazy"></a>
</div>
<a href="https://elke.cafe/"
><img
class="badge"
src="/assets/images/badges/friends/elke.cafe.gif"
alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'"
loading="lazy"
/></a
>
<a href="https://azumanga.gay/"
><img
class="badge"
src="/assets/images/badges/friends/kaitbutton.png"
alt="kait"
loading="lazy"
/></a
>
<a href="https://lilysthings.org/"
><img
class="badge"
src="/assets/images/badges/friends/lilysthings.png"
alt="the word 'lily!!' next to a microwave"
loading="lazy"
/></a
>
<a href="https://zvava.org/"
><img
class="badge"
src="/assets/images/badges/friends/zvava.org.png"
alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'"
loading="lazy"
/></a
>
<a href="https://void.rehab/"
><img
class="badge"
src="/assets/images/badges/friends/void.rehab.png"
alt="black background, with white, uh, thingies, on the sides 'void.rehab'"
loading="lazy"
/></a
>
<a href="https://void.lgbt/"
><img
class="badge"
src="/assets/images/badges/friends/void.lgbt.gif"
alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'"
loading="lazy"
/></a
>
<a href="https://csillagpor.net"
><img
class="badge"
src="/assets/images/badges/friends/mira-button.png"
alt="miras button'"
loading="lazy"
/></a
>
<a href="https://tempest.dev/"
><img
class="badge"
src="/assets/images/badges/friends/tempest.dev.png"
alt="badge for tempest.dev'"
loading="lazy"
/></a
>
<a href="https://voltrina.net"
><img
class="badge"
src="/assets/images/badges/friends/voltrina_badge.png"
alt="volted rina"
loading="lazy"
/></a
>
<a href="https://labyrinth.zone/users/yassie_j"
><img
class="badge"
src="/assets/images/badges/friends/wide_yas.png"
alt="wide yaseen"
loading="lazy"
/></a
>
<a href="https://disarray.sh/"
><img
class="badge"
src="/assets/images/badges/friends/disarray.sh.png"
alt="jade disarray site"
loading="lazy"
/></a
>
<a href="https://astrid.tech/"
><img
class="badge"
src="/assets/images/badges/friends/astrid.tech.png"
alt="astrid dot tech"
loading="lazy"
/></a
>
<a href="https://constellatory.net/"
><img
class="badge"
src="/assets/images/badges/friends/constellatory.net.png"
alt="constellatory"
loading="lazy"
/></a
>
<a href="https://labyrinth.zone/"
><img
class="badge"
src="/assets/images/badges/friends/labyrinth_zone.gif"
alt="constellatory"
loading="lazy"
/></a
>
<a href="https://enby.space/"
><img
class="badge"
src="/assets/images/badges/friends/nbsp.gif"
alt="ralsei clapping next to the text 'nbsp'"
loading="lazy"
/></a
>
<a href="https://asahixp.pages.gay/"
><img
class="badge"
src="/assets/images/badges/friends/kel.webp"
alt="Kel DeSoto"
loading="lazy"
/></a
>
<a href="https://micro.pages.gay/"
><img
class="badge"
src="/assets/images/badges/friends/niko.png"
alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections"
loading="lazy"
/></a
>
<a href="https://loveshock.xyz/"
><img
class="badge"
src="/assets/images/badges/friends/loveshock.gif"
alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'"
loading="lazy"
/></a
>
<a href="https://trypancakes.com/"
><img
class="badge"
src="/assets/images/badges/friends/pancakes.png"
alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word 'pancakes'"
loading="lazy"
/></a
>
</div>

View file

@ -1,12 +1,50 @@
buttons i created
<div class="badgeContainer">
<a href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
<a href="https://limepot.xyz/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a>
<a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
<img id="sgaButton" style="display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy"/>
<a href="https://nelle.observer/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/mine/nelleobserver.gif"
alt="animation of a bunch of twinkling stars (but amber)"
loading="lazy"
/></a
>
<a href="https://limepot.xyz/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/mine/limepotxyz.gif"
alt="animation of a bunch of twinkling stars (but purple)"
loading="lazy"
/></a
>
<a href="https://ouroboros.gay/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/mine/ouroboros.gay.png"
loading="lazy"
/></a
>
<img
id="sgaButton"
style="display: none;"
width="88"
height="31"
style="cursor:pointer;"
onclick="toggleTheme()"
src="/assets/images/badges/mine/standard-galactic-alphabet.png"
alt="animation of a bunch of twinkling stars"
loading="lazy"
/>
</div>
<hr>
<hr />
every coin counts!
<br>
<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif"></a>
<br/>
<br />
<a href="https://ko-fi.com/limepot"
><img class="badge" src="/assets/images/badges/kofi.gif" /></a
>
<br />

View file

@ -1,56 +1,466 @@
other buttons
<div class="badgeContainer">
<!-- First Line is activism stuff -->
<a href="https://jointhefediverse.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>
<a href="https://www.anera.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
<a href="https://fuckoffgoogle.de/"><img class="badge" width="88" height="31" src="/assets/images/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
<a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>
<a href="https://en.wikipedia.org/wiki/Right_to_repair"><img class="badge" width="88" height="31" src="/assets/images/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>
<a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
<img class="badge" width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
<a href="https://archive.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>
<!-- First Line is activism stuff -->
<a href="https://jointhefediverse.net/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/FEDERATE-NOW.jpg"
alt="Fediverse icon 'Federate Now!'"
loading="lazy"
/></a
>
<a href="https://www.anera.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/anera.org.png"
alt="Free palestine"
loading="lazy"
/></a
>
<a href="https://fuckoffgoogle.de/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/google_stand.gif"
alt="Fight against monopolistic practices, stand up to google!"
loading="lazy"
/></a
>
<a href="https://privacytests.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/chrmevil.gif"
alt="Google Chrome is Evil!"
loading="lazy"
/></a
>
<a href="https://en.wikipedia.org/wiki/Right_to_repair"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/right2repair.gif"
alt="I support right to repair"
loading="lazy"
/></a
>
<a href="https://privacytests.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/anythingbut.gif"
alt="Anything But Chrome"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/p2w.gif"
alt="pay to win badge"
/>
</div>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/transnow2.gif"
alt="Trans rights now!"
loading="lazy"
/>
<a href="https://archive.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/preserve.gif"
alt="Preserve, internet archive"
loading="lazy"
/></a
>
<!-- Second line is made with stuff -->
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img class="badge" width="88" height="31" src="/assets/images/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
<a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31" src="/assets/images/badges/made-with-css.gif" alt="Made with CSS" loading="lazy"/></a>
<a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31" src="/assets/images/badges/css-is-difficult.gif" alt="CSS is Difficult" loading="lazy"/></a>
<a href="https://vscodium.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
<a href="https://gnu.org"><img class="badge" width="88" height="31" src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
<a href="https://www.aseprite.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>
<a href="https://store.steampowered.com/app/70/HalfLife"><img class="badge" width="88" height="31" src="/assets/images/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>
<a href="https://store.steampowered.com/app/400/Portal/"><img class="badge" width="88" height="31" src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>
<a href="https://steamcommunity.com/id/limepot/"><img class="badge" width="88" height="31" src="/assets/images/badges/steam.gif" alt="friend me on steam" loading="lazy"/></a>
<a href="https://developer.valvesoftware.com/wiki/Source"><img class="badge" width="88" height="31" src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>
<a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/tiredalien.gif" alt="tired alien" loading="lazy"/>
<a href="https://ooo.eeeee.ooo/"><img class="badge" width="88" height="31" src="/assets/images/badges/miku-approved.gif" alt="this site is miku approved" loading="lazy"/></a>
<a href="https://www.last.fm/user/LimePotato"><img class="badge" width="88" height="31" src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>
<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"><img class="badge" width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/></a>
<a href="https://graphics.cs.utah.edu/teapot/"><img class="badge" width="88" height="31" src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/validator.w3.org.png"
alt="Invalid w3c html"
loading="lazy"
/></a
>
<a href="https://www.w3.org/TR/CSS/#css"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/made-with-css.gif"
alt="Made with CSS"
loading="lazy"
/></a
>
<a href="https://www.w3.org/TR/CSS/#css"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/css-is-difficult.gif"
alt="CSS is Difficult"
loading="lazy"
/></a
>
<a href="https://vscodium.com/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/vscodium.com.png"
alt="Made with Vscodium"
loading="lazy"
/></a
>
<a href="https://gnu.org"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/gnu-linux.gif"
alt="Tux mascott 'Made on GNU/Linux'"
loading="lazy"
/></a
>
<a href="https://www.aseprite.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/ase-logo.gif"
alt="Made with Aseprite"
loading="lazy"
/></a
>
<a href="https://transfemscience.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/hrt-e2vial.gif"
alt="powered by estrogen"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/bestviewedcomp.gif"
alt="best viewed with a computer"
loading="lazy"
/>
<a href="https://store.steampowered.com/app/70/HalfLife"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/hl.gif"
alt="Half-Life"
loading="lazy"
/></a
>
<a href="https://store.steampowered.com/app/400/Portal/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/aperture_labs.jpg"
alt="Aperture Labs"
loading="lazy"
/></a
>
<a href="https://steamcommunity.com/id/limepot/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/steam.gif"
alt="friend me on steam"
loading="lazy"
/></a
>
<a href="https://developer.valvesoftware.com/wiki/Source"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/source-poweredby-orange.png"
alt="powered by source"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/companion_cube.gif"
alt="powered by source"
loading="lazy"
/>
<a href="https://minecraft.net/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/minecraft.gif"
alt="Minecraft"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/drpepper.gif"
alt="dr pepper"
loading="lazy"
/>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/360.jpg"
alt="xbox 360"
loading="lazy"
/>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/knbutton.gif"
alt="KDE Now"
loading="lazy"
/>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/blink.gif"
alt="Anime girl blinking"
loading="lazy"
/>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/tiredalien.gif"
alt="tired alien"
loading="lazy"
/>
<a href="https://ooo.eeeee.ooo/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/miku-approved.gif"
alt="this site is miku approved"
loading="lazy"
/></a
>
<a href="https://www.last.fm/user/LimePotato"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/lastfm-01.png"
alt="lastfm"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/2019.gif"
alt="lastfmstill using buttons in 2019!"
loading="lazy"
/>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/n64.gif"
alt="n64"
loading="lazy"
/>
<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/doombut.gif"
alt="doom"
loading="lazy"
/></a
>
<a href="https://graphics.cs.utah.edu/teapot/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/teapot.gif"
alt="teapot utah now!"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/directxnow.gif"
alt="DirectX Now"
loading="lazy"
/>
<!-- Memes -->
<a href="https://www.noaa.gov/"><img class="badge" width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
<a href="https://www.java.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
<iframe id="incrementButton" src="//incr.easrng.net/badge?key=nelle" style="background: url(//incr.easrng.net/bg.gif); border: 0; display: none;" title="increment badge" width="88" height="31" loading="lazy"></iframe>
<img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
<a href="https://archlinux.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
<a href="https://github.com/yt-dlp/yt-dlp"><img class="badge" width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>
<a href="https://godotengine.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/godot.png" alt="Godot game engine" loading="lazy"></a>
<img class="badge" width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
<a href="https://www.noaa.gov/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/noaa.gif"
alt="NOAA"
loading="lazy"
/></a
>
<a href="https://www.java.com/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/get_java.gif"
alt="Get Java Now"
loading="lazy"
/></a
>
<iframe
id="incrementButton"
src="//incr.easrng.net/badge?key=nelle"
style="background: url(//incr.easrng.net/bg.gif); border: 0; display: none;"
title="increment badge"
width="88"
height="31"
loading="lazy"></iframe>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/win7startup.gif"
alt="Windows 7 Startup"
loading="lazy"
/>
<a href="https://archlinux.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/archlinux.gif"
alt="Archlinux badge"
loading="lazy"
/></a
>
<a href="https://github.com/yt-dlp/yt-dlp"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/youtube-dl.gif"
alt="youtube-dl badge"
loading="lazy"
/></a
>
<a href="https://godotengine.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/godot.png"
alt="Godot game engine"
loading="lazy"
/></a
>
<img
class="badge"
width="88"
height="31"
src="/assets/images/badges/queerpride.gif"
alt="Queer Pride!"
loading="lazy"
/>
<a href="https://transfemscience.org/"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/transfemscience.org.gif"
alt="Trans Your Gender"
loading="lazy"
/></a
>
<!-- Flags -->
<a href="https://new.lgbtqia.wiki/wiki/LGBT"><img class="badge" width="88" height="31" src="/assets/images/badges/rainbow_bev.gif" alt="Rainbow" loading="lazy"/></a>
<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><img class="badge" width="88" height="31" src="/assets/images/badges/demigirl.png" alt="Demigirl flag" loading="lazy"></a>
<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img class="badge" width="88" height="31" src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
<a href="https://new.lgbtqia.wiki/wiki/Non-Binary"><img class="badge" width="88" height="31" src="/assets/images/badges/nonbinary.png" alt="Nonbinary flag" loading="lazy"></a>
<a href="https://new.lgbtqia.wiki/wiki/Transgender"><img class="badge" width="88" height="31" src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
</div>
<a href="https://new.lgbtqia.wiki/wiki/LGBT"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/rainbow_bev.gif"
alt="Rainbow"
loading="lazy"
/></a
>
<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/demigirl.png"
alt="Demigirl flag"
loading="lazy"
/></a
>
<a href="https://new.lgbtqia.wiki/wiki/Lesbian"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/lesbian.png"
alt="Lesbian flag"
loading="lazy"
/></a
>
<a href="https://new.lgbtqia.wiki/wiki/Non-Binary"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/nonbinary.png"
alt="Nonbinary flag"
loading="lazy"
/></a
>
<a href="https://new.lgbtqia.wiki/wiki/Transgender"
><img
class="badge"
width="88"
height="31"
src="/assets/images/badges/trans.png"
alt="Trans flag"
loading="lazy"
/></a
>

View file

@ -1,7 +1,20 @@
Web Rings
<br> <!--href="https://applianceri.ng/next?host=nelle.observer" -->
<a id="phonewave" ><img alt="Future Gadget 8 - PhoneWave (name subject to change)" src="/assets/webrings/phonewave.png" width="100px"></a>
<br>
<a href="https://stellophiliac.github.io/roboring/nelle/previous"><i class="nf nf-cod-arrow_left"></i></a>
<a href="https://stellophiliac.github.io/roboring"><!-- <image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy">-->roboring</a>
<a href="https://stellophiliac.github.io/roboring/nelle/next"><i class="nf nf-cod-arrow_right"></i></a>
<br />
<!--href="https://applianceri.ng/next?host=nelle.observer" -->
<a id="phonewave"
><img
alt="Future Gadget 8 - PhoneWave (name subject to change)"
src="/assets/webrings/phonewave.png"
width="100px"
/></a
>
<br />
<a href="https://stellophiliac.github.io/roboring/nelle/previous"
><i class="nf nf-cod-arrow_left"></i></a
>
<a href="https://stellophiliac.github.io/roboring"
><!-- <image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy">-->roboring</a
>
<a href="https://stellophiliac.github.io/roboring/nelle/next"
><i class="nf nf-cod-arrow_right"></i></a
>

View file

@ -1,18 +1,41 @@
<section class="content center" id="points-of-existence">
<h2>points of existence <a href="#points-of-existence"><i class="nf nf-oct-link"></i></span></a></h2>
<p><a href="mailto:rzqqihgbo@mozmail.com"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-email"></i> email</a></p>
<p>
<a href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-youtube"></i> youtube</a>
</p>
<p>
<a href=" https://git.nullafati.xyz/limepotato/"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-linux-forgejo"></i> git forge</a><a
href="https://jointhefediverse.net/"
><span style="color: var(--alt-accent);">*</span></a>
</p>
<p>
<a href="https://ouroboros.gay/@limepot"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-seti-graphql"></i> the fediverse</a><a
href="https://jointhefediverse.net/"
></a>
</p>
</section>
<h2>
points of existence <a href="#points-of-existence"
><i class="nf nf-oct-link"></i></a
>
</h2>
</section>
<p>
<a href="mailto:rzqqihgbo@mozmail.com"
><span style="color: var(--alt-accent-600);"
><i class="nf nf-cod-arrow_right"></i></span
>
<i class="nf nf-md-email"></i> email</a
>
</p>
<p>
<a href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
><span style="color: var(--alt-accent-600);"
><i class="nf nf-cod-arrow_right"></i></span
>
<i class="nf nf-md-youtube"></i> youtube</a
>
</p>
<p>
<a href=" https://git.nullafati.xyz/limepotato/"
><span style="color: var(--alt-accent-600);"
><i class="nf nf-cod-arrow_right"></i></span
>
<i class="nf nf-linux-forgejo"></i> git forge</a
><a href="https://jointhefediverse.net/"
><span style="color: var(--alt-accent);">*</span></a
>
</p>
<p>
<a href="https://ouroboros.gay/@limepot"
><span style="color: var(--alt-accent-600);"
><i class="nf nf-cod-arrow_right"></i></span
>
<i class="nf nf-seti-graphql"></i> the fediverse</a
><a href="https://jointhefediverse.net/"></a>
</p>

View file

@ -4,9 +4,11 @@ import NTFY from "./widgets/ntfy.astro";
import MEOW from "./widgets/meow.astro";
---
<section class="content center" id="silly-widgets" >
<h2>silly widgets <a href="#silly-widgets"><i class="nf nf-oct-link"></i></span></a></h2>
<LastFM />
<NTFY />
<MEOW />
<section class="content center" id="silly-widgets">
<h2>
silly widgets <a href="#silly-widgets"><i class="nf nf-oct-link"></i></a>
</h2>
</section>
<LastFM />
<NTFY />
<MEOW />

View file

@ -1,6 +1,4 @@
<div
id="lastfm-widget"
style="display: none;">
<div id="lastfm-widget" style="display: none;">
<div id="widget">
<a href="https://www.last.fm/user/LimePotato"
><span style="color: var(--alt-accent-600);"
@ -10,10 +8,7 @@
</div>
<div>
<span style="font-size: small;"
>latest played song on <a
href="http://last.fm"
target="_blank"
>last.fm</a
>latest played song on <a href="http://last.fm" target="_blank">last.fm</a
></span
>
</div>

View file

@ -1,35 +1,50 @@
<div class="funny-meow">
<br>
<hr>
<h3>meow/beep/etc. </h3>
<p>press the buttons bellow to make me meow/beep or post other random things on the fediverse,
there is a global timeout of anywhere between 10 and 180 minutes, and a separate timer for each button. if it says its sleeping, come back and try again later!</p>
<br />
<hr />
<h3>meow/beep/etc.</h3>
<p>
press the buttons bellow to make me meow/beep or post other random things on
the fediverse, there is a global timeout of anywhere between 10 and 180
minutes, and a separate timer for each button. if it says its sleeping, come
back and try again later!
</p>
<button
class="custom-btn btn-1 beep-buttons"
onclick="meowClick()"
id="meow-button">
<span>meow</span>
</button>
<button
class="custom-btn btn-1 beep-buttons"
onclick="meowClick()"
id="meow-button"
>
<span>meow</span>
</button>
<button
class="custom-btn btn-1 beep-buttons"
onclick="beepClick()"
id="beep-button">
<span>beep</span>
</button>
<button
class="custom-btn btn-1 beep-buttons"
onclick="beepClick()"
id="beep-button"
>
<span>beep</span>
</button>
<button
class="custom-btn btn-1 beep-buttons"
onclick="kaomojiClick()"
id="kaomoji-button">
<span>( ꈍᴗꈍ)</span>
</button>
<button
class="custom-btn btn-1 beep-buttons"
onclick="kaomojiClick()"
id="kaomoji-button"
>
<span>( ꈍᴗꈍ)</span>
</button>
<div id="poster-info" style="display: none;">
<br>you can POST to <span class="glitch">https://nelle.observer/api/meow</span> or <span class="glitch">https://nelle.observer/api/beep</span> or <span class="glitch">https://nelle.observer/api/kaomoji</span>
respectively, and GET at the same endpoints to check the status of the timer.
</div>
<br>
<a onclick="showPosterInfo()"><span id="poster-info-button" class="glitch" style="cursor: pointer;">[show more info]</span></a>
</div>
<div id="poster-info" style="display: none;">
<br />you can POST to <span class="glitch"
>https://nelle.observer/api/meow</span
> or <span class="glitch">https://nelle.observer/api/beep</span> or <span
class="glitch">https://nelle.observer/api/kaomoji</span
>
respectively, and GET at the same endpoints to check the status of the timer.
</div>
<br />
<a onclick="showPosterInfo()"
><span id="poster-info-button" class="glitch" style="cursor: pointer;"
>[show more info]</span
></a
>
</div>

View file

@ -1,58 +1,120 @@
<div class="ntfy-box">
<h3>ntfy box</h3>
<!-- DISCLAIMER/INFO -->
<h4 style="margin-bottom: 0px;">send me a notification! type words and press send</h4>
<p>music recommendations, questions, jokes, confessions of your sins, etc, welcome, I respond to all or most as vagueposts on the fediverse.</p>
<small style=" color: rgb(252, 76, 76);">
DESTROYED ON SIGHT: slurs, flirting, lewd or sexual comments/jokes without previous explicit permission.
</small>
<div id="ntfyWidgetContainer" style="display: none;">
<br>
<br>
<!-- TEXT AREAS -->
<h4 style="margin-bottom: 0px;">
send me a notification! type words and press send
</h4>
<p>
music recommendations, questions, jokes, confessions of your sins, etc,
welcome, I respond to all or most as vagueposts on the fediverse.
</p>
<small style=" color: rgb(252, 76, 76);">
DESTROYED ON SIGHT: slurs, flirting, lewd or sexual comments/jokes without
previous explicit permission.
</small>
<div id="ntfyWidgetContainer" style="display: none;">
<br />
<br />
<!-- TEXT AREAS -->
<div>
<textarea id="ntfy-title" placeholder="title: Title" rows=1 style="resize: none; display: none;"></textarea>
<textarea id="ntfy-message" placeholder="message: message" rows=2></textarea>
<textarea id="ntfy-attach" placeholder="attachment: https://http.cat/images/100.jpg" rows=1 style="resize: none ;display: none;"></textarea>
<textarea id="ntfy-click" placeholder="click: https://www.youtube.com/watch?v=dQw4w9WgXcQ" rows=1 style="resize: none; display: none;"></textarea>
</div>
<button
class="custom-btn btn-1"
style="width: 42%; margin-top: 2%"
onclick="ntfyClick()"
id="ntfy-button">
<span>Send</span>
</button>
<br>
<textarea
id="ntfy-title"
placeholder="title: Title"
rows="1"
style="resize: none; display: none;"></textarea>
<textarea id="ntfy-message" placeholder="message: message" rows="2"
></textarea>
<textarea
id="ntfy-attach"
placeholder="attachment: https://http.cat/images/100.jpg"
rows="1"
style="resize: none ;display: none;"></textarea>
<textarea
id="ntfy-click"
placeholder="click: https://www.youtube.com/watch?v=dQw4w9WgXcQ"
rows="1"
style="resize: none; display: none;"></textarea>
</div>
<button
class="custom-btn btn-1"
style="width: 42%; margin-top: 2%"
onclick="ntfyClick()"
id="ntfy-button"
>
<span>Send</span>
</button>
<br />
<!-- OPTIONS BOXES -->
<fieldset class="ntfyOpts">
<div>
<input type="checkbox" id="optionsCheckbox" name="optionsCheckbox" onchange="toggleOptions()"/>
<label for="optionsCheckbox">More Options</label>
</div>
<div>
<input type="checkbox" id="titleCheckbox" name="titleCheckbox" onchange="toggleTitle()" style="display: none;"/>
<label id="titleBoxLabel" style="display: none;" for="titleCheckbox">Add Title?</label>
<input
type="checkbox"
id="optionsCheckbox"
name="optionsCheckbox"
onchange="toggleOptions()"
/>
<label for="optionsCheckbox">More Options</label>
</div>
<div>
<input type="checkbox" id="attachmentCheckbox" name="attachmentCheckbox" onchange="toggleAttach()" style="display: none;"/>
<label id="attachBoxLabel" style="display: none;" for="attachmentCheckbox">Add Attachment?</label>
</div>
<div>
<input type="checkbox" id="clickCheckbox" name="clickCheckbox" onchange="toggleClick()" style="display: none;"/>
<label id="clickBoxLabel" style="display: none;" for="clickCheckbox">Add Click Action?</label>
</div>
</fieldset>
</div>
<br>
<br>
<div>
<input
type="checkbox"
id="titleCheckbox"
name="titleCheckbox"
onchange="toggleTitle()"
style="display: none;"
/>
<label id="titleBoxLabel" style="display: none;" for="titleCheckbox"
>Add Title?</label
>
</div>
<div>
<input
type="checkbox"
id="attachmentCheckbox"
name="attachmentCheckbox"
onchange="toggleAttach()"
style="display: none;"
/>
<label
id="attachBoxLabel"
style="display: none;"
for="attachmentCheckbox">Add Attachment?</label
>
</div>
<div>
<input
type="checkbox"
id="clickCheckbox"
name="clickCheckbox"
onchange="toggleClick()"
style="display: none;"
/>
<label id="clickBoxLabel" style="display: none;" for="clickCheckbox"
>Add Click Action?</label
>
</div>
</fieldset>
</div>
<br />
<br />
<!-- DISCLAIMER/INFO -->
<div id="ntfy-info" style="display: none;">
<small>if it doesnt seem to be working/you cant see the field, or you have javascript disabled,
<br>you can POST to <span class="glitch">https://ntfy.ouroboros.group/pushy</span>.</small>
</div>
<small
>if it doesnt seem to be working/you cant see the field, or you have
javascript disabled,
<br />you can POST to <span class="glitch"
>https://ntfy.ouroboros.group/pushy</span
>.</small
>
</div>
</div>
<br>
<a onclick="showNtfyInfo()"><span id="ntfy-info-button" class="glitch" style="margin-bottom: 2%; cursor: pointer;">[show more info]</span></a>
<br />
<a onclick="showNtfyInfo()"
><span
id="ntfy-info-button"
class="glitch"
style="margin-bottom: 2%; cursor: pointer;">[show more info]</span
></a
>

View file

@ -1,5 +1,3 @@
<!-- optimized -->
<!-- unoptimized -->
<!-- optimized --><!-- unoptimized -->
<script is:inline src="/scripts/galactic-font.js"></script>
<script is:inline src="/scripts/sound.js"></script>
<script is:inline src="/scripts/sound.js"></script>

View file

@ -1,4 +1,3 @@
<!-- unoptimized -->
<script is:inline src="/scripts/sound.js"></script>
<script is:inline src="/scripts/sga.js"></script>
@ -6,4 +5,4 @@
<script is:inline src="/scripts/api.js"></script>
<!-- ALWAYS LAST -->
<script is:inline src="/scripts/main.js"></script>
<script is:inline src="/scripts/main.js"></script>

View file

@ -7,7 +7,8 @@
href="https://github.com/biancarosa/lastfm-last-played"
target="_blank"
>
@biancarosa/lastfm-last-played</a>
@biancarosa/lastfm-last-played</a
>
</li>
<li>
the <a
@ -15,4 +16,4 @@
>notification sender</a
> on main page adapted from <a href="https://zvava.org/">sophia/zvava</a>
</li>
</ul>
</ul>

View file

@ -1,16 +1,15 @@
<h2 class="subtitle">frameworks, hosts, colors n' Stuff</h2>
<ul>
<li>built with:
<ul>
<li><a href="https://ktor.io/">ktor</a></li>
<li><a href="https://astro.build/">astro</a></li>
</ul>
</li>
<li>
color scheme: custom made!
built with:
<ul>
<li><a href="https://ktor.io/">ktor</a></li>
<li><a href="https://astro.build/">astro</a></li>
</ul>
</li>
<li>color scheme: custom made!</li>
<li>domain registrar: <a href="https://porkbun.com/">porkbun</a></li>
<li>host: <a href="/blog/my-setup/">me :3</a></li>
<li>font: <a href="https://departuremono.com/">deparutre mono</a></li>
</ul>
<hr />
<hr />

View file

@ -2,8 +2,8 @@
<ul>
<li>i dont do shit with your data!</li>
<li>
some javascript is used, just for fun little effects (and detering
chrome users), nothing is stored in cookies.
some javascript is used, just for fun little effects (and detering chrome
users), nothing is stored in cookies.
</li>
<li>
various places i found 88x31 buttons
@ -15,9 +15,7 @@
<a href="https://neonaut.neocities.org/cyber/88x31">neonaut</a>
</li>
<li>stolen from friends websites. :3</li>
<li>
most buttons are linked, but not necessarily to their creator.
</li>
<li>most buttons are linked, but not necessarily to their creator.</li>
</ul>
</li>
</ul>
</ul>

View file

@ -1,5 +1,5 @@
// Place any global data in this file.
// You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'nelle observer';
export const SITE_DESCRIPTION = 'personal site of nelle';
export const SITE_TITLE = "nelle observer";
export const SITE_DESCRIPTION = "personal site of nelle";

View file

@ -1,7 +1,7 @@
---
title: 'cool stuff!'
description: 'cool/interesting things i found on the internet.'
pubDate: 'July 10 2024'
title: "cool stuff!"
description: "cool/interesting things i found on the internet."
pubDate: "July 10 2024"
---
### be sure to check back for more

View file

@ -1,7 +1,7 @@
---
title: 'minecraft 88x31 badges'
description: '88x31 badges for your minecraft projects!'
pubDate: 'June 17 2024'
title: "minecraft 88x31 badges"
description: "88x31 badges for your minecraft projects!"
pubDate: "June 17 2024"
---
## i made (and still am making), a few 88x31 badges for minecraft mods and such, in aseprite heres what i have so far
@ -16,4 +16,4 @@ pubDate: 'June 17 2024'
<img src="/assets/images/badges/mc-badges/made-with-neoforged.png" />
<img src="/assets/images/badges/mc-badges/made-with-quilt.png"/>
<img src="/assets/images/badges/mc-badges/made-with-quilt.png" />

View file

@ -1,7 +1,7 @@
---
title: 'my setup(s)!'
description: 'whats your setup like? i hear nobody asking, im glad you asked!'
pubDate: 'April 17 2024'
title: "my setup(s)!"
description: "whats your setup like? i hear nobody asking, im glad you asked!"
pubDate: "April 17 2024"
---
## my personal machine currently has

View file

@ -1,7 +1,7 @@
---
title: 'a new pc has entered the chat'
description: 'i have received some free computers!'
pubDate: 'June 30 2024'
title: "a new pc has entered the chat"
description: "i have received some free computers!"
pubDate: "June 30 2024"
---
recently i received two free computers, thanks to bryan of [l33t.codes](https://l33t.codes/), one was a thinkcentre, the other an old mediacenter.
@ -32,7 +32,7 @@ this is a configure-to-order model, so ill need to check the parts ive already r
i was really interested by this, I love ThinkPads, So i immediately took up the offer. When i got home i worked on pluggin it in and seeing if it worked, took me a bit to find the VGA cable hiding somewhere in storage but i was able to get it. This machine did not come with a drive, and was unable to post whatsoever.
After a bit of testing (and a long search for DDR3 modules), i can confirm that something *other* than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there.
After a bit of testing (and a long search for DDR3 modules), i can confirm that something _other_ than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there.
i really want(ed) to shove my current main build inside this thing as it would be really funny, unfortunately, this only has one fan slot, and thats the loud and poor, outtake. definitely not enough for my modern computer, ill figure out what to do with it eventually!

View file

@ -1,8 +1,8 @@
import { defineCollection } from 'astro:content';
import { rssSchema } from '@astrojs/rss';
import { defineCollection } from "astro:content";
import { rssSchema } from "@astrojs/rss";
const blog = defineCollection({
schema: rssSchema,
});
export const collections = { blog };
export const collections = { blog };

View file

@ -14,23 +14,22 @@ const { title, description, pubDate, updatedDate } = Astro.props;
<article>
<div class="prose">
<div class="content" style="text-align: center;">
<h3>{description}</h3>
<div class="date">
<FormattedDate date={pubDate} />
{
updatedDate && (
<div class="last-updated-on">
Last updated on <FormattedDate date={updatedDate} />
</div>
)
}
</div>
<hr />
<h3>{description}</h3>
<div class="date">
<FormattedDate date={pubDate} />
{
updatedDate && (
<div class="last-updated-on">
Last updated on <FormattedDate date={updatedDate} />
</div>
)
}
</div>
<hr />
</div>
<div class="content">
<slot />
</div>
</div>
<div class="content">
<slot />
</div>
</article>
</div>

View file

@ -24,9 +24,7 @@ const { title } = Astro.props;
<slot />
<Footer />
<NormalScripts />
<audio
id="clickSound"
src="/assets/sounds/ui/zapsplat_button_click_2.mp3">
<audio id="clickSound" src="/assets/sounds/ui/zapsplat_button_click_2.mp3">
</audio>
</body>
</html>

View file

@ -13,7 +13,7 @@ const { title } = Astro.props;
<!doctype html>
<html lang="en">
<head>
<Head title={title}/>
<Head title={title} />
<title>{title}</title>
</head>
<body onload="redirect()">
@ -25,6 +25,8 @@ const { title } = Astro.props;
</section>
<Footer />
<NochromeScripts />
<script is:inline type="text/javascript">localStorage.setItem('disclaimerAccepted', 1);</script>
<script is:inline type="text/javascript">
localStorage.setItem("disclaimerAccepted", 1);
</script>
</body>
</html>

View file

@ -4,7 +4,7 @@ import BlogPost from "../../layouts/BlogPost.astro";
export async function getStaticPaths() {
const posts = await getCollection("blog");
return posts.map((post: { slug: any; }) => ({
return posts.map((post: { slug: any }) => ({
params: { slug: post.slug },
props: post,
}));

View file

@ -3,7 +3,8 @@ import Layout from "../../layouts/Layout.astro";
import { getCollection } from "astro:content";
const posts = (await getCollection("blog")).sort(
(a: { data: { pubDate: number; }; }, b: { data: { pubDate: number; }; }) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf()
(a: { data: { pubDate: number } }, b: { data: { pubDate: number } }) =>
a.data.pubDate.valueOf() - b.data.pubDate.valueOf(),
);
---
@ -16,20 +17,22 @@ const posts = (await getCollection("blog")).sort(
<h4 style="text-align: center;">
This list is in chronological order oldest first, newest last.
</h4>
</div>
<section class="content">
</main>
<section class="content">
<hr />
<a href="/rss.xml"><h3 style="text-align: center;">RSS Feed</h3></a>
<hr />
{
posts.map((post: { slug: any; data: { title: unknown; }; }) => (
posts.map((post: { slug: any; data: { title: unknown } }) => (
<>
<ul>
<li><a href={`/blog/${post.slug}/`}>{post.data.title}</a></li>
</ul>
<ul>
<li>
<a href={`/blog/${post.slug}/`}>{post.data.title}</a>
</li>
</ul>
</>
))
}
</section>
</main>
</div>
</Layout>

View file

@ -1,23 +1,32 @@
---
import Layout from "../layouts/fuckchrome/bsod.astro";
---
<Layout>
<main>
<audio src="/assets/sounds/xp_error.mp3" autoplay="autoplay"></audio>
<h1 class="frown">:(</h1>
<h2 class="subtext1">Your browser ran into a problem and needs to die. Please try a different browser that isn't Chrome, and try again later.</h2>
<br><br>
<h2 class="subtext1">
Your browser ran into a problem and needs to die. Please try a different
browser that isn't Chrome, and try again later.
</h2>
<br /><br />
<h2 class="subtext1">100% Completely Shitty Browser</h2>
<div class="container">
<div class="qr">
<img src="/assets/images/bsod/rickroll-blue.png" height="142px">
</div>
<div class="error-text">
<br>
<p>For more information about this issue and possible fixes, and to never be redirected again, visit <a href="/nochrome" style="color=#ffffff;">https://nelle.observer/nochrome</a></p>
<p>If you contact me about this, please give me this error:</p>
<p>Stop Code: EW_CHROME_YUCK</p>
</div>
<div class="qr">
<img src="/assets/images/bsod/rickroll-blue.png" height="142px" />
</div>
<div class="error-text">
<br />
<p>
For more information about this issue and possible fixes, and to never
be redirected again, visit <a href="/nochrome" style="color=#ffffff;"
>https://nelle.observer/nochrome</a
>
</p>
<p>If you contact me about this, please give me this error:</p>
<p>Stop Code: EW_CHROME_YUCK</p>
</div>
</div>
</main>
</Layout>

View file

@ -1,8 +1,8 @@
---
import Layout from "../layouts/Layout.astro";
import About from "../components/main-page/about.astro"
import Contact from "../components/main-page/contact.astro"
import SillyWidgets from "../components/main-page/silly-widgets.astro"
import About from "../components/main-page/about.astro";
import Contact from "../components/main-page/contact.astro";
import SillyWidgets from "../components/main-page/silly-widgets.astro";
---
<Layout title="nelle.observer">

View file

@ -1,13 +1,19 @@
---
import Layout from "../layouts/fuckchrome/mobile-warn.astro";
---
<Layout>
<main>
<img class="icon" src="/assets/images/mobile-warn/report-material.svg">
<img class="icon" src="/assets/images/mobile-warn/report-material.svg" />
<h1>The site ahead is afraid of Chromium browsers</h1>
<p>The website on <span style="font-weight: bold;">nelle.observer</span> is scared of chromium-based browsers, which yours seems to be of.</p>
<p>
The website on <span style="font-weight: bold;">nelle.observer</span> is scared
of chromium-based browsers, which yours seems to be of.
</p>
<p style="font-size: smaller;">NET::EW_CHROME_YUCK</p>
<br>
<a href="/nochrome">Proceed to information (unsafe) and to never be redirected again</a>
<br />
<a href="/nochrome"
>Proceed to information (unsafe) and to never be redirected again</a
>
</main>
</Layout>

View file

@ -3,142 +3,131 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
---
<Layout title="chrome bad">
<main>
<div class="content">
<h1 class="title" style="text-align: center;">
you are using a chromium-based Browser.
</h1>
<h2 class="subtitle" style="text-align: center;">
there are many reasons not to use chrome (as well as base
firefox), consider using an alternative browser.
</h2>
<hr />
<ul role="list">
<li>
<a href="https://fuckoffgoogle.de/">Google is Evil</a>
</li>
<br />
<li>
<a href="https://privacytests.org/">Browser Privacy Tests</a
>
</li>
</ul>
<hr />
<h2 class="subtitle" style="text-align: center;">
Some Recommendations
</h2>
<ul role="list">
<li>
<a href="https://librewolf.net/">Librewolf</a>
- A fork of Firefox, with a lot of privacy enhancing features.
I highly recommend.
</li>
<br />
<li>
<a href="https://mullvad.net/en/browser">Mullvad Browser</a>
- Fork of Firefox made by the Mullvad team, in collaboration
with the Tor team.
</li>
<br />
<li>
<a href="https://www.waterfox.net/">Waterfox</a>
- Also a fork of Firefox.
</li>
<br />
<li>
<a href="https://servo.org/">Servo</a>
- An up and coming browser built on its own rendering engine,
managed by the Linux Foundation.
</li>
<br />
<li>
<a href="https://www.netsurf-browser.org/"
><span style="color: #e64553;">Netsurf</span></a
>
- Browser for RISC-OS.
</li>
<br />
<li>
<a
href="https://www.microsoft.com/en-us/download/internet-explorer"
><span style="color: #e64553;">Internet Explorer</span
></a
>
- Highly dependable, and long-lasting browser made by Microsoft.
</li>
<br />
<li>
<a
href="https://www.ncsa.illinois.edu/research/project-highlights/ncsa-mosaic/"
><span style="color: #e64553;">NCSA Mosaic</span></a
>
- Probably the best browser you could be using in the modern
day.
</li>
<br />
<li>
<a
href="https://www.nintendo.com/en-gb/Wii/Wii-Channels/Internet-Channel/Internet-Channel-631781.html"
><span style="color: #e64553;"
>Nintendo Internet Channel</span
></a
>
- The Internet Channel brings the web to your TV and makes surfing
a social experience!
</li>
<br />
<li>
<a href="https://kmeleonbrowser.org/"
><span style="color: #e64553;">K-Meleon Browser</span
></a
>
- K-Meleon is a lightweight, customizable, open-source web browser.
It's designed for Microsoft Windows (Win32) operating systems.
</li>
<br />
<li>
<a href="https://www.youtube.com/watch?v=grCAPm3yIaU"
><span style="color: #e64553;">Omori</span></a
>
- Explore a strange world full of colorful friends and foes.
When the time comes, the path youve chosen will determine your
fate... and perhaps the fate of others as well.
</li>
<br />
<li>
<a
href="https://www.haiku-os.org/docs/userguide/en/applications/webpositive.html"
><span style="color: #e64553;">WebPositive</span></a
>
- WebPositive, or Web+ for short, is Haiku's native web browser.
</li>
<br />
<li>
<a
href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
><span style="color: #e64553;">Nintendo DS Browser</span
></a
>
- With the Nintendo DS Browser, anyone can enjoy quick, easy
and portable access to the World Wide Web on the DS Lite.
</li>
<br />
<li>
<a
href="https://www.nintendo.com/en-gb/Support/Wii/Usage/Wii-Menus/Accessing-the-Wii-Menu-and-System-Settings/Accessing-the-Wii-Menu-and-System-Settings-242881.html"
><span style="color: #e64553;">Wii Menu</span></a
>
- Wii Menu and System Settings, being Opera
</li>
</ul>
<hr />
<a
href="https://chromewebstore.google.com/detail/user-agent-switcher-and-m/bhchdcejhohfmigjafbampogmaanbfkg"
><h2 style="text-align: center;">
If you are really dead-set on using chromium to browse this
website, you can use a user-agent switcher
</h2></a
>
</div>
</main>
<main>
<div class="content">
<h1 class="title" style="text-align: center;">
you are using a chromium-based Browser.
</h1>
<h2 class="subtitle" style="text-align: center;">
there are many reasons not to use chrome (as well as base firefox),
consider using an alternative browser.
</h2>
<hr />
<ul role="list">
<li>
<a href="https://fuckoffgoogle.de/">Google is Evil</a>
</li>
<br />
<li>
<a href="https://privacytests.org/">Browser Privacy Tests</a>
</li>
</ul>
<hr />
<h2 class="subtitle" style="text-align: center;">Some Recommendations</h2>
<ul role="list">
<li>
<a href="https://librewolf.net/">Librewolf</a>
- A fork of Firefox, with a lot of privacy enhancing features. I highly
recommend.
</li>
<br />
<li>
<a href="https://mullvad.net/en/browser">Mullvad Browser</a>
- Fork of Firefox made by the Mullvad team, in collaboration with the Tor
team.
</li>
<br />
<li>
<a href="https://www.waterfox.net/">Waterfox</a>
- Also a fork of Firefox.
</li>
<br />
<li>
<a href="https://servo.org/">Servo</a>
- An up and coming browser built on its own rendering engine, managed by
the Linux Foundation.
</li>
<br />
<li>
<a href="https://www.netsurf-browser.org/"
><span style="color: #e64553;">Netsurf</span></a
>
- Browser for RISC-OS.
</li>
<br />
<li>
<a href="https://www.microsoft.com/en-us/download/internet-explorer"
><span style="color: #e64553;">Internet Explorer</span></a
>
- Highly dependable, and long-lasting browser made by Microsoft.
</li>
<br />
<li>
<a
href="https://www.ncsa.illinois.edu/research/project-highlights/ncsa-mosaic/"
><span style="color: #e64553;">NCSA Mosaic</span></a
>
- Probably the best browser you could be using in the modern day.
</li>
<br />
<li>
<a
href="https://www.nintendo.com/en-gb/Wii/Wii-Channels/Internet-Channel/Internet-Channel-631781.html"
><span style="color: #e64553;">Nintendo Internet Channel</span></a
>
- The Internet Channel brings the web to your TV and makes surfing a social
experience!
</li>
<br />
<li>
<a href="https://kmeleonbrowser.org/"
><span style="color: #e64553;">K-Meleon Browser</span></a
>
- K-Meleon is a lightweight, customizable, open-source web browser. It's
designed for Microsoft Windows (Win32) operating systems.
</li>
<br />
<li>
<a href="https://www.youtube.com/watch?v=grCAPm3yIaU"
><span style="color: #e64553;">Omori</span></a
>
- Explore a strange world full of colorful friends and foes. When the time
comes, the path youve chosen will determine your fate... and perhaps the
fate of others as well.
</li>
<br />
<li>
<a
href="https://www.haiku-os.org/docs/userguide/en/applications/webpositive.html"
><span style="color: #e64553;">WebPositive</span></a
>
- WebPositive, or Web+ for short, is Haiku's native web browser.
</li>
<br />
<li>
<a href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
><span style="color: #e64553;">Nintendo DS Browser</span></a
>
- With the Nintendo DS Browser, anyone can enjoy quick, easy and portable
access to the World Wide Web on the DS Lite.
</li>
<br />
<li>
<a
href="https://www.nintendo.com/en-gb/Support/Wii/Usage/Wii-Menus/Accessing-the-Wii-Menu-and-System-Settings/Accessing-the-Wii-Menu-and-System-Settings-242881.html"
><span style="color: #e64553;">Wii Menu</span></a
>
- Wii Menu and System Settings, being Opera
</li>
</ul>
<hr />
<a
href="https://chromewebstore.google.com/detail/user-agent-switcher-and-m/bhchdcejhohfmigjafbampogmaanbfkg"
><h2 style="text-align: center;">
If you are really dead-set on using chromium to browse this website,
you can use a user-agent switcher
</h2></a
>
</div>
</main>
</Layout>

View file

@ -1,4 +1,4 @@
import type { APIRoute } from 'astro';
import type { APIRoute } from "astro";
const getRobotsTxt = (sitemapURL: URL) => `
@ -101,6 +101,6 @@ Disallow: /
`;
export const GET: APIRoute = ({ site }) => {
const sitemapURL = new URL('sitemap-index.xml', site);
return new Response(getRobotsTxt(sitemapURL));
};
const sitemapURL = new URL("sitemap-index.xml", site);
return new Response(getRobotsTxt(sitemapURL));
};

View file

@ -14,10 +14,15 @@ import Frameworks from "../components/site-info/frameworks.astro";
<hr />
<Frameworks />
<p style="text-align: center;">
<a href="https://git.nullafati.xyz/limepotato/nelle-observer/src/branch/main/LICENSE">license</a>
<br>
licensed under the <a href="https://thufie.lain.haus/NPL.html">nvpl-na</a>
</p>
<a
href="https://git.nullafati.xyz/limepotato/nelle-observer/src/branch/main/LICENSE"
>license</a
>
<br />
licensed under the <a href="https://thufie.lain.haus/NPL.html"
>nvpl-na</a
>
</p>
<a href="https://git.nullafati.xyz/limepotato/nelle-observer"
><p style="text-align: center;">source code</p></a
>