marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

blog: blacksite chrome

Browse Source
This commit is contained in:
kbot
2026-07-06 22:06:07 -05:00
parent 40d5c75775
commit 764600e6fe
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/blog/layout.tsx
View File

@@ -7,7 +7,7 @@ export default function BlogLayout({ children }: { children: React.ReactNode })
<> <>
<ScrollProgress /> <ScrollProgress />
<Header /> <Header />
<main className="mx-auto max-w-5xl px-6 py-12 sm:py-16"> <main className="mx-auto w-full max-w-6xl px-6 py-16 sm:py-24">
{children} {children}
</main> </main>
<Footer /> <Footer />

4
components/layout/Footer.tsx
View File

@@ -1,8 +1,8 @@
export function Footer() { export function Footer() {
return ( return (
<footer className="border-t border-border mt-16 py-8 text-center"> <footer className="border-t border-border mt-16 py-8 text-center">
<p className="font-mono text-sm text-ink-soft"> <p className="font-mono text-xs text-ink-soft">
© {new Date().getFullYear()} Krishna A. All rights reserved. © {new Date().getFullYear()} Krishna Ayyalasomayajula
</p> </p>
</footer> </footer>
) )

13
components/layout/Header.tsx
View File

@@ -5,8 +5,8 @@ import { usePathname } from "next/navigation";
import { m } from "motion/react"; import { m } from "motion/react";
const navLinks = [ const navLinks = [
{ label: "Portfolio", href: "/" }, { label: "PORTFOLIO", href: "/" },
{ label: "Field Notes", href: "/blog/" }, { label: "FIELD NOTES", href: "/blog/" },
]; ];
export function Header() { export function Header() {
@@ -21,8 +21,11 @@ export function Header() {
className="sticky top-0 z-50 bg-canvas/80 backdrop-blur-sm border-b border-border" className="sticky top-0 z-50 bg-canvas/80 backdrop-blur-sm border-b border-border"
> >
<div className="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between"> <div className="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
<Link href="/" className="heading-sm text-ink hover:text-accent transition-colors"> <Link
Krishna href="/"
className="font-mono text-xs uppercase tracking-[0.16em] text-ink transition-colors hover:text-ink-soft"
>
KRISHNA / SIGNAL
</Link> </Link>
<div className="flex items-center gap-8"> <div className="flex items-center gap-8">
{navLinks.map((link) => { {navLinks.map((link) => {
@@ -36,7 +39,7 @@ export function Header() {
key={link.href} key={link.href}
href={link.href} href={link.href}
aria-current={isActive ? "page" : undefined} aria-current={isActive ? "page" : undefined}
className={`font-medium text-sm transition-colors ${ className={`font-mono text-xs uppercase tracking-[0.16em] transition-colors ${
isActive ? "text-ink" : "text-ink-soft hover:text-ink" isActive ? "text-ink" : "text-ink-soft hover:text-ink"
}`} }`}
> >