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

style: apply Primary Color (#4E77FF) across all section kickers, subheaders, and decorative dashes

Browse Source
This commit is contained in:
Godopu
2026-08-20 22:42:26 +09:00
parent c4298bb60a
commit 7e431de1b7
8 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/app/_components/ProjectPageView.tsx
+5 -5
View File
@@ -11,8 +11,8 @@ export function ProjectPageView() {
<div className="flex flex-col sm:flex-row sm:items-end justify-between gap-4 border-b border-line pb-4"> <div className="flex flex-col sm:flex-row sm:items-end justify-between gap-4 border-b border-line pb-4">
<div> <div>
<div className="flex items-center gap-3 mb-1"> <div className="flex items-center gap-3 mb-1">
<span className="h-px w-8 bg-vermillion"></span> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold"> <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Key Initiatives Key Initiatives
</span> </span>
</div> </div>
@@ -32,7 +32,7 @@ export function ProjectPageView() {
role="group" role="group"
aria-roledescription="carousel" aria-roledescription="carousel"
aria-label="연구 프로젝트 목록" aria-label="연구 프로젝트 목록"
className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-vermillion/50 rounded" className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-cobalt/50 rounded"
> >
{researchProjects.map((proj, idx) => ( {researchProjects.map((proj, idx) => (
<article <article
@@ -41,7 +41,7 @@ export function ProjectPageView() {
role="group" role="group"
aria-roledescription="slide" aria-roledescription="slide"
aria-label={`${researchProjects.length}개 중 ${idx + 1}번째 프로젝트`} aria-label={`${researchProjects.length}개 중 ${idx + 1}번째 프로젝트`}
className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-vermillion/60 transition-colors space-y-5 break-words [word-break:keep-all]" className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-cobalt/60 transition-colors space-y-5 break-words [word-break:keep-all]"
> >
<div className="space-y-4"> <div className="space-y-4">
{/* Header Info */} {/* Header Info */}
@@ -50,7 +50,7 @@ export function ProjectPageView() {
{proj.title} {proj.title}
</h3> </h3>
{proj.period && ( {proj.period && (
<span className="font-mono text-xs text-vermillion bg-ivory border border-line px-2 py-0.5 rounded shrink-0"> <span className="font-mono text-xs text-cobalt-dark dark:text-cobalt bg-ivory border border-line px-2 py-0.5 rounded shrink-0">
{proj.period} {proj.period}
</span> </span>
)} )}
refer_landing_page/app/lectures/page.tsx
+3 -3
View File
@@ -10,8 +10,8 @@ export default function LecturesPage() {
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold"> <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Academic Courses Academic Courses
</span> </span>
</div> </div>
@@ -27,7 +27,7 @@ export default function LecturesPage() {
<section className="space-y-6 pt-6 md:pt-10 border-t border-line"> <section className="space-y-6 pt-6 md:pt-10 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
Recent Courses ({recentSemesters.length} Semesters) Recent Courses ({recentSemesters.length} Semesters)
</div> </div>
<h2 className="font-serif text-3xl font-normal text-ink mt-1"> <h2 className="font-serif text-3xl font-normal text-ink mt-1">
refer_landing_page/app/members/page.tsx
+5 -5
View File
@@ -15,9 +15,9 @@ export default function MembersPage() {
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold"> <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
People & Researchers People &amp; Researchers
</span> </span>
</div> </div>
<h1 className="font-serif text-4xl sm:text-5xl font-normal text-ink"> <h1 className="font-serif text-4xl sm:text-5xl font-normal text-ink">
@@ -30,7 +30,7 @@ export default function MembersPage() {
{/* Professor Section */} {/* Professor Section */}
<section className="space-y-6 pt-6 md:pt-10 border-t border-line"> <section className="space-y-6 pt-6 md:pt-10 border-t border-line">
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
Faculty Faculty
</div> </div>
@@ -51,7 +51,7 @@ export default function MembersPage() {
<div className="pt-4 border-t border-line/60 flex flex-wrap gap-4 text-xs font-mono"> <div className="pt-4 border-t border-line/60 flex flex-wrap gap-4 text-xs font-mono">
<a <a
href="mailto:sjkoh@knu.ac.kr" href="mailto:sjkoh@knu.ac.kr"
className="text-vermillion hover:underline" className="text-cobalt-dark dark:text-cobalt hover:underline"
> >
sjkoh@knu.ac.kr sjkoh@knu.ac.kr
</a> </a>
refer_landing_page/app/page.tsx
+3 -3
View File
@@ -81,7 +81,7 @@ export default function HomePage() {
{/* Metrics Row (Derived from data array, AC-13) */} {/* Metrics Row (Derived from data array, AC-13) */}
<div className="pt-6 border-t border-line grid grid-cols-3 gap-4"> <div className="pt-6 border-t border-line grid grid-cols-3 gap-4">
<div> <div>
<div className="font-serif text-3xl text-vermillion font-normal"> <div className="font-serif text-3xl text-cobalt-dark dark:text-cobalt font-normal">
{PILLARS.length} {PILLARS.length}
</div> </div>
<div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1"> <div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
@@ -89,7 +89,7 @@ export default function HomePage() {
</div> </div>
</div> </div>
<div> <div>
<div className="font-serif text-3xl text-cobalt font-normal"> <div className="font-serif text-3xl text-cobalt-dark dark:text-cobalt font-normal">
{Math.floor((publications.length + patents.length) / 10) * 10}+ {Math.floor((publications.length + patents.length) / 10) * 10}+
</div> </div>
<div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1"> <div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
@@ -120,7 +120,7 @@ export default function HomePage() {
<section className="space-y-8 pt-20 md:pt-28 border-t border-line"> <section className="space-y-8 pt-20 md:pt-28 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
Research Areas Research Areas
</div> </div>
<h2 className="font-serif text-3xl font-normal text-ink mt-1"> <h2 className="font-serif text-3xl font-normal text-ink mt-1">
refer_landing_page/app/publications/[category]/page.tsx
+2 -2
View File
@@ -59,8 +59,8 @@ export default function PublicationCategoryPage({ params }: PageProps) {
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold"> <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Publications Category Publications Category
</span> </span>
</div> </div>
refer_landing_page/app/publications/_components/CategoryNav.tsx
+2 -2
View File
@@ -19,8 +19,8 @@ export function CategoryNav({ currentCategory }: CategoryNavProps) {
href={`/publications/${cat.slug}`} href={`/publications/${cat.slug}`}
className={`px-4 py-2 rounded text-xs font-mono tracking-wider transition-colors ${ className={`px-4 py-2 rounded text-xs font-mono tracking-wider transition-colors ${
isActive isActive
? "bg-vermillion text-white dark:text-ivory font-bold" ? "bg-cobalt-dark text-white dark:text-ivory font-bold"
: "bg-paper text-ink border border-line hover:border-vermillion" : "bg-paper text-ink border border-line hover:border-cobalt-dark dark:hover:border-cobalt"
}`} }`}
> >
{cat.label} {cat.label}
refer_landing_page/app/publications/page.tsx
+4 -4
View File
@@ -26,8 +26,8 @@ export default function PublicationsIndexPage() {
{/* Header section */} {/* Header section */}
<section className="space-y-4"> <section className="space-y-4">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion" /> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt" />
<span className="font-mono text-xs font-bold uppercase tracking-widest text-vermillion"> <span className="font-mono text-xs font-bold uppercase tracking-widest text-cobalt-dark dark:text-cobalt">
BIBLIOGRAPHY &amp; INTELLECTUAL PROPERTY BIBLIOGRAPHY &amp; INTELLECTUAL PROPERTY
</span> </span>
</div> </div>
@@ -49,13 +49,13 @@ export default function PublicationsIndexPage() {
return ( return (
<div <div
key={cat.slug} key={cat.slug}
className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-vermillion group" className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-cobalt-dark dark:hover:border-cobalt group"
> >
<div className="space-y-3"> <div className="space-y-3">
<span className="font-mono text-xs text-ink-mute uppercase tracking-wider"> <span className="font-mono text-xs text-ink-mute uppercase tracking-wider">
Category Category
</span> </span>
<h2 className="headline-ko text-xl text-ink font-bold group-hover:text-vermillion transition-colors"> <h2 className="headline-ko text-xl text-ink font-bold group-hover:text-cobalt-dark dark:group-hover:text-cobalt transition-colors">
{cat.label} {cat.label}
</h2> </h2>
<p className="text-xs text-ink-mute leading-relaxed"> <p className="text-xs text-ink-mute leading-relaxed">
refer_landing_page/app/standardization/page.tsx
+3 -3
View File
@@ -13,8 +13,8 @@ export default function StandardizationPage() {
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span> <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold"> <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Open Standards &amp; Contributions Open Standards &amp; Contributions
</span> </span>
</div> </div>
@@ -33,7 +33,7 @@ export default function StandardizationPage() {
<div className="flex flex-wrap justify-between items-start gap-4 border-b border-line pb-4"> <div className="flex flex-wrap justify-between items-start gap-4 border-b border-line pb-4">
<div> <div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="font-mono text-xs text-vermillion font-bold uppercase"> <span className="font-mono text-xs text-cobalt-dark dark:text-cobalt font-bold uppercase">
[{body.scope}] [{body.scope}]
</span> </span>
{body.role && ( {body.role && (