v1-beta-tema #9

Merged
bilal merged 19 commits from v1-beta-tema into main 2026-10-09 02:30:44 +03:00
2 changed files with 39 additions and 2 deletions
Showing only changes of commit 2981498f3a - Show all commits

View File

@@ -117,7 +117,7 @@ export default function RootLayout({
<div <div
id="icerik" id="icerik"
tabIndex={-1} tabIndex={-1}
className="flex min-h-0 flex-1 flex-col pb-28 outline-none print:pb-0" className="flex min-h-0 flex-1 flex-col pb-28 outline-none has-[[data-site-footer]]:pb-0 print:pb-0"
> >
{children} {children}
</div> </div>

View File

@@ -25,8 +25,10 @@ export function SiteFooter() {
.sort((a, b) => b.programSayisi - a.programSayisi) .sort((a, b) => b.programSayisi - a.programSayisi)
.slice(0, 8); .slice(0, 8);
// data-site-footer: layout'taki #icerik alt boşluğunu (pb-28) kapatır —
// dev yazı logosu ekranın altına yapışsın.
return ( return (
<footer className="border-t border-slate-200/70 pb-32 pt-12"> <footer data-site-footer className="border-t border-slate-200/70 pt-12">
<div className="mx-auto max-w-6xl px-4"> <div className="mx-auto max-w-6xl px-4">
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-3">
<nav aria-label="Popüler bölümler"> <nav aria-label="Popüler bölümler">
@@ -218,6 +220,41 @@ export function SiteFooter() {
/> />
</div> </div>
</div> </div>
{/* Dev yazı logosu: header'daki "KolayTercih" (Bricolage, ince + yarı
kalın) kenardan kenara, alttan kırpılmış ve aşağı doğru sönerek.
SVG + textLength: yazı her genişlikte kabı tam doldurur, font
ölçüsüne göre taşmaz. Renkler slate token'ı — koyu temada kendiliğinden
döner. Süs: ekran okuyucuya kapalı. */}
<svg
viewBox="0 0 1000 135"
aria-hidden
className="pointer-events-none mt-10 block w-full px-4 font-bricolage select-none"
>
<defs>
<linearGradient
id="footer-yazi-logo"
gradientUnits="userSpaceOnUse"
x1="0"
y1="0"
x2="0"
y2="135"
>
<stop offset="0" style={{ stopColor: "var(--color-slate-900)" }} />
<stop offset="0.75" style={{ stopColor: "var(--color-slate-300)" }} />
<stop offset="1" style={{ stopColor: "var(--color-slate-200)" }} />
</linearGradient>
</defs>
<text
x="0"
y="156"
fontSize="222"
textLength="1000"
fill="url(#footer-yazi-logo)"
>
<tspan className="font-light">Kolay</tspan>
<tspan className="font-semibold">Tercih</tspan>
</text>
</svg>
</footer> </footer>
); );
} }