diff --git a/frontend/.prettierrc.mjs b/frontend/.prettierrc.mjs index 7e61930..21178ac 100644 --- a/frontend/.prettierrc.mjs +++ b/frontend/.prettierrc.mjs @@ -8,5 +8,29 @@ export default { parser: "astro", }, }, + { + files: ["*.html"], + options: { + parser: "html", + }, + }, + { + files: ["*.md"], + options: { + parser: "mdx", + }, + }, + { + files: ["*.css"], + options: { + parser: "css", + }, + }, + { + files: ["*.ts"], + options: { + parser: "typescript", + }, + }, ], }; diff --git a/frontend/README.md b/frontend/README.md index 88e5690..ca8da5a 100644 --- a/frontend/README.md +++ b/frontend/README.md @@ -1,3 +1,3 @@ # astro project -this uses astro, duh, well, you need pnpm for this \ No newline at end of file +this uses astro, duh, well, you need pnpm for this diff --git a/frontend/public/scripts/api.js b/frontend/public/scripts/api.js index e39eb2b..a2e33ce 100644 --- a/frontend/public/scripts/api.js +++ b/frontend/public/scripts/api.js @@ -1,55 +1,55 @@ function handleErrors(response) { - if (!response.ok) { - throw Error(response.statusText); - } - return response; + if (!response.ok) { + throw Error(response.statusText); + } + return response; } function sendMeow(endpoint) { - const request = new XMLHttpRequest(); - request.open("POST", endpoint); - request.send("superSecret=null"); - console.warn(request.response.text); -} - -async function getMeowTimeout(endpoint) { - const response = await fetch(endpoint) - if (response.status === 423) { - meowButton.disabled=true; - meowButton.innerHTML = "sleeping..."; - console.warn("MEOW TIMED OUT") - } - if (response.status === 100) { - meowButton.disabled=false; - meowButton.innerHTML = "meow"; - console.warn("MEOW NOT TIMED OUT") - } + const request = new XMLHttpRequest(); + request.open("POST", endpoint); + request.send("superSecret=null"); + console.warn(request.response.text); } - + +async function getMeowTimeout(endpoint) { + const response = await fetch(endpoint); + if (response.status === 423) { + meowButton.disabled = true; + meowButton.innerHTML = "sleeping..."; + console.warn("MEOW TIMED OUT"); + } + if (response.status === 100) { + meowButton.disabled = false; + meowButton.innerHTML = "meow"; + console.warn("MEOW NOT TIMED OUT"); + } +} + async function getBeepTimeout(endpoint) { - const response = await fetch(endpoint) - if (response.status === 423) { - beepButton.disabled=true; - beepButton.innerHTML = "sleeping..."; - console.warn("BEEP TIMED OUT") - } - if (response.status === 100) { - beepButton.disabled=false; - beepButton.innerHTML = "meow"; - console.warn("BEEP NOT TIMED OUT") - } + const response = await fetch(endpoint); + if (response.status === 423) { + beepButton.disabled = true; + beepButton.innerHTML = "sleeping..."; + console.warn("BEEP TIMED OUT"); + } + if (response.status === 100) { + beepButton.disabled = false; + beepButton.innerHTML = "meow"; + console.warn("BEEP NOT TIMED OUT"); + } } async function getKaomojiTimeout(endpoint) { - const response = await fetch(endpoint) - if (response.status === 423) { - kaomojiButton.disabled=true; - kaomojiButton.innerHTML = "sleeping..."; - console.warn("KAOMOJI TIMED OUT") - } - if (response.status === 100) { - kaomojiButton.disabled=false; - kaomojiButton.innerHTML = "meow"; - console.warn("KAOMOJI NOT TIMED OUT") - } -} \ No newline at end of file + const response = await fetch(endpoint); + if (response.status === 423) { + kaomojiButton.disabled = true; + kaomojiButton.innerHTML = "sleeping..."; + console.warn("KAOMOJI TIMED OUT"); + } + if (response.status === 100) { + kaomojiButton.disabled = false; + kaomojiButton.innerHTML = "meow"; + console.warn("KAOMOJI NOT TIMED OUT"); + } +} diff --git a/frontend/public/scripts/clipboard.js b/frontend/public/scripts/clipboard.js index fb297a9..816a212 100644 --- a/frontend/public/scripts/clipboard.js +++ b/frontend/public/scripts/clipboard.js @@ -1,3 +1 @@ -function copyLink(link) { - -} \ No newline at end of file +function copyLink(link) {} diff --git a/frontend/public/scripts/main.js b/frontend/public/scripts/main.js index a41c28f..f9f7ae5 100644 --- a/frontend/public/scripts/main.js +++ b/frontend/public/scripts/main.js @@ -44,7 +44,7 @@ fetch(url) // Chrome Redirect function redirect() { const chromium = /Chrome|Chromium|OPR|Opera|Edge|UC|QQ/.test( - navigator.userAgent + navigator.userAgent, ); if (navigator.brave) { @@ -62,51 +62,49 @@ function redirect() { } } -// meow +// meow const meowButton = document.getElementById("meow-button"); const beepButton = document.getElementById("beep-button"); const kaomojiButton = document.getElementById("kaomoji-button"); // on send meow button click async function meowClick() { - meowButton.disabled=true; + meowButton.disabled = true; meowButton.innerHTML = "sleeping..."; - sendMeow(meowEndpoint); + sendMeow(meowEndpoint); } // on send beep button click async function beepClick() { - beepButton.disabled=true; + beepButton.disabled = true; beepButton.innerHTML = "sleeping..."; - sendMeow(beepEndpoint); + sendMeow(beepEndpoint); } // on send kaomoji button click async function kaomojiClick() { - kaomojiButton.disabled=true; + kaomojiButton.disabled = true; kaomojiButton.innerHTML = "sleeping..."; sendMeow(kaomojiEndpoint); } - // Show/Hide Info Boxes const posterInfoButton = document.getElementById("poster-info-button"); const posterInfo = document.getElementById("poster-info"); -let isPosterInfoHidden = true +let isPosterInfoHidden = true; const ntfyInfoButton = document.getElementById("ntfy-info-button"); const ntfyInfo = document.getElementById("ntfy-info"); -let isNtfyInfoHidden = true +let isNtfyInfoHidden = true; function showPosterInfo() { if (isPosterInfoHidden) { posterInfo.style.display = "initial"; - posterInfoButton.innerHTML = "[hide more info]" + posterInfoButton.innerHTML = "[hide more info]"; isPosterInfoHidden = false; - } - else { + } else { posterInfo.style.display = "none"; - posterInfoButton.innerHTML = "[show more info]" + posterInfoButton.innerHTML = "[show more info]"; isPosterInfoHidden = true; } } @@ -114,29 +112,31 @@ function showPosterInfo() { function showNtfyInfo() { if (isNtfyInfoHidden) { ntfyInfo.style.display = "initial"; - ntfyInfoButton.innerHTML = "[hide more info]" + ntfyInfoButton.innerHTML = "[hide more info]"; isNtfyInfoHidden = false; - } - else { + } else { ntfyInfo.style.display = "none"; - ntfyInfoButton.innerHTML = "[show more info]" + ntfyInfoButton.innerHTML = "[show more info]"; isNtfyInfoHidden = true; } } //// color scheme change -const headTag = document.getElementsByTagName('head')[0]; +const headTag = document.getElementsByTagName("head")[0]; const styleTag = document.createElement("style"); function checkThemeStorage() { if (sessionStorage.getItem("themeGreen")) { - setGreen() + setGreen(); } if (sessionStorage.getItem("themeOrange")) { - setOrange() + setOrange(); } - if (!sessionStorage.getItem("themeOrange") && !sessionStorage.getItem("themeGreen")) { - getTheme() + if ( + !sessionStorage.getItem("themeOrange") && + !sessionStorage.getItem("themeGreen") + ) { + getTheme(); } } @@ -342,10 +342,9 @@ function setOrange() { function getTheme() { if (colorBool) { // if true: green - setGreen() - } - else { + setGreen(); + } else { // if false: orange - setOrange() + setOrange(); } -} \ No newline at end of file +} diff --git a/frontend/public/scripts/ntfy.js b/frontend/public/scripts/ntfy.js index 932626c..66c0873 100644 --- a/frontend/public/scripts/ntfy.js +++ b/frontend/public/scripts/ntfy.js @@ -32,11 +32,10 @@ const msgPFX = "message: "; const attachPFX = "attachment: "; const clickPFX = "click-action: "; - // Ctrl + Enter to send document.addEventListener("keydown", (event) => { if (event.ctrlKey && event.key === "Enter") { - ntfyClick() + ntfyClick(); } }); @@ -193,15 +192,15 @@ function sendAll(endpoint, title, message, attachment, click) { // send notification function sendNotification() { - sendAll( - ntfyEndpoint, - ntfyTitle.value, - ntfyMessage.value, - ntfyAttach.value, - ntfyClickAction.value - ); - ntfyTitle.value = ""; - ntfyMessage.value = ""; - ntfyAttach.value = ""; - ntfyClickAction.value = ""; + sendAll( + ntfyEndpoint, + ntfyTitle.value, + ntfyMessage.value, + ntfyAttach.value, + ntfyClickAction.value, + ); + ntfyTitle.value = ""; + ntfyMessage.value = ""; + ntfyAttach.value = ""; + ntfyClickAction.value = ""; } diff --git a/frontend/public/scripts/sound.js b/frontend/public/scripts/sound.js index d3c8ce5..4642813 100644 --- a/frontend/public/scripts/sound.js +++ b/frontend/public/scripts/sound.js @@ -1,14 +1,12 @@ -const clickSound = new Audio( - "/assets/sounds/ui/zapsplat_button_click_2.mp3" -); +const clickSound = new Audio("/assets/sounds/ui/zapsplat_button_click_2.mp3"); const hoverSound = new Audio( - "/assets/sounds/ui/zapsplat_button_click_bright_2.mp3" + "/assets/sounds/ui/zapsplat_button_click_bright_2.mp3", ); const phonewaveSound = new Audio( - "/assets/sounds/sciadv/phonewave/phonewave.ogg" + "/assets/sounds/sciadv/phonewave/phonewave.ogg", ); const startLeapSound = new Audio( - "/assets/sounds/sciadv/phonewave/begin-leap.ogg" + "/assets/sounds/sciadv/phonewave/begin-leap.ogg", ); // Sound effects @@ -28,7 +26,6 @@ const links = document.querySelectorAll("a"); const image = document.querySelectorAll("img"); const phonewave = document.getElementById("phonewave"); - // biome-ignore lint/complexity/noForEach: links.forEach((a) => { a.addEventListener("click", () => { @@ -71,7 +68,6 @@ image.forEach((button) => { */ }); - phonewave.addEventListener("click", () => { phonewaveSound.play(); setTimeout(() => { @@ -82,4 +78,4 @@ phonewave.addEventListener("click", () => { }, 8000); return; }, 10000); -}); \ No newline at end of file +}); diff --git a/frontend/public/styles/css/bsod.css b/frontend/public/styles/css/bsod.css index eff7065..69b00fe 100644 --- a/frontend/public/styles/css/bsod.css +++ b/frontend/public/styles/css/bsod.css @@ -1,53 +1,53 @@ @font-face { - font-family: ms-segoeui; - src: url(/fonts/segoeui.ttf); + font-family: ms-segoeui; + src: url(/fonts/segoeui.ttf); } :root { - background-color: #0078d7; - color: #ffffff; - font-family: ms-segoeui; + background-color: #0078d7; + color: #ffffff; + font-family: ms-segoeui; } a:link { - color: #ffffff + color: #ffffff; } a:visited { - color: #ffffff + color: #ffffff; } a:hover { - color: #ffffff + color: #ffffff; } .frown { - font-size: 200px; - margin-left: 200px; - margin-bottom: 0px; - margin-top: 100px; + font-size: 200px; + margin-left: 200px; + margin-bottom: 0px; + margin-top: 100px; } .subtext1 { - font-size: 42px; - margin-left: 200px; - margin-bottom: 0px; - margin-top: 0px; - margin-right: 600px; + font-size: 42px; + margin-left: 200px; + margin-bottom: 0px; + margin-top: 0px; + margin-right: 600px; } .qr { - margin-left: 200px; - margin-bottom: 0px; - margin-top: 50px; + margin-left: 200px; + margin-bottom: 0px; + margin-top: 50px; } .container { - display: flex; + display: flex; } .error-text { - margin-top: 0px; - margin-left: 10px; - font-size: 20px; -} \ No newline at end of file + margin-top: 0px; + margin-left: 10px; + font-size: 20px; +} diff --git a/frontend/public/styles/css/classes.css b/frontend/public/styles/css/classes.css index 839b4f3..3222a7c 100644 --- a/frontend/public/styles/css/classes.css +++ b/frontend/public/styles/css/classes.css @@ -1,139 +1,139 @@ @import "nav-buttons.css"; .container { - display: flex; - align-content: center; - gap: 10px; + display: flex; + align-content: center; + gap: 10px; } .content { - width: 90%; - max-width: 75em; + width: 90%; + max-width: 75em; - margin: auto; - padding: 0.5em; - margin-top: 1em; - margin-bottom: 1em; + margin: auto; + padding: 0.5em; + margin-top: 1em; + margin-bottom: 1em; - border: 2.5px solid var(--accent); - border-radius: 3px; + border: 2.5px solid var(--accent); + border-radius: 3px; - opacity: 0.9; - background: var(--content-gradient); + opacity: 0.9; + background: var(--content-gradient); - -webkit-box-shadow: 0 0 8px var(--accent); - -moz-box-shadow: 0 0 8px var(--accent); - box-shadow: 0 0 8px var(--accent); + -webkit-box-shadow: 0 0 8px var(--accent); + -moz-box-shadow: 0 0 8px var(--accent); + box-shadow: 0 0 8px var(--accent); } .nav { - width: 50%; - max-width: 75em; + width: 50%; + max-width: 75em; - margin: auto; - padding: 0.5em; - margin-top: 1em; - margin-bottom: 1em; + margin: auto; + padding: 0.5em; + margin-top: 1em; + margin-bottom: 1em; - border: 2.5px solid var(--accent); - border-radius: 3px; + border: 2.5px solid var(--accent); + border-radius: 3px; - opacity: 0.9; - background: var(--content-gradient); + opacity: 0.9; + background: var(--content-gradient); - -webkit-box-shadow: 0 0 8px var(--accent); - -moz-box-shadow: 0 0 8px var(--accent); - box-shadow: 0 0 8px var(--accent); + -webkit-box-shadow: 0 0 8px var(--accent); + -moz-box-shadow: 0 0 8px var(--accent); + box-shadow: 0 0 8px var(--accent); } .center { - text-align: center; + text-align: center; } h1::before { - content: "> "; + content: "> "; } h1 { - font-size: 42px; + font-size: 42px; - background-image: var(--accent-gradient); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-size: 400%; - background-position: 0%; + background-image: var(--accent-gradient); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-size: 400%; + background-position: 0%; } a:link { - color: var(--link); + color: var(--link); } a:visited { - color: var(--visited); + color: var(--visited); } a:hover { - color: var(--hover); + color: var(--hover); } textarea { - -webkit-box-shadow: 0 0 20px var(--accent-color); - -moz-box-shadow: 0 0 20px var(--accent-color); - box-shadow: 0 0 20px var(--accent-color); - resize: vertical; + -webkit-box-shadow: 0 0 20px var(--accent-color); + -moz-box-shadow: 0 0 20px var(--accent-color); + box-shadow: 0 0 20px var(--accent-color); + resize: vertical; } textarea, select { - width: 82%; - outline: none; - font-family: inherit; - color: inherit; - border-bottom: 1px solid currentColor; - border-radius: 10px; - background: var(--content-gradient); + width: 82%; + outline: none; + font-family: inherit; + color: inherit; + border-bottom: 1px solid currentColor; + border-radius: 10px; + background: var(--content-gradient); } button { - font-family: inherit; + font-family: inherit; } hr { - width: 32%; - color: var(--gray); + width: 32%; + color: var(--gray); } .ntfyForm { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .badgeContainer { - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 5px; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 5px; } .badge { - image-rendering: pixelated; + image-rendering: pixelated; } .ntfyOpts { - -webkit-box-shadow: 0 0 20px var(--accent-color); - -moz-box-shadow: 0 0 20px var(--accent-color); - box-shadow: 0 0 20px var(--accent-color); - border: 2.5px solid var(--accent); - border-radius: 3px; - display: inherit; - margin-left: 35%; - margin-right: 35%; - margin-bottom: -4%; - margin-top: 2%; + -webkit-box-shadow: 0 0 20px var(--accent-color); + -moz-box-shadow: 0 0 20px var(--accent-color); + box-shadow: 0 0 20px var(--accent-color); + border: 2.5px solid var(--accent); + border-radius: 3px; + display: inherit; + margin-left: 35%; + margin-right: 35%; + margin-bottom: -4%; + margin-top: 2%; } .beep-buttons { - width: 25%; - margin-top: 4%; - margin-bottom: 2%; -} \ No newline at end of file + width: 25%; + margin-top: 4%; + margin-bottom: 2%; +} diff --git a/frontend/public/styles/css/color-scheme.css b/frontend/public/styles/css/color-scheme.css index 2498012..d8b60a3 100644 --- a/frontend/public/styles/css/color-scheme.css +++ b/frontend/public/styles/css/color-scheme.css @@ -1,94 +1,103 @@ /* default */ :root { - --text: #f5efef; - --background: #030303; - --primary: #9a9a9a; - --secondary: #505050; - /*--accent: #232323;*/ - --accent: var(--accent-500); + --text: #f5efef; + --background: #030303; + --primary: #9a9a9a; + --secondary: #505050; + /*--accent: #232323;*/ + --accent: var(--accent-500); - --content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900)); - --accent-gradient: linear-gradient(to bottom right, var(--accent-300), var(--accent-200) 30%, var(--text) 60%); + --content-gradient: linear-gradient( + to bottom right, + var(--secondary-800), + var(--primary-900) + ); + --accent-gradient: linear-gradient( + to bottom right, + var(--accent-300), + var(--accent-200) 30%, + var(--text) 60% + ); - --link: var(--accent-300); - --visited: var(--accent-400); - --hover: var(--accent-500); + --link: var(--accent-300); + --visited: var(--accent-400); + --hover: var(--accent-500); - --text-50: #f5efef; - --text-100: #ebe0e0; - --text-200: #d8c0c0; - --text-300: #c4a1a1; - --text-400: #b08282; - --text-500: #9d6262; - --text-600: #7d4f4f; - --text-700: #5e3b3b; - --text-800: #3f2727; - --text-900: #1f1414; - --text-950: #100a0a; + --text-50: #f5efef; + --text-100: #ebe0e0; + --text-200: #d8c0c0; + --text-300: #c4a1a1; + --text-400: #b08282; + --text-500: #9d6262; + --text-600: #7d4f4f; + --text-700: #5e3b3b; + --text-800: #3f2727; + --text-900: #1f1414; + --text-950: #100a0a; - --background-50: #f2f2f2; - --background-100: #e6e6e6; - --background-200: #cccccc; - --background-300: #b3b3b3; - --background-400: #999999; - --background-500: #808080; - --background-600: #666666; - --background-700: #4d4d4d; - --background-800: #333333; - --background-900: #1a1a1a; - --background-950: #0d0d0d; + --background-50: #f2f2f2; + --background-100: #e6e6e6; + --background-200: #cccccc; + --background-300: #b3b3b3; + --background-400: #999999; + --background-500: #808080; + --background-600: #666666; + --background-700: #4d4d4d; + --background-800: #333333; + --background-900: #1a1a1a; + --background-950: #0d0d0d; - --primary-50: #f2f2f2; - --primary-100: #e6e6e6; - --primary-200: #cccccc; - --primary-300: #b3b3b3; - --primary-400: #999999; - --primary-500: #808080; - --primary-600: #666666; - --primary-700: #4d4d4d; - --primary-800: #333333; - --primary-900: #1a1a1a; - --primary-950: #0d0d0d; + --primary-50: #f2f2f2; + --primary-100: #e6e6e6; + --primary-200: #cccccc; + --primary-300: #b3b3b3; + --primary-400: #999999; + --primary-500: #808080; + --primary-600: #666666; + --primary-700: #4d4d4d; + --primary-800: #333333; + --primary-900: #1a1a1a; + --primary-950: #0d0d0d; - --secondary-50: #f2f2f2; - --secondary-100: #e6e6e6; - --secondary-200: #cccccc; - --secondary-300: #b3b3b3; - --secondary-400: #999999; - --secondary-500: #808080; - --secondary-600: #666666; - --secondary-700: #4d4d4d; - --secondary-800: #333333; - --secondary-900: #1a1a1a; - --secondary-950: #0d0d0d; + --secondary-50: #f2f2f2; + --secondary-100: #e6e6e6; + --secondary-200: #cccccc; + --secondary-300: #b3b3b3; + --secondary-400: #999999; + --secondary-500: #808080; + --secondary-600: #666666; + --secondary-700: #4d4d4d; + --secondary-800: #333333; + --secondary-900: #1a1a1a; + --secondary-950: #0d0d0d; - --accent-50: #f2f2f2; - --accent-100: #e6e6e6; - --accent-200: #cccccc; - --accent-300: #b3b3b3; - --accent-400: #999999; - --accent-500: #808080; - --accent-600: #666666; - --accent-700: #4d4d4d; - --accent-800: #333333; - --accent-900: #1a1a1a; - --accent-950: #0d0d0d; + --accent-50: #f2f2f2; + --accent-100: #e6e6e6; + --accent-200: #cccccc; + --accent-300: #b3b3b3; + --accent-400: #999999; + --accent-500: #808080; + --accent-600: #666666; + --accent-700: #4d4d4d; + --accent-800: #333333; + --accent-900: #1a1a1a; + --accent-950: #0d0d0d; - --alt-accent: #677967; + --alt-accent: #677967; - --glitch-1: var(--alt-accent-200); - --glitch-2: var(--alt-accent-300); - --glitch-3: var(--alt-accent-400); + --glitch-1: var(--alt-accent-200); + --glitch-2: var(--alt-accent-300); + --glitch-3: var(--alt-accent-400); - --alt-accent-50: #ebffe6; - --alt-accent-100: #d7ffcc; - --alt-accent-200: #affe9a; - --alt-accent-300: #88fe67; - --alt-accent-400: #60fe34; - --alt-accent-500: #38fe01; - --alt-accent-600: #2dcb01; - --alt-accent-700: #229801; - --alt-accent-800: #166501; - --alt-accent-900: #0b3300; - --alt-accent-950: #061900; -} \ No newline at end of file + --alt-accent-50: #ebffe6; + --alt-accent-100: #d7ffcc; + --alt-accent-200: #affe9a; + --alt-accent-300: #88fe67; + --alt-accent-400: #60fe34; + --alt-accent-500: #38fe01; + --alt-accent-600: #2dcb01; + --alt-accent-700: #229801; + --alt-accent-800: #166501; + --alt-accent-900: #0b3300; + --alt-accent-950: #061900; +} diff --git a/frontend/public/styles/css/fonts.css b/frontend/public/styles/css/fonts.css index 7a6612a..f98dbf0 100644 --- a/frontend/public/styles/css/fonts.css +++ b/frontend/public/styles/css/fonts.css @@ -1,16 +1,16 @@ @import "https://www.nerdfonts.com/assets/css/webfont.css"; @font-face { - font-family: terminess-nf; - src: url(../fonts/TerminessNerdFont-Regular.ttf); + font-family: terminess-nf; + src: url(../fonts/TerminessNerdFont-Regular.ttf); } @font-face { - font-family: standardGalactic; - src: url(../fonts/galactic.ttf); + font-family: standardGalactic; + src: url(../fonts/galactic.ttf); } @font-face { - font-family: departure-mono; - src: url(../fonts/DepartureMono-Regular.otf) -} \ No newline at end of file + font-family: departure-mono; + src: url(../fonts/DepartureMono-Regular.otf); +} diff --git a/frontend/public/styles/css/glitch.css b/frontend/public/styles/css/glitch.css index 0bb0f9f..9a58b66 100644 --- a/frontend/public/styles/css/glitch.css +++ b/frontend/public/styles/css/glitch.css @@ -1,5 +1,7 @@ .glitch { - text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2), + text-shadow: + 0.05em 0 0 var(--glitch-1), + -0.03em -0.04em 0 var(--glitch-2), 0.025em 0.04em 0 var(--glitch-3); animation: glitch 742ms infinite; color: var(--alt-accent-900); @@ -27,7 +29,9 @@ } .glitch-alt { - text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2), + text-shadow: + 0.05em 0 0 var(--glitch-1), + -0.03em -0.04em 0 var(--glitch-2), 0.025em 0.04em 0 var(--glitch-3); animation: glitch 742ms infinite; color: var(--alt-accent-900); @@ -55,37 +59,51 @@ @keyframes glitch { 0% { - text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2), + text-shadow: + 0.05em 0 0 var(--glitch-1), + -0.03em -0.04em 0 var(--glitch-2), 0.025em 0.04em 0 var(--glitch-3); } 15% { - text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2), + text-shadow: + 0.05em 0 0 var(--glitch-1), + -0.03em -0.04em 0 var(--glitch-2), 0.025em 0.04em 0 var(--glitch-3); } 16% { - text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2), + text-shadow: + -0.05em -0.025em 0 var(--glitch-1), + 0.025em 0.035em 0 var(--glitch-2), -0.05em -0.05em 0 var(--glitch-3); } 49% { - text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2), + text-shadow: + -0.05em -0.025em 0 var(--glitch-1), + 0.025em 0.035em 0 var(--glitch-2), -0.05em -0.05em 0 var(--glitch-3); } 50% { - text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2), + text-shadow: + 0.05em 0.035em 0 var(--glitch-1), + 0.03em 0 0 var(--glitch-2), 0 -0.04em 0 var(--glitch-3); } 99% { - text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2), + text-shadow: + 0.05em 0.035em 0 var(--glitch-1), + 0.03em 0 0 var(--glitch-2), 0 -0.04em 0 var(--glitch-3); } 100% { - text-shadow: -0.05em 0 0 var(--glitch-1), -0.025em -0.04em 0 var(--glitch-2), + text-shadow: + -0.05em 0 0 var(--glitch-1), + -0.025em -0.04em 0 var(--glitch-2), -0.04em -0.025em 0 var(--glitch-3); } -} \ No newline at end of file +} diff --git a/frontend/public/styles/css/main.css b/frontend/public/styles/css/main.css index 6b418ea..352f6be 100644 --- a/frontend/public/styles/css/main.css +++ b/frontend/public/styles/css/main.css @@ -5,15 +5,15 @@ @import "mobile.css"; :root { - font-size: 18px; - font-family: departure-mono, system-ui; + font-size: 18px; + font-family: departure-mono, system-ui; - padding: 1rem; - width: 1000px; - max-width: calc(100% - 2rem); - line-height: 1.4; - margin: auto; + padding: 1rem; + width: 1000px; + max-width: calc(100% - 2rem); + line-height: 1.4; + margin: auto; - color: var(--text); - background-color: var(--background); -} \ No newline at end of file + color: var(--text); + background-color: var(--background); +} diff --git a/frontend/public/styles/css/mobile-warn.css b/frontend/public/styles/css/mobile-warn.css index 944b3ba..cdb02e9 100644 --- a/frontend/public/styles/css/mobile-warn.css +++ b/frontend/public/styles/css/mobile-warn.css @@ -1,27 +1,26 @@ -@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap'); - +@import url("https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap"); :root { - background-color: #ce3426; - color: #ffffff; - font-family: "Titillium Web"; - width: 100%; - height: 100%; + background-color: #ce3426; + color: #ffffff; + font-family: "Titillium Web"; + width: 100%; + height: 100%; } a:link { - color: #ffffff + color: #ffffff; } a:visited { - color: #ffffff + color: #ffffff; } a:hover { - color: #ffffff + color: #ffffff; } .icon { - width: 40%; - margin-top: 15%; -} \ No newline at end of file + width: 40%; + margin-top: 15%; +} diff --git a/frontend/public/styles/css/mobile.css b/frontend/public/styles/css/mobile.css index 6175aad..ce61300 100644 --- a/frontend/public/styles/css/mobile.css +++ b/frontend/public/styles/css/mobile.css @@ -1,32 +1,32 @@ @media (max-width: 768px) { - :root { - font-size: 12px; - } + :root { + font-size: 12px; + } - h1 { - font-size: 30px; - } + h1 { + font-size: 30px; + } - h2 { - font-size: 20px; - } + h2 { + font-size: 20px; + } - .ntfyOpts { - margin: initial; - } + .ntfyOpts { + margin: initial; + } - .ntfyForm { - display: flex; - gap: 5px; - margin-top: -8%; - margin-bottom: 8%; - } + .ntfyForm { + display: flex; + gap: 5px; + margin-top: -8%; + margin-bottom: 8%; + } - .btn-1 { - margin-bottom: 5px; - } + .btn-1 { + margin-bottom: 5px; + } - .beep-buttons { - min-width: 42%; - } -} \ No newline at end of file + .beep-buttons { + min-width: 42%; + } +} diff --git a/frontend/public/styles/css/nav-buttons.css b/frontend/public/styles/css/nav-buttons.css index acdc5ce..eb4d55b 100644 --- a/frontend/public/styles/css/nav-buttons.css +++ b/frontend/public/styles/css/nav-buttons.css @@ -1,109 +1,110 @@ .custom-btn { - width: 130px; - height: 40px; - color: --text; - border-radius: 5px; - padding: 10px 25px; - font-weight: 500; - background: transparent; - cursor: pointer; - transition: all 0.3s ease; - position: relative; - display: inline-block; - box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), - 7px 7px 20px 0px rgba(0, 0, 0, .1), - 4px 4px 5px 0px rgba(0, 0, 0, .1); - outline: none; - font-size: large; - -webkit-box-shadow: 0 0 10px var(--accent); - -moz-box-shadow: 0 0 10px var(--accent); - box-shadow: 0 0 10px var(--accent); + width: 130px; + height: 40px; + color: --text; + border-radius: 5px; + padding: 10px 25px; + font-weight: 500; + background: transparent; + cursor: pointer; + transition: all 0.3s ease; + position: relative; + display: inline-block; + box-shadow: + inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), + 7px 7px 20px 0px rgba(0, 0, 0, 0.1), + 4px 4px 5px 0px rgba(0, 0, 0, 0.1); + outline: none; + font-size: large; + -webkit-box-shadow: 0 0 10px var(--accent); + -moz-box-shadow: 0 0 10px var(--accent); + box-shadow: 0 0 10px var(--accent); } /* 8 */ .btn-1 { - background-color: var(--background); - background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%); - line-height: 42px; - padding: 0; - border: none; + background-color: var(--background); + background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%); + line-height: 42px; + padding: 0; + border: none; } .btn-1 span { - position: relative; - display: block; - width: 100%; - height: 100%; + position: relative; + display: block; + width: 100%; + height: 100%; } .btn-1:before, .btn-1:after { - position: absolute; - content: ""; - right: 0; - bottom: 0; - background: var(--accent); - /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), + position: absolute; + content: ""; + right: 0; + bottom: 0; + background: var(--accent); + /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/ - transition: all 0.3s ease; + transition: all 0.3s ease; } .btn-1:before { - height: 0%; - width: 2px; + height: 0%; + width: 2px; } .btn-1:after { - width: 0%; - height: 2px; + width: 0%; + height: 2px; } .btn-1:hover:before { - height: 100%; + height: 100%; } .btn-1:hover:after { - width: 100%; + width: 100%; } .btn-1:hover { - background: transparent; + background: transparent; } .btn-1 span:hover { - color: var(--accent); + color: var(--accent); } .btn-1 span:before, .btn-1 span:after { - position: absolute; - content: ""; - left: 0; - top: 0; - background: var(--accent); - /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), + position: absolute; + content: ""; + left: 0; + top: 0; + background: var(--accent); + /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/ - transition: all 0.3s ease; + transition: all 0.3s ease; } .btn-1 span:before { - width: 2px; - height: 0%; + width: 2px; + height: 0%; } .btn-1 span:after { - height: 2px; - width: 0%; + height: 2px; + width: 0%; } .btn-1 span:hover:before { - height: 100%; + height: 100%; } .btn-1 span:hover:after { - width: 100%; -} \ No newline at end of file + width: 100%; +} diff --git a/frontend/public/styles/fonts/galactic-LICENSE.md b/frontend/public/styles/fonts/galactic-LICENSE.md index 8f21c9c..4c9cf89 100644 --- a/frontend/public/styles/fonts/galactic-LICENSE.md +++ b/frontend/public/styles/fonts/galactic-LICENSE.md @@ -1,3 +1,3 @@ -***Note of the author*** +**_Note of the author_** -From "Commander Keen" \ No newline at end of file +From "Commander Keen" diff --git a/frontend/src/components/Footer.astro b/frontend/src/components/Footer.astro index 2b5339a..55e1c2b 100755 --- a/frontend/src/components/Footer.astro +++ b/frontend/src/components/Footer.astro @@ -12,10 +12,6 @@ import WebRings from "../components/footer/webrings.astro";

El. Psy. Kongroo.

- site info + site info
diff --git a/frontend/src/components/Head.astro b/frontend/src/components/Head.astro index 39bca92..f0481cd 100755 --- a/frontend/src/components/Head.astro +++ b/frontend/src/components/Head.astro @@ -2,20 +2,20 @@ import { SITE_DESCRIPTION } from "../consts"; interface Props { - title: string; + title: string; } const { title } = Astro.props; --- - + @@ -51,7 +51,7 @@ const { title } = Astro.props; - + - \ No newline at end of file + diff --git a/frontend/src/components/Header.astro b/frontend/src/components/Header.astro index b551dd4..eec161c 100644 --- a/frontend/src/components/Header.astro +++ b/frontend/src/components/Header.astro @@ -7,10 +7,7 @@ onmouseout="StopSound('hoverSound')" -->
+

+ + email +

+

+ + youtube +

+

+ + git forge* +

+

+ + the fediverse +

diff --git a/frontend/src/components/main-page/silly-widgets.astro b/frontend/src/components/main-page/silly-widgets.astro index e395a67..3423a49 100644 --- a/frontend/src/components/main-page/silly-widgets.astro +++ b/frontend/src/components/main-page/silly-widgets.astro @@ -4,9 +4,11 @@ import NTFY from "./widgets/ntfy.astro"; import MEOW from "./widgets/meow.astro"; --- -
-

silly widgets

- - - +
+

+ silly widgets +

+ + + diff --git a/frontend/src/components/main-page/widgets/lastfm.astro b/frontend/src/components/main-page/widgets/lastfm.astro index 82f9720..2ca527d 100644 --- a/frontend/src/components/main-page/widgets/lastfm.astro +++ b/frontend/src/components/main-page/widgets/lastfm.astro @@ -1,6 +1,4 @@ - -
- [show more info] \ No newline at end of file +
+[show more info] diff --git a/frontend/src/components/scripts/nochrome-scripts.astro b/frontend/src/components/scripts/nochrome-scripts.astro index 62b104b..fab60de 100644 --- a/frontend/src/components/scripts/nochrome-scripts.astro +++ b/frontend/src/components/scripts/nochrome-scripts.astro @@ -1,5 +1,3 @@ - - - + - \ No newline at end of file + diff --git a/frontend/src/components/scripts/normal-scripts.astro b/frontend/src/components/scripts/normal-scripts.astro index 079cf1c..140de7f 100644 --- a/frontend/src/components/scripts/normal-scripts.astro +++ b/frontend/src/components/scripts/normal-scripts.astro @@ -1,4 +1,3 @@ - @@ -6,4 +5,4 @@ - \ No newline at end of file + diff --git a/frontend/src/components/site-info/credits.astro b/frontend/src/components/site-info/credits.astro index 9602d4c..75b9dd4 100644 --- a/frontend/src/components/site-info/credits.astro +++ b/frontend/src/components/site-info/credits.astro @@ -7,7 +7,8 @@ href="https://github.com/biancarosa/lastfm-last-played" target="_blank" > - @biancarosa/lastfm-last-played + @biancarosa/lastfm-last-played
  • the notification sender on main page adapted from sophia/zvava
    • - \ No newline at end of file + diff --git a/frontend/src/components/site-info/frameworks.astro b/frontend/src/components/site-info/frameworks.astro index 2ac8f47..c02dde0 100644 --- a/frontend/src/components/site-info/frameworks.astro +++ b/frontend/src/components/site-info/frameworks.astro @@ -1,16 +1,15 @@

    frameworks, hosts, colors n' Stuff

    -
    \ No newline at end of file +
    diff --git a/frontend/src/components/site-info/privacy.astro b/frontend/src/components/site-info/privacy.astro index 2709d94..39e6dc2 100644 --- a/frontend/src/components/site-info/privacy.astro +++ b/frontend/src/components/site-info/privacy.astro @@ -2,8 +2,8 @@
    • i dont do shit with your data!
    • - some javascript is used, just for fun little effects (and detering - chrome users), nothing is stored in cookies. + some javascript is used, just for fun little effects (and detering chrome + users), nothing is stored in cookies.
    • various places i found 88x31 buttons @@ -15,9 +15,7 @@ neonaut
    • stolen from friends websites. :3
      • -
    • - most buttons are linked, but not necessarily to their creator. -
      • +
    • most buttons are linked, but not necessarily to their creator.
    - \ No newline at end of file + diff --git a/frontend/src/consts.ts b/frontend/src/consts.ts index 617658e..3459913 100644 --- a/frontend/src/consts.ts +++ b/frontend/src/consts.ts @@ -1,5 +1,5 @@ // Place any global data in this file. // You can import this data from anywhere in your site by using the `import` keyword. -export const SITE_TITLE = 'nelle observer'; -export const SITE_DESCRIPTION = 'personal site of nelle'; +export const SITE_TITLE = "nelle observer"; +export const SITE_DESCRIPTION = "personal site of nelle"; diff --git a/frontend/src/content/blog/cool-stuff.md b/frontend/src/content/blog/cool-stuff.md index a243cca..d0c54a9 100644 --- a/frontend/src/content/blog/cool-stuff.md +++ b/frontend/src/content/blog/cool-stuff.md @@ -1,7 +1,7 @@ --- -title: 'cool stuff!' -description: 'cool/interesting things i found on the internet.' -pubDate: 'July 10 2024' +title: "cool stuff!" +description: "cool/interesting things i found on the internet." +pubDate: "July 10 2024" --- ### be sure to check back for more diff --git a/frontend/src/content/blog/minecraft-badges.md b/frontend/src/content/blog/minecraft-badges.md index 68dfee8..e566a13 100644 --- a/frontend/src/content/blog/minecraft-badges.md +++ b/frontend/src/content/blog/minecraft-badges.md @@ -1,7 +1,7 @@ --- -title: 'minecraft 88x31 badges' -description: '88x31 badges for your minecraft projects!' -pubDate: 'June 17 2024' +title: "minecraft 88x31 badges" +description: "88x31 badges for your minecraft projects!" +pubDate: "June 17 2024" --- ## i made (and still am making), a few 88x31 badges for minecraft mods and such, in aseprite heres what i have so far @@ -16,4 +16,4 @@ pubDate: 'June 17 2024' - + diff --git a/frontend/src/content/blog/my-setup.md b/frontend/src/content/blog/my-setup.md index 9abcc90..99ed6b0 100644 --- a/frontend/src/content/blog/my-setup.md +++ b/frontend/src/content/blog/my-setup.md @@ -1,7 +1,7 @@ --- -title: 'my setup(s)!' -description: 'whats your setup like? i hear nobody asking, im glad you asked!' -pubDate: 'April 17 2024' +title: "my setup(s)!" +description: "whats your setup like? i hear nobody asking, im glad you asked!" +pubDate: "April 17 2024" --- ## my personal machine currently has diff --git a/frontend/src/content/blog/new-pc-entered-chat.md b/frontend/src/content/blog/new-pc-entered-chat.md index 3119f75..c6124ee 100644 --- a/frontend/src/content/blog/new-pc-entered-chat.md +++ b/frontend/src/content/blog/new-pc-entered-chat.md @@ -1,7 +1,7 @@ --- -title: 'a new pc has entered the chat' -description: 'i have received some free computers!' -pubDate: 'June 30 2024' +title: "a new pc has entered the chat" +description: "i have received some free computers!" +pubDate: "June 30 2024" --- recently i received two free computers, thanks to bryan of [l33t.codes](https://l33t.codes/), one was a thinkcentre, the other an old mediacenter. @@ -32,7 +32,7 @@ this is a configure-to-order model, so ill need to check the parts ive already r i was really interested by this, I love ThinkPads, So i immediately took up the offer. When i got home i worked on pluggin it in and seeing if it worked, took me a bit to find the VGA cable hiding somewhere in storage but i was able to get it. This machine did not come with a drive, and was unable to post whatsoever. -After a bit of testing (and a long search for DDR3 modules), i can confirm that something *other* than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there. +After a bit of testing (and a long search for DDR3 modules), i can confirm that something _other_ than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there. i really want(ed) to shove my current main build inside this thing as it would be really funny, unfortunately, this only has one fan slot, and thats the loud and poor, outtake. definitely not enough for my modern computer, ill figure out what to do with it eventually! diff --git a/frontend/src/content/config.ts b/frontend/src/content/config.ts index 0df5850..ff45ec4 100644 --- a/frontend/src/content/config.ts +++ b/frontend/src/content/config.ts @@ -1,8 +1,8 @@ -import { defineCollection } from 'astro:content'; -import { rssSchema } from '@astrojs/rss'; +import { defineCollection } from "astro:content"; +import { rssSchema } from "@astrojs/rss"; const blog = defineCollection({ schema: rssSchema, }); -export const collections = { blog }; \ No newline at end of file +export const collections = { blog }; diff --git a/frontend/src/layouts/BlogPost.astro b/frontend/src/layouts/BlogPost.astro index b7b22c1..4c5549a 100644 --- a/frontend/src/layouts/BlogPost.astro +++ b/frontend/src/layouts/BlogPost.astro @@ -14,23 +14,22 @@ const { title, description, pubDate, updatedDate } = Astro.props;
    -

    {description}

    -
    - - { - updatedDate && ( -
    - Last updated on -
    - ) - } -
    -
    +

    {description}

    +
    + + { + updatedDate && ( +
    + Last updated on +
    + ) + }
    +
    -
    - -
    +
    +
    +
    diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro index 74550da..026876e 100755 --- a/frontend/src/layouts/Layout.astro +++ b/frontend/src/layouts/Layout.astro @@ -24,9 +24,7 @@ const { title } = Astro.props;
    -