tiff/devblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update something

Browse source
This commit is contained in:
tiff 2025-03-09 17:25:26 -04:00
parent 7e891cedb4
commit 95c1137cb2
8 changed files with 44 additions and 5068 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/Header.astro
View file

@ -28,7 +28,7 @@ const isActive = (path: string) => {
<a
id="skip-to-content"
href="#main-content"
class="absolute -top-full left-16 z-50 bg-background px-3 py-2 text-accent backdrop-blur-lg transition-all focus:top-4"
class="bg-background text-accent absolute -top-full left-16 z-50 px-3 py-2 backdrop-blur-lg transition-all focus:top-4"
>
Skip to content
</a>
@ -38,13 +38,13 @@ const isActive = (path: string) => {
>
<div
id="top-nav-wrap"
class="relative flex w-full items-start justify-between bg-background p-4 sm:py-6"
class="bg-background relative flex w-full items-start justify-between p-4 sm:py-6"
>
<a
href="/"
class="absolute py-1 text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
class="relative py-1 text-2xl leading-7 font-semibold whitespace-nowrap sm:static"
>
<Logo class="scale-75 dark:invert" />
<Logo class="translate-5 scale-75" />
</a>
<nav
id="nav-menu"
@ -64,7 +64,7 @@ const isActive = (path: string) => {
id="menu-items"
class:list={[
"mt-4 grid w-44 grid-cols-2 place-content-center gap-2",
"[&>li>a]:block [&>li>a]:px-4 [&>li>a]:py-3 [&>li>a]:text-center [&>li>a]:font-medium [&>li>a]:hover:text-accent sm:[&>li>a]:px-2 sm:[&>li>a]:py-1",
"[&>li>a]:hover:text-accent [&>li>a]:block [&>li>a]:px-4 [&>li>a]:py-3 [&>li>a]:text-center [&>li>a]:font-medium sm:[&>li>a]:px-2 sm:[&>li>a]:py-1",
"hidden",
"sm:mt-0 sm:ml-0 sm:flex sm:w-auto sm:gap-x-5 sm:gap-y-0",
]}
@ -123,7 +123,7 @@ const isActive = (path: string) => {
<li class="col-span-1 flex items-center justify-center">
<button
id="theme-btn"
class="focus-outline relative size-12 p-4 sm:size-8 hover:[&>svg]:stroke-accent"
class="focus-outline hover:[&>svg]:stroke-accent relative size-12 p-4 sm:size-8"
title="Toggles light & dark"
aria-label="auto"
aria-live="polite"

6
src/layouts/Layout.astro
View file

@ -3,7 +3,9 @@ import { ClientRouter } from "astro:transitions";
import { SITE } from "@/config";
import { LOCALE } from "@/constants";
import "@/styles/global.css";
import "@fontsource/fira-mono";
import "@fontsource/ibm-plex-mono/300.css";
import "@fontsource/ibm-plex-mono/400.css";
const googleSiteVerification = import.meta.env.PUBLIC_GOOGLE_SITE_VERIFICATION;
export interface Props {
@ -144,5 +146,7 @@ const structuredData = {
margin: 0;
width: 100%;
height: 100%;
font-family: "Red Hat Mono Variable", monospace;
font-weight: 400;
}
</style>

2
src/styles/global.css
View file

@ -40,7 +40,7 @@ html[data-theme="dark"] {
}
body {
@apply flex min-h-svh flex-col bg-background font-mono text-foreground selection:bg-accent/75 selection:text-background;
@apply flex min-h-svh flex-col bg-background text-foreground selection:bg-accent/75 selection:text-background;
}
a,

5
src/styles/typography.css
View file

@ -1,5 +1,10 @@
@plugin '@tailwindcss/typography';
/* html {
font-family: 'IBM Plex Mono', monospace !important;
font-weight: 300;
} */
@layer base {
.prose {
@apply prose-headings:!mb-3 prose-headings:!text-foreground prose-h3:italic prose-p:!text-foreground prose-a:!text-foreground prose-a:!decoration-dashed prose-a:underline-offset-8 hover:prose-a:text-accent prose-blockquote:!border-l-accent/50 prose-blockquote:opacity-80 prose-figcaption:!text-foreground prose-figcaption:opacity-70 prose-strong:!text-foreground prose-code:rounded prose-code:bg-muted/75 prose-code:p-1 prose-code:!text-foreground prose-code:before:!content-none prose-code:after:!content-none prose-ol:!text-foreground prose-ul:overflow-x-clip prose-ul:!text-foreground prose-li:marker:!text-accent prose-table:text-foreground prose-th:border prose-th:border-border prose-td:border prose-td:border-border prose-img:mx-auto prose-img:!my-2 prose-img:border-2 prose-img:border-border prose-hr:!border-border;