diff --git a/frontend/.prettierrc.mjs b/frontend/.prettierrc.mjs index 21178ac..7e61930 100644 --- a/frontend/.prettierrc.mjs +++ b/frontend/.prettierrc.mjs @@ -8,29 +8,5 @@ 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 ca8da5a..88e5690 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 +this uses astro, duh, well, you need pnpm for this \ No newline at end of file diff --git a/frontend/public/scripts/api.js b/frontend/public/scripts/api.js index a2e33ce..e39eb2b 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); -} - + 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 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"); - } -} + 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 diff --git a/frontend/public/scripts/clipboard.js b/frontend/public/scripts/clipboard.js index 816a212..fb297a9 100644 --- a/frontend/public/scripts/clipboard.js +++ b/frontend/public/scripts/clipboard.js @@ -1 +1,3 @@ -function copyLink(link) {} +function copyLink(link) { + +} \ No newline at end of file diff --git a/frontend/public/scripts/main.js b/frontend/public/scripts/main.js index f9f7ae5..a41c28f 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,49 +62,51 @@ 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; } } @@ -112,31 +114,29 @@ 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,9 +342,10 @@ function setOrange() { function getTheme() { if (colorBool) { // if true: green - setGreen(); - } else { - // if false: orange - setOrange(); + setGreen() } -} + else { + // if false: orange + setOrange() + } +} \ No newline at end of file diff --git a/frontend/public/scripts/ntfy.js b/frontend/public/scripts/ntfy.js index 66c0873..932626c 100644 --- a/frontend/public/scripts/ntfy.js +++ b/frontend/public/scripts/ntfy.js @@ -32,10 +32,11 @@ 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() } }); @@ -192,15 +193,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 4642813..d3c8ce5 100644 --- a/frontend/public/scripts/sound.js +++ b/frontend/public/scripts/sound.js @@ -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( - "/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 @@ -26,6 +28,7 @@ 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", () => { @@ -68,6 +71,7 @@ image.forEach((button) => { */ }); + phonewave.addEventListener("click", () => { phonewaveSound.play(); setTimeout(() => { @@ -78,4 +82,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 69b00fe..eff7065 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; -} + margin-top: 0px; + margin-left: 10px; + font-size: 20px; +} \ No newline at end of file diff --git a/frontend/public/styles/css/classes.css b/frontend/public/styles/css/classes.css index 3222a7c..839b4f3 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%; -} + width: 25%; + margin-top: 4%; + margin-bottom: 2%; +} \ No newline at end of file diff --git a/frontend/public/styles/css/color-scheme.css b/frontend/public/styles/css/color-scheme.css index d8b60a3..2498012 100644 --- a/frontend/public/styles/css/color-scheme.css +++ b/frontend/public/styles/css/color-scheme.css @@ -1,103 +1,94 @@ /* default */ :root { - --text: #f5efef; - --background: #030303; - --primary: #9a9a9a; - --secondary: #505050; - /*--accent: #232323;*/ - --accent: var(--accent-500); + --text: #f5efef; + --background: #030303; + --primary: #9a9a9a; + --secondary: #505050; + /*--accent: #232323;*/ + --accent: var(--accent-500); - --content-gradient: linear-gradient( - to bottom right, - var(--secondary-800), - var(--primary-900) - ); - --accent-gradient: linear-gradient( - to bottom right, - var(--accent-300), - var(--accent-200) 30%, - var(--text) 60% - ); + --content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900)); + --accent-gradient: linear-gradient(to bottom right, var(--accent-300), var(--accent-200) 30%, var(--text) 60%); - --link: var(--accent-300); - --visited: var(--accent-400); - --hover: var(--accent-500); + --link: var(--accent-300); + --visited: var(--accent-400); + --hover: var(--accent-500); - --text-50: #f5efef; - --text-100: #ebe0e0; - --text-200: #d8c0c0; - --text-300: #c4a1a1; - --text-400: #b08282; - --text-500: #9d6262; - --text-600: #7d4f4f; - --text-700: #5e3b3b; - --text-800: #3f2727; - --text-900: #1f1414; - --text-950: #100a0a; + --text-50: #f5efef; + --text-100: #ebe0e0; + --text-200: #d8c0c0; + --text-300: #c4a1a1; + --text-400: #b08282; + --text-500: #9d6262; + --text-600: #7d4f4f; + --text-700: #5e3b3b; + --text-800: #3f2727; + --text-900: #1f1414; + --text-950: #100a0a; - --background-50: #f2f2f2; - --background-100: #e6e6e6; - --background-200: #cccccc; - --background-300: #b3b3b3; - --background-400: #999999; - --background-500: #808080; - --background-600: #666666; - --background-700: #4d4d4d; - --background-800: #333333; - --background-900: #1a1a1a; - --background-950: #0d0d0d; + --background-50: #f2f2f2; + --background-100: #e6e6e6; + --background-200: #cccccc; + --background-300: #b3b3b3; + --background-400: #999999; + --background-500: #808080; + --background-600: #666666; + --background-700: #4d4d4d; + --background-800: #333333; + --background-900: #1a1a1a; + --background-950: #0d0d0d; - --primary-50: #f2f2f2; - --primary-100: #e6e6e6; - --primary-200: #cccccc; - --primary-300: #b3b3b3; - --primary-400: #999999; - --primary-500: #808080; - --primary-600: #666666; - --primary-700: #4d4d4d; - --primary-800: #333333; - --primary-900: #1a1a1a; - --primary-950: #0d0d0d; + --primary-50: #f2f2f2; + --primary-100: #e6e6e6; + --primary-200: #cccccc; + --primary-300: #b3b3b3; + --primary-400: #999999; + --primary-500: #808080; + --primary-600: #666666; + --primary-700: #4d4d4d; + --primary-800: #333333; + --primary-900: #1a1a1a; + --primary-950: #0d0d0d; - --secondary-50: #f2f2f2; - --secondary-100: #e6e6e6; - --secondary-200: #cccccc; - --secondary-300: #b3b3b3; - --secondary-400: #999999; - --secondary-500: #808080; - --secondary-600: #666666; - --secondary-700: #4d4d4d; - --secondary-800: #333333; - --secondary-900: #1a1a1a; - --secondary-950: #0d0d0d; + --secondary-50: #f2f2f2; + --secondary-100: #e6e6e6; + --secondary-200: #cccccc; + --secondary-300: #b3b3b3; + --secondary-400: #999999; + --secondary-500: #808080; + --secondary-600: #666666; + --secondary-700: #4d4d4d; + --secondary-800: #333333; + --secondary-900: #1a1a1a; + --secondary-950: #0d0d0d; - --accent-50: #f2f2f2; - --accent-100: #e6e6e6; - --accent-200: #cccccc; - --accent-300: #b3b3b3; - --accent-400: #999999; - --accent-500: #808080; - --accent-600: #666666; - --accent-700: #4d4d4d; - --accent-800: #333333; - --accent-900: #1a1a1a; - --accent-950: #0d0d0d; + --accent-50: #f2f2f2; + --accent-100: #e6e6e6; + --accent-200: #cccccc; + --accent-300: #b3b3b3; + --accent-400: #999999; + --accent-500: #808080; + --accent-600: #666666; + --accent-700: #4d4d4d; + --accent-800: #333333; + --accent-900: #1a1a1a; + --accent-950: #0d0d0d; - --alt-accent: #677967; + --alt-accent: #677967; - --glitch-1: var(--alt-accent-200); - --glitch-2: var(--alt-accent-300); - --glitch-3: var(--alt-accent-400); + --glitch-1: var(--alt-accent-200); + --glitch-2: var(--alt-accent-300); + --glitch-3: var(--alt-accent-400); - --alt-accent-50: #ebffe6; - --alt-accent-100: #d7ffcc; - --alt-accent-200: #affe9a; - --alt-accent-300: #88fe67; - --alt-accent-400: #60fe34; - --alt-accent-500: #38fe01; - --alt-accent-600: #2dcb01; - --alt-accent-700: #229801; - --alt-accent-800: #166501; - --alt-accent-900: #0b3300; - --alt-accent-950: #061900; -} + --alt-accent-50: #ebffe6; + --alt-accent-100: #d7ffcc; + --alt-accent-200: #affe9a; + --alt-accent-300: #88fe67; + --alt-accent-400: #60fe34; + --alt-accent-500: #38fe01; + --alt-accent-600: #2dcb01; + --alt-accent-700: #229801; + --alt-accent-800: #166501; + --alt-accent-900: #0b3300; + --alt-accent-950: #061900; +} \ No newline at end of file diff --git a/frontend/public/styles/css/fonts.css b/frontend/public/styles/css/fonts.css index f98dbf0..7a6612a 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); -} + font-family: departure-mono; + src: url(../fonts/DepartureMono-Regular.otf) +} \ No newline at end of file diff --git a/frontend/public/styles/css/glitch.css b/frontend/public/styles/css/glitch.css index 9a58b66..0bb0f9f 100644 --- a/frontend/public/styles/css/glitch.css +++ b/frontend/public/styles/css/glitch.css @@ -1,7 +1,5 @@ .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); @@ -29,9 +27,7 @@ } .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); @@ -59,51 +55,37 @@ @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 352f6be..6b418ea 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); -} + color: var(--text); + background-color: var(--background); +} \ No newline at end of file diff --git a/frontend/public/styles/css/mobile-warn.css b/frontend/public/styles/css/mobile-warn.css index cdb02e9..944b3ba 100644 --- a/frontend/public/styles/css/mobile-warn.css +++ b/frontend/public/styles/css/mobile-warn.css @@ -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 { - background-color: #ce3426; - color: #ffffff; - font-family: "Titillium Web"; - width: 100%; - height: 100%; + background-color: #ce3426; + color: #ffffff; + font-family: "Titillium Web"; + width: 100%; + height: 100%; } a:link { - color: #ffffff; + color: #ffffff } a:visited { - color: #ffffff; + color: #ffffff } a:hover { - color: #ffffff; + color: #ffffff } .icon { - width: 40%; - margin-top: 15%; -} + width: 40%; + margin-top: 15%; +} \ No newline at end of file diff --git a/frontend/public/styles/css/mobile.css b/frontend/public/styles/css/mobile.css index ce61300..6175aad 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%; - } -} + .beep-buttons { + min-width: 42%; + } +} \ No newline at end of file diff --git a/frontend/public/styles/css/nav-buttons.css b/frontend/public/styles/css/nav-buttons.css index eb4d55b..acdc5ce 100644 --- a/frontend/public/styles/css/nav-buttons.css +++ b/frontend/public/styles/css/nav-buttons.css @@ -1,110 +1,109 @@ .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, 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); + 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); } /* 8 */ .btn-1 { - background-color: var(--background); - background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%); - line-height: 42px; - padding: 0; - border: none; + background-color: var(--background); + background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%); + line-height: 42px; + padding: 0; + border: none; } .btn-1 span { - position: relative; - display: block; - width: 100%; - height: 100%; + position: relative; + display: block; + width: 100%; + height: 100%; } .btn-1:before, .btn-1:after { - position: absolute; - content: ""; - right: 0; - bottom: 0; - background: var(--accent); - /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), + position: absolute; + content: ""; + right: 0; + bottom: 0; + background: var(--accent); + /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/ - transition: all 0.3s ease; + transition: all 0.3s ease; } .btn-1:before { - height: 0%; - width: 2px; + height: 0%; + width: 2px; } .btn-1:after { - width: 0%; - height: 2px; + width: 0%; + height: 2px; } .btn-1:hover:before { - height: 100%; + height: 100%; } .btn-1:hover:after { - width: 100%; + width: 100%; } .btn-1:hover { - background: transparent; + background: transparent; } .btn-1 span:hover { - color: var(--accent); + color: var(--accent); } .btn-1 span:before, .btn-1 span:after { - position: absolute; - content: ""; - left: 0; - top: 0; - background: var(--accent); - /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), + position: absolute; + content: ""; + left: 0; + top: 0; + background: var(--accent); + /*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/ - transition: all 0.3s ease; + transition: all 0.3s ease; } .btn-1 span:before { - width: 2px; - height: 0%; + width: 2px; + height: 0%; } .btn-1 span:after { - height: 2px; - width: 0%; + height: 2px; + width: 0%; } .btn-1 span:hover:before { - height: 100%; + height: 100%; } .btn-1 span:hover:after { - width: 100%; -} + width: 100%; +} \ No newline at end of file diff --git a/frontend/public/styles/fonts/galactic-LICENSE.md b/frontend/public/styles/fonts/galactic-LICENSE.md index 4c9cf89..8f21c9c 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" +From "Commander Keen" \ No newline at end of file diff --git a/frontend/src/components/Footer.astro b/frontend/src/components/Footer.astro index 55e1c2b..2b5339a 100755 --- a/frontend/src/components/Footer.astro +++ b/frontend/src/components/Footer.astro @@ -12,6 +12,10 @@ 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 f0481cd..39bca92 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 eec161c..b551dd4 100644 --- a/frontend/src/components/Header.astro +++ b/frontend/src/components/Header.astro @@ -7,7 +7,10 @@ onmouseout="StopSound('hoverSound')" -->
\ No newline at end of file diff --git a/frontend/src/components/main-page/silly-widgets.astro b/frontend/src/components/main-page/silly-widgets.astro index 3423a49..e395a67 100644 --- a/frontend/src/components/main-page/silly-widgets.astro +++ b/frontend/src/components/main-page/silly-widgets.astro @@ -4,11 +4,9 @@ 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 2ca527d..82f9720 100644 --- a/frontend/src/components/main-page/widgets/lastfm.astro +++ b/frontend/src/components/main-page/widgets/lastfm.astro @@ -1,4 +1,6 @@ - -
-[show more info] +
+ [show more info] \ No newline at end of file diff --git a/frontend/src/components/scripts/nochrome-scripts.astro b/frontend/src/components/scripts/nochrome-scripts.astro index fab60de..62b104b 100644 --- a/frontend/src/components/scripts/nochrome-scripts.astro +++ b/frontend/src/components/scripts/nochrome-scripts.astro @@ -1,3 +1,5 @@ - + + + - + \ 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 140de7f..079cf1c 100644 --- a/frontend/src/components/scripts/normal-scripts.astro +++ b/frontend/src/components/scripts/normal-scripts.astro @@ -1,3 +1,4 @@ + @@ -5,4 +6,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 75b9dd4..9602d4c 100644 --- a/frontend/src/components/site-info/credits.astro +++ b/frontend/src/components/site-info/credits.astro @@ -7,8 +7,7 @@ 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 c02dde0..2ac8f47 100644 --- a/frontend/src/components/site-info/frameworks.astro +++ b/frontend/src/components/site-info/frameworks.astro @@ -1,15 +1,16 @@

    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 39e6dc2..2709d94 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,7 +15,9 @@ 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 3459913..617658e 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 d0c54a9..a243cca 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 e566a13..68dfee8 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 99ed6b0..9abcc90 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 c6124ee..3119f75 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 ff45ec4..0df5850 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 }; +export const collections = { blog }; \ No newline at end of file diff --git a/frontend/src/layouts/BlogPost.astro b/frontend/src/layouts/BlogPost.astro index 4c5549a..b7b22c1 100644 --- a/frontend/src/layouts/BlogPost.astro +++ b/frontend/src/layouts/BlogPost.astro @@ -14,22 +14,23 @@ 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 026876e..74550da 100755 --- a/frontend/src/layouts/Layout.astro +++ b/frontend/src/layouts/Layout.astro @@ -24,7 +24,9 @@ const { title } = Astro.props;
    -