feat(members): replace Affiliation & Office box with Prof. Seok-Joo Koh profile image
- Copy prof_profile.png to refer_landing_page/public/images/ - Configure images.unoptimized in next.config.js for static export compatibility - Render high-resolution portrait profile image in professor section - All 12 quality gates passed clean (Exit Code 0)
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
|
import Image from "next/image";
|
||||||
import { getMembers, getAlumni } from "../../lib/api";
|
import { getMembers, getAlumni } from "../../lib/api";
|
||||||
import { ProfessorDetailsDialog } from "./_components/ProfessorDetailsDialog";
|
import { ProfessorDetailsDialog } from "./_components/ProfessorDetailsDialog";
|
||||||
import type { Member, Alumnus } from "../../content/types";
|
import type { Member, Alumnus } from "../../content/types";
|
||||||
@@ -80,13 +81,17 @@ export default function MembersPage() {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="lg:col-span-4 bg-ivory p-6 rounded border border-line text-xs space-y-2 font-mono">
|
<div className="lg:col-span-4 flex justify-center items-center">
|
||||||
<div className="text-ink font-bold border-b border-line pb-1">
|
<div className="relative w-48 h-48 sm:w-56 sm:h-56 md:w-60 md:h-60 rounded-xl overflow-hidden border border-line shadow-sm bg-ivory">
|
||||||
Affiliation & Office
|
<Image
|
||||||
|
src="/images/prof_profile.png"
|
||||||
|
alt="Prof. Seok-Joo Koh"
|
||||||
|
fill
|
||||||
|
sizes="(max-width: 1024px) 224px, 240px"
|
||||||
|
className="object-cover object-top"
|
||||||
|
priority
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-ink-mute">Kyungpook National University</p>
|
|
||||||
<p className="text-ink-mute">IT Building #5 Room 527</p>
|
|
||||||
<p className="text-ink-mute">Daegu, Republic of Korea</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 301 KiB |
@@ -3,6 +3,9 @@ const nextConfig = {
|
|||||||
output: "export",
|
output: "export",
|
||||||
trailingSlash: true,
|
trailingSlash: true,
|
||||||
reactStrictMode: true,
|
reactStrictMode: true,
|
||||||
|
images: {
|
||||||
|
unoptimized: true,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
module.exports = nextConfig;
|
module.exports = nextConfig;
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 301 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 301 KiB |
Reference in New Issue
Block a user