opnkty/links.opnkty
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Font Change #3

Merged
kitty merged 4 commits from dev into main 2025-03-05 16:01:09 +00:00
Conversation 1 Commits 4 Files Changed 7 +7 -10
5 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 108ad19cc3 - Show all commits

2
src/components/Introduction.astro
View File

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

2
src/components/Post.astro
View File

@ -7,7 +7,7 @@ const { post } = Astro.props;
<li class="flex flex-col text-center no-underline">
<a href={`/blog/${post.slug}`}>
<span
class="flex flex-wrap justify-center text-balance text-2xl font-medium"
class="flex flex-wrap justify-center text-balance text-2xl"
>{post.data.title}</span
>
<div

2
src/layouts/BaseLayout.astro
View File

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

6
src/pages/blog/[...slug].astro
View File

@ -31,7 +31,7 @@ const { Content } = await entry.render();
<main>
<a
href="/"
class="block py-3 text-lg font-medium uppercase text-lightModeForegroundMuted underline underline-offset-4 hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
class="block py-3 text-lg uppercase text-lightModeForegroundMuted underline underline-offset-4 hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
>{`← ${SITE.name}`}</a
>
{
@ -44,7 +44,7 @@ const { Content } = await entry.render();
)
}
<h1
class="mt-6 flex flex-wrap justify-center text-balance text-2xl font-medium text-lightModeForeground dark:text-darkModeForeground"
class="mt-6 flex flex-wrap justify-center text-balance text-2xl text-lightModeForeground dark:text-darkModeForeground"
>
{entry.data.title}
</h1>
@ -59,7 +59,7 @@ const { Content } = await entry.render();
</div>
<a
href="/"
class="block py-3 text-lg font-medium uppercase text-lightModeForegroundMuted underline underline-offset-4 hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
class="block py-3 text-lg uppercase text-lightModeForegroundMuted underline underline-offset-4 hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
>{`← ${SITE.name}`}</a
>
</main>

5
tailwind.config.mjs
View File

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