🎨 Palette: 프로젝트 카드 클릭 영역 확장

[seonghobae]

💡 What

프로젝트 카드(.project-grid article)의 링크 요소(a 태그)에 ::after 가상 요소를 추가하여 전체 카드 영역을 클릭할 수 있도록 확장했습니다. 또한 카드 영역에 hover 및 focus 시각적 피드백(background-color)을 추가했습니다.

🎯 Why

기존 프로젝트 카드는 타이틀 텍스트 부분만 클릭이 가능했습니다. 이는 Fitts's Law에 어긋나며, 사용자가 무의식적으로 카드 전체를 클릭하려 할 때 불편함을 초래합니다.

📸 Before/After

• Before: 카드 내 텍스트(타이틀)만 마우스 포인터가 손가락으로 변하고 클릭 가능.
• After: 카드 전체 영역 어디를 클릭해도 해당 프로젝트로 이동하며, 카드 배경색이 변화하여 피드백 제공.

♿ Accessibility

키보드 탐색 시 카드 전체에 시각적 피드백(:focus-within)이 발생하여, 현재 어느 항목에 포커스가 위치했는지 명확하게 인지할 수 있습니다.

---

PR created automatically by Jules for task 15486176525858980897 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[Copilot]

Pull request overview

프로젝트 카드(.project-grid article)에서 제목 링크의 클릭 가능 영역을 카드 전체로 확장하고, hover/focus 시 배경색 피드백을 추가해 탐색 UX와 키보드 포커스 인지성을 개선하는 PR입니다. 정적 GitHub Pages 사이트의 카드형 목록에서 Fitts’s law 관점의 클릭 타겟 개선에 해당합니다.

Changes:

• .project-grid article에 position: relative 및 :hover/:focus-within 배경색 피드백을 추가
• 프로젝트 제목 링크(.project-grid h3 a)에 ::after 오버레이를 사용해 카드 전체 클릭 타겟을 확장
• 사용자-facing 변경 사항을 CHANGELOG.md 및 .Jules/palette.md에 기록

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
styles.css	프로젝트 카드 hover/focus 피드백 및 링크 클릭 영역(카드 전체) 확장 스타일 추가
CHANGELOG.md	Unreleased에 프로젝트 카드 클릭 영역 확장/피드백 추가 내용을 기록
.Jules/palette.md	클릭 타겟 확장에 대한 학습/액션 로그 추가

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[seonghobae]

Closing as already implemented on main. The current stylesheet already expands the project-card link across the full card, adds hover and :focus-within feedback, and preserves a visible keyboard focus outline. Keeping this stale variant would duplicate completed behavior and exact-head checks.

[google-labs-jules]

Closing as already implemented on main. The current stylesheet already expands the project-card link across the full card, adds hover and :focus-within feedback, and preserves a visible keyboard focus outline. Keeping this stale variant would duplicate completed behavior and exact-head checks.

Understood. Acknowledging that this work is now obsolete and stopping work on this task.