Smol changes

This commit is contained in:
kitty 2025-03-04 21:44:11 +00:00
parent 99078f4321
commit 6bd59b8607
7 changed files with 19 additions and 6 deletions

Binary file not shown.

View File

@ -1,5 +1,5 @@
<footer <footer
class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground" class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
> >
<hr class="opacity-50" /> <!--<hr class="opacity-50" />-->
</footer> </footer>

View File

@ -16,7 +16,7 @@ import profilePicture from "@/assets/profile-picture.png";
draggable="false" draggable="false"
class="mx-auto size-32 rounded-full" class="mx-auto size-32 rounded-full"
/> />
<h1 class="mt-4 text-center text-3xl font-semibold">{SITE.name}</h1> <h1 class="mt-4 text-center text-3xl font-JetBrainsMonoNLNerdFont-Regular">{SITE.name}</h1>
<p <p
class="mt-1 text-balance text-center text-sm text-lightModeForegroundMuted dark:text-darkModeForegroundMuted" class="mt-1 text-balance text-center text-sm text-lightModeForegroundMuted dark:text-darkModeForegroundMuted"
> >

View File

@ -9,7 +9,7 @@ import Footer from "@/components/Footer.astro";
<BaseHead> <BaseHead>
<slot name="head" /> <slot name="head" />
</BaseHead> </BaseHead>
<body class="mx-auto min-h-screen max-w-screen-sm p-3 font-sans sm:p-6"> <body class="mx-auto min-h-screen max-w-xs p-3 font-mono sm:p-6">
<main> <main>
<slot /> <slot />
</main> </main>

View File

@ -19,6 +19,11 @@
"id": "1728534577186", "id": "1728534577186",
"icon": "steam", "icon": "steam",
"url": "https://steamcommunity.com/id/furrythatroars" "url": "https://steamcommunity.com/id/furrythatroars"
},
{
"id": "1728534577187",
"icon": "twitch",
"url": "https://live.opnkty.uk"
} }
], ],
"customLinks": [ "customLinks": [

View File

@ -1,10 +1,14 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@font-face {
font-family: 'jb';
src: url("/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf") format("ttf");
}
@layer base { @layer base {
:root { :root {
color-scheme: light dark; color-scheme: light dark;
font-family: 'jb';
/* replace colors from here... */ /* replace colors from here... */
--light-mode-background: 240 240 240; --light-mode-background: 240 240 240;
@ -40,11 +44,12 @@
--dark-mode-custom-link-text-hover: 255 255 255; --dark-mode-custom-link-text-hover: 255 255 255;
/* ...to here */ /* ...to here */
} }
body { body {
background-color: light-dark( background-color: light-dark(
rgb(var(--light-mode-background)), rgb(var(--light-mode-background)),
rgb(var(--dark-mode-background)) rgb(var(--dark-mode-background))
); );
font-family: 'jb';
} }
} }

View File

@ -7,6 +7,9 @@ export default {
plugins: [require("@tailwindcss/typography")], plugins: [require("@tailwindcss/typography")],
theme: { theme: {
extend: { extend: {
fontFamily: {
customFont: ['"JetBrainsMonoNLNerdFont-Regular.ttf"', ""],
},
colors: { colors: {
lightModeBackground: lightModeBackground:
"rgb(var(--light-mode-background) / <alpha-value>)", "rgb(var(--light-mode-background) / <alpha-value>)",