diff --git a/frontend/public/assets/images/badges/friends/foxfoxfox.png b/frontend/public/assets/images/badges/friends/foxfoxfox.png new file mode 100644 index 0000000..43bdab4 --- /dev/null +++ b/frontend/public/assets/images/badges/friends/foxfoxfox.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:736460afd777d75aed9dfdcde9ea3a8de03f39023fad94ab6694858894747be6 +size 1454 diff --git a/frontend/public/scripts/main.js b/frontend/public/scripts/main.js index 641703f..0bad4a2 100644 --- a/frontend/public/scripts/main.js +++ b/frontend/public/scripts/main.js @@ -5,6 +5,8 @@ const badgeOrange = document.getElementById("badgeOrange"); const colorBool = Math.random() < 0.5; const is_root = location.pathname === "/"; +const badgeAmount = 16 + // loads all the functions to be loaded on load, pretty simple, it loads shit on load. function onLoad() { jsEnabled(); @@ -38,10 +40,10 @@ function jsEnabled() { // badge - for (var badgeNum = 0; badgeNum < 15; badgeNum++) { + for (var badgeNum = 0; badgeNum < badgeAmount; badgeNum++) { document.getElementById('badge' + (badgeNum + 1)).style.display = "initial"; } - for (var badgeDefaultNum = 0; badgeDefaultNum < 15; badgeDefaultNum++) { + for (var badgeDefaultNum = 0; badgeDefaultNum < badgeAmount; badgeDefaultNum++) { document.getElementById('badgeDefault' + (badgeDefaultNum + 1)).style.display = "none"; } @@ -114,37 +116,41 @@ function showNtfyInfo() { //// badges const elke = '' -const tomo = '\n' -const lily = '\n' -const eris = '\n' -const zvava = '\n' -const mira = '\n' -const tempest = '\n' -const disarray = '\n' -const astrid = '\n' -const constellatory = '\n' -const nbsp = '\n' -const micro = '\n' -const loveshock = '\n' -const pancakes = '\n' -const sophari = '\n' +const tomo = '' +const lily = '' +const eris = '' +const zvava = '' +const mira = '' +const tempest = '' +const disarray = '' +const astrid = '' +const nbsp = '' +const loveshock = '' +const pancakes = '' +const sophari = '' +const constellatory = '' +const micro = ' ' +const lykrast = ' ' +const starshines = ' ' const badges = [ - elke, - tomo, - lily, - eris, - zvava, - mira, - tempest, - disarray, - astrid, - constellatory, - nbsp, - micro, - loveshock, - pancakes, - sophari + elke, + tomo, + lily, + eris, + zvava, + mira, + tempest, + disarray, + astrid, + constellatory, + nbsp, + micro, + loveshock, + pancakes, + sophari, + lykrast, + starshines ]; @@ -165,7 +171,7 @@ function shuffle(array) { function getbadges() { var shuffledBadges = shuffle(badges); - for (var badgeNum = 0; badgeNum < 15; badgeNum++) { + for (var badgeNum = 0; badgeNum < badgeAmount; badgeNum++) { document.getElementById('badge' + (badgeNum + 1)).innerHTML = shuffledBadges[badgeNum]; } } diff --git a/frontend/public/styles/css/classes.css b/frontend/public/styles/css/classes.css index 839b4f3..3fbb28e 100644 --- a/frontend/public/styles/css/classes.css +++ b/frontend/public/styles/css/classes.css @@ -112,7 +112,9 @@ hr { display: flex; flex-wrap: wrap; justify-content: center; - gap: 5px; + column-gap: 5px; + max-width: 274px; + min-width: 274px; } .badge { diff --git a/frontend/public/styles/css/colors/green.css b/frontend/public/styles/css/colors/green.css deleted file mode 100644 index 9f2a2e3..0000000 --- a/frontend/public/styles/css/colors/green.css +++ /dev/null @@ -1,93 +0,0 @@ -:root { - --text: #e7eeea; - --background: #060d09; - --primary: #9ae2b9; - --secondary: #14904a; - --accent: #47e48a; - - --content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900)); - --accent-gradient: linear-gradient(to bottom right, var(--accent), var(--accent-200) 30%, var(--text) 60%); - - --link: var(--accent-300); - --visited: var(--accent-400); - --hover: var(--accent-500); - - --text-50: #f0f4f2; - --text-100: #e1eae5; - --text-200: #c3d5cb; - --text-300: #a5c0b1; - --text-400: #88aa97; - --text-500: #6a957d; - --text-600: #557764; - --text-700: #3f5a4b; - --text-800: #2a3c32; - --text-900: #151e19; - --text-950: #0b0f0c; - - --background-50: #eef7f2; - --background-100: #dcefe4; - --background-200: #b9dfc9; - --background-300: #96cfaf; - --background-400: #73bf94; - --background-500: #50af79; - --background-600: #408c61; - --background-700: #306949; - --background-800: #204630; - --background-900: #102318; - --background-950: #08110c; - - --primary-50: #ebf9f1; - --primary-100: #d7f4e4; - --primary-200: #b0e8c8; - --primary-300: #88ddad; - --primary-400: #61d192; - --primary-500: #39c676; - --primary-600: #2e9e5f; - --primary-700: #227747; - --primary-800: #174f2f; - --primary-900: #0b2818; - --primary-950: #06140c; - - --secondary-50: #e9fcf1; - --secondary-100: #d2f9e3; - --secondary-200: #a5f3c7; - --secondary-300: #78edab; - --secondary-400: #4be78f; - --secondary-500: #1fe073; - --secondary-600: #18b45c; - --secondary-700: #128745; - --secondary-800: #0c5a2e; - --secondary-900: #062d17; - --secondary-950: #03160b; - - --accent-50: #e9fcf1; - --accent-100: #d3f8e3; - --accent-200: #a6f2c7; - --accent-300: #7aebab; - --accent-400: #4ee48f; - --accent-500: #21de73; - --accent-600: #1bb15c; - --accent-700: #148545; - --accent-800: #0d592e; - --accent-900: #072c17; - --accent-950: #03160b; - - --alt-accent: #fbb055; - - /* TODO: Alter This */ - --glitch-1: var(--alt-accent-400); - --glitch-2: var(--alt-accent-500); - --glitch-3: var(--alt-accent-600); - - --alt-accent-50: #fef3e7; - --alt-accent-100: #fce8cf; - --alt-accent-200: #fad19e; - --alt-accent-300: #f7b96e; - --alt-accent-400: #f5a23d; - --alt-accent-500: #f28b0d; - --alt-accent-600: #c26f0a; - --alt-accent-700: #915308; - --alt-accent-800: #613805; - --alt-accent-900: #301c03; - --alt-accent-950: #180e01; -} \ No newline at end of file diff --git a/frontend/src/components/footer/buttons.astro b/frontend/src/components/footer/buttons.astro index dd82e14..f764ec6 100644 --- a/frontend/src/components/footer/buttons.astro +++ b/frontend/src/components/footer/buttons.astro @@ -3,9 +3,17 @@ import MyButtons from "./mybuttons.astro" import FriendlyButtons from "./friendly-buttons.astro" import OtherButtons from "./other-buttons.astro" --- -
other buttons
+friendly buttons
+press me!