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

Revert "prettier format"

Browse source 
This reverts commit 5da5a31ff0.
This commit is contained in:
nelle 2024-10-30 19:48:48 -06:00
parent 75d350ef54
commit 3e03e776f0
52 changed files with 855 additions and 1590 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/.prettierrc.mjs
View file

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

2
frontend/README.md
View file

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

90
frontend/public/scripts/api.js
View file

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

4
frontend/public/scripts/clipboard.js
View file

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

57
frontend/public/scripts/main.js
View file

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

25
frontend/public/scripts/ntfy.js
View file

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

14
frontend/public/scripts/sound.js
View file

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

50
frontend/public/styles/css/bsod.css
View file

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

150
frontend/public/styles/css/classes.css
View file

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

173
frontend/public/styles/css/color-scheme.css
View file

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

14
frontend/public/styles/css/fonts.css
View file

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

38
frontend/public/styles/css/glitch.css
View file

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

20
frontend/public/styles/css/main.css
View file

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

25
frontend/public/styles/css/mobile-warn.css
View file

@ -1,26 +1,27 @@
@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 { :root {
background-color: #ce3426; background-color: #ce3426;
color: #ffffff; color: #ffffff;
font-family: "Titillium Web"; font-family: "Titillium Web";
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
a:link { a:link {
color: #ffffff; color: #ffffff
} }
a:visited { a:visited {
color: #ffffff; color: #ffffff
} }
a:hover { a:hover {
color: #ffffff; color: #ffffff
} }
.icon { .icon {
width: 40%; width: 40%;
margin-top: 15%; margin-top: 15%;
} }

50
frontend/public/styles/css/mobile.css
View file

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

115
frontend/public/styles/css/nav-buttons.css
View file

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

4
frontend/public/styles/fonts/galactic-LICENSE.md
View file

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

6
frontend/src/components/Footer.astro
View file

@ -12,6 +12,10 @@ import WebRings from "../components/footer/webrings.astro";
</section> </section>
<section class="content center"> <section class="content center">
<p class="glitch-alt small-quote">El. Psy. Kongroo.</p> <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> </section>
</footer> </footer>

16
frontend/src/components/Head.astro
View file

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

8
frontend/src/components/Header.astro
View file

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

15
frontend/src/components/footer/buttons.astro
View file

@ -1,12 +1,11 @@
--- ---
import MyButtons from "./mybuttons.astro"; import MyButtons from "./mybuttons.astro"
import FriendlyButtons from "./friendly-buttons.astro"; import FriendlyButtons from "./friendly-buttons.astro"
import OtherButtons from "./other-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 /> <MyButtons />
<hr /> <hr>
<FriendlyButtons /> <FriendlyButtons />
<hr /> <hr>
<OtherButtons /> <OtherButtons />

173
frontend/src/components/footer/friendly-buttons.astro
View file

@ -1,155 +1,22 @@
friendly buttons friendly buttons
<div class="badgeContainer"> <div class="badgeContainer">
<a href="https://elke.cafe/" <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>
><img <a href="https://azumanga.gay/"><img class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
class="badge" <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>
src="/assets/images/badges/friends/elke.cafe.gif" <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>
alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'" <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>
loading="lazy" <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 <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://azumanga.gay/" <a href="https://voltrina.net"><img class="badge" src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
><img <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>
class="badge" <a href="https://disarray.sh/"><img class="badge" src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
src="/assets/images/badges/friends/kaitbutton.png" <a href="https://astrid.tech/"><img class="badge" src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
alt="kait" <a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
loading="lazy" <a href="https://labyrinth.zone/"><img class="badge" src="/assets/images/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
/></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://lilysthings.org/" <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>
><img <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>
class="badge" <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>
src="/assets/images/badges/friends/lilysthings.png" </div>
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>

54
frontend/src/components/footer/mybuttons.astro
View file

@ -1,50 +1,12 @@
buttons i created buttons i created
<div class="badgeContainer"> <div class="badgeContainer">
<a href="https://nelle.observer/" <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>
><img <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>
class="badge" <a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
width="88" <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"/>
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> </div>
<hr /> <hr>
every coin counts! every coin counts!
<br /> <br>
<a href="https://ko-fi.com/limepot" <a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif"></a>
><img class="badge" src="/assets/images/badges/kofi.gif" /></a <br/>
>
<br />

512
frontend/src/components/footer/other-buttons.astro
View file

@ -1,466 +1,56 @@
other buttons other buttons
<div class="badgeContainer"> <div class="badgeContainer">
<!-- First Line is activism stuff --> <!-- First Line is activism stuff -->
<a href="https://jointhefediverse.net/" <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>
><img <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>
class="badge" <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>
width="88" <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>
height="31" <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>
src="/assets/images/badges/FEDERATE-NOW.jpg" <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>
alt="Fediverse icon 'Federate Now!'" <img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
loading="lazy" <img class="badge" width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
/></a <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>
>
<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 --> <!-- Second line is made with stuff -->
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F" <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>
><img <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>
class="badge" <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>
width="88" <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>
height="31" <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>
src="/assets/images/badges/validator.w3.org.png" <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>
alt="Invalid w3c html" <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>
loading="lazy" <img class="badge" width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>
/></a <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://www.w3.org/TR/CSS/#css" <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>
><img <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>
class="badge" <img class="badge" width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>
width="88" <a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
height="31" <img class="badge" width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>
src="/assets/images/badges/made-with-css.gif" <img class="badge" width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>
alt="Made with CSS" <img class="badge" width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>
loading="lazy" <img class="badge" width="88" height="31" src="/assets/images/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
/></a <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.w3.org/TR/CSS/#css" <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 <img class="badge" width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
class="badge" <img class="badge" width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>
width="88" <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>
height="31" <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>
src="/assets/images/badges/css-is-difficult.gif" <img class="badge" width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>
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 --> <!-- Memes -->
<a href="https://www.noaa.gov/" <a href="https://www.noaa.gov/"><img class="badge" width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
><img <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>
class="badge" <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>
width="88" <img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
height="31" <a href="https://archlinux.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
src="/assets/images/badges/noaa.gif" <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>
alt="NOAA" <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>
loading="lazy" <img class="badge" width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
/></a <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.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 --> <!-- Flags -->
<a href="https://new.lgbtqia.wiki/wiki/LGBT" <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>
><img <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>
class="badge" <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>
width="88" <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>
height="31" <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>
src="/assets/images/badges/rainbow_bev.gif" </div>
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
>

25
frontend/src/components/footer/webrings.astro
View file

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

57
frontend/src/components/main-page/contact.astro
View file

@ -1,41 +1,18 @@
<section class="content center" id="points-of-existence"> <section class="content center" id="points-of-existence">
<h2> <h2>points of existence <a href="#points-of-existence"><i class="nf nf-oct-link"></i></span></a></h2>
points of existence <a href="#points-of-existence" <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>
><i class="nf nf-oct-link"></i></a <p>
> <a href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
</h2> ><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>
</section> </p>
<p> <p>
<a href="mailto:rzqqihgbo@mozmail.com" <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
><span style="color: var(--alt-accent-600);" href="https://jointhefediverse.net/"
><i class="nf nf-cod-arrow_right"></i></span ><span style="color: var(--alt-accent);">*</span></a>
> </p>
<i class="nf nf-md-email"></i> email</a <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
</p> href="https://jointhefediverse.net/"
<p> ></a>
<a href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA" </p>
><span style="color: var(--alt-accent-600);" </section>
><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>

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

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

9
frontend/src/components/main-page/widgets/lastfm.astro
View file

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

75
frontend/src/components/main-page/widgets/meow.astro
View file

@ -1,50 +1,35 @@
<div class="funny-meow"> <div class="funny-meow">
<br /> <br>
<hr /> <hr>
<h3>meow/beep/etc.</h3> <h3>meow/beep/etc. </h3>
<p> <p>press the buttons bellow to make me meow/beep or post other random things on the fediverse,
press the buttons bellow to make me meow/beep or post other random things on 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>
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 <button
class="custom-btn btn-1 beep-buttons" class="custom-btn btn-1 beep-buttons"
onclick="meowClick()" onclick="meowClick()"
id="meow-button" id="meow-button">
> <span>meow</span>
<span>meow</span> </button>
</button>
<button <button
class="custom-btn btn-1 beep-buttons" class="custom-btn btn-1 beep-buttons"
onclick="beepClick()" onclick="beepClick()"
id="beep-button" id="beep-button">
> <span>beep</span>
<span>beep</span> </button>
</button>
<button <button
class="custom-btn btn-1 beep-buttons" class="custom-btn btn-1 beep-buttons"
onclick="kaomojiClick()" onclick="kaomojiClick()"
id="kaomoji-button" id="kaomoji-button">
> <span>( ꈍᴗꈍ)</span>
<span>( ꈍᴗꈍ)</span> </button>
</button>
<div id="poster-info" style="display: none;"> <div id="poster-info" style="display: none;">
<br />you can POST to <span class="glitch" <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>
>https://nelle.observer/api/meow</span respectively, and GET at the same endpoints to check the status of the timer.
> or <span class="glitch">https://nelle.observer/api/beep</span> or <span </div>
class="glitch">https://nelle.observer/api/kaomoji</span <br>
> <a onclick="showPosterInfo()"><span id="poster-info-button" class="glitch" style="cursor: pointer;">[show more info]</span></a>
respectively, and GET at the same endpoints to check the status of the timer. </div>
</div>
<br />
<a onclick="showPosterInfo()"
><span id="poster-info-button" class="glitch" style="cursor: pointer;"
>[show more info]</span
></a
>
</div>

152
frontend/src/components/main-page/widgets/ntfy.astro
View file

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

6
frontend/src/components/scripts/nochrome-scripts.astro
View file

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

3
frontend/src/components/scripts/normal-scripts.astro
View file

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

5
frontend/src/components/site-info/credits.astro
View file

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

17
frontend/src/components/site-info/frameworks.astro
View file

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

10
frontend/src/components/site-info/privacy.astro
View file

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

4
frontend/src/consts.ts
View file

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

6
frontend/src/content/blog/cool-stuff.md
View file

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

8
frontend/src/content/blog/minecraft-badges.md
View file

@ -1,7 +1,7 @@
--- ---
title: "minecraft 88x31 badges" title: 'minecraft 88x31 badges'
description: "88x31 badges for your minecraft projects!" description: '88x31 badges for your minecraft projects!'
pubDate: "June 17 2024" 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 ## 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-neoforged.png" />
<img src="/assets/images/badges/mc-badges/made-with-quilt.png" /> <img src="/assets/images/badges/mc-badges/made-with-quilt.png"/>

6
frontend/src/content/blog/my-setup.md
View file

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

8
frontend/src/content/blog/new-pc-entered-chat.md
View file

@ -1,7 +1,7 @@
--- ---
title: "a new pc has entered the chat" title: 'a new pc has entered the chat'
description: "i have received some free computers!" description: 'i have received some free computers!'
pubDate: "June 30 2024" 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. 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. 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! 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!

6
frontend/src/content/config.ts
View file

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

29
frontend/src/layouts/BlogPost.astro
View file

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

4
frontend/src/layouts/Layout.astro
View file

@ -24,7 +24,9 @@ const { title } = Astro.props;
<slot /> <slot />
<Footer /> <Footer />
<NormalScripts /> <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> </audio>
</body> </body>
</html> </html>

6
frontend/src/layouts/fuckchrome/Layout-nochrome.astro
View file

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

2
frontend/src/pages/blog/[...slug].astro
View file

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

19
frontend/src/pages/blog/index.astro
View file

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

31
frontend/src/pages/bsod.astro
View file

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

6
frontend/src/pages/index.astro
View file

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

14
frontend/src/pages/mobile-warn.astro
View file

@ -1,19 +1,13 @@
--- ---
import Layout from "../layouts/fuckchrome/mobile-warn.astro"; import Layout from "../layouts/fuckchrome/mobile-warn.astro";
--- ---
<Layout> <Layout>
<main> <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> <h1>The site ahead is afraid of Chromium browsers</h1>
<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>
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> <p style="font-size: smaller;">NET::EW_CHROME_YUCK</p>
<br /> <br>
<a href="/nochrome" <a href="/nochrome">Proceed to information (unsafe) and to never be redirected again</a>
>Proceed to information (unsafe) and to never be redirected again</a
>
</main> </main>
</Layout> </Layout>

265
frontend/src/pages/nochrome.astro
View file

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

8
frontend/src/pages/robots.txt.ts
View file

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

13
frontend/src/pages/site-info.astro
View file

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