lab/landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unify Footer background and text color with main theme tokens to remove inverted block contrast

Browse Source
This commit is contained in:
Godopu
2026-07-30 22:51:24 +09:00
parent 2a0d50662f
commit 529f40a7c3
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/components/Footer.tsx
+16 -16
View File
@@ -12,7 +12,7 @@ const links = [
export default function Footer() {
return (
<footer className="mt-0 border-t border-ink bg-ink text-ivory lg:mt-8">
<footer className="mt-0 border-t border-line bg-paper text-ink lg:mt-8">
{/* Marquee band — colophon ticker */}
<Marquee
items={[
@@ -23,20 +23,20 @@ export default function Footer() {
"KYUNGPOOK NATIONAL UNIVERSITY",
]}
reverse
className="border-b border-ivory/20 py-4 font-display text-lg tracking-wide text-ivory/90"
className="border-b border-line py-4 font-display text-lg tracking-wide text-ink/90"
/>
<div className="container-content grid gap-12 py-16 lg:grid-cols-12">
{/* Masthead title */}
<div className="lg:col-span-5">
<p className="kicker text-ivory/50">Colophon</p>
<h3 className="headline-ko mt-3 text-2xl leading-snug">
<p className="kicker text-ink-mute">Colophon</p>
<h3 className="headline-ko mt-3 text-2xl leading-snug text-ink">
AI 에이전트 네트워크 연구실
</h3>
<p className="font-display mt-1 text-xl italic text-ivory/70">
<p className="font-display mt-1 text-xl italic text-ink-soft">
AI Agent Networking Lab (ANL)
</p>
<p className="mt-5 max-w-sm text-sm leading-relaxed text-ivory/60">
<p className="mt-5 max-w-sm text-sm leading-relaxed text-ink-mute">
경북대학교 컴퓨터학부<br />
Kyungpook National University,<br />
School of Computer Science and Engineering
@@ -45,13 +45,13 @@ export default function Footer() {
{/* Contact */}
<div className="lg:col-span-4">
<p className="kicker text-ivory/50">Contact</p>
<address className="mt-3 not-italic text-sm leading-relaxed text-ivory/70">
<p className="kicker text-ink-mute">Contact</p>
<address className="mt-3 not-italic text-sm leading-relaxed text-ink-soft">
(41566) 대구광역시 북구 대학로 80<br />
경북대학교 IT대학 5호관(415동) 527호<br />
<a
href="mailto:sjkoh@knu.ac.kr"
className="draw-underline mt-2 inline-block text-ivory hover:text-vermillion"
className="draw-underline mt-2 inline-block text-ink hover:text-vermillion font-medium"
>
sjkoh@knu.ac.kr
</a>
@@ -60,19 +60,19 @@ export default function Footer() {
{/* Index */}
<div className="lg:col-span-3">
<p className="kicker text-ivory/50">Index</p>
<p className="kicker text-ink-mute">Index</p>
<ul className="mt-3 space-y-2">
{links.map((l, i) => (
<li key={l.href} className="flex items-baseline gap-3">
<span className="font-display text-xs text-ivory/40">
<span className="font-display text-xs text-ink-mute">
{String(i + 1).padStart(2, "0")}
</span>
<Link
href={l.href}
className="text-sm text-ivory/70 transition hover:text-vermillion"
className="text-sm text-ink-soft transition hover:text-vermillion"
>
{l.ko}{" "}
<span className="text-xs text-ivory/40">{l.en}</span>
<span className="text-xs text-ink-mute">{l.en}</span>
</Link>
</li>
))}
@@ -80,12 +80,12 @@ export default function Footer() {
</div>
</div>
<div className="border-t border-ivory/20">
<div className="border-t border-line">
<div className="container-content flex flex-col gap-2 py-5 sm:flex-row sm:items-center sm:justify-between">
<p className="text-xs text-ivory/50">
<p className="text-xs text-ink-mute">
© {new Date().getFullYear()} AI 에이전트 네트워크 연구실 (ANL) · 경북대학교 컴퓨터학부. All rights reserved.
</p>
<p className="kicker text-ivory/40">Set in Fraunces · Noto Serif KR · Pretendard</p>
<p className="kicker text-ink-mute">Set in Fraunces · Noto Serif KR · Pretendard</p>
</div>
</div>
</footer>