feat: Hero AI 활용 소개·Repository 링크 + 프로젝트 표지 aspect fill#30
Open
ShapeKim98 wants to merge 1 commit into
Open
Conversation
- HeroSection: 이 사이트가 Claude Code 바이브 코딩으로 직접 만들어졌다는 AI 활용 역량 선언 문단 추가 (웹 전용, PDF에서는 data-print-hide) - HeroSection: Repository 버튼·MetaList 항목 추가 (ShapeKim98/portfolio) - HeroSection: 프린트 전용 웹사이트 URL 라인 노출 (data-print-only) - print.css: data-print-hide 패턴과 대칭되는 data-print-only 유틸 신설 - ProjectLayout: ProjectCover / UseCaseCover 이미지 object-contain → cover + 래퍼에 max-h-[85vh] 적용하여 85vh 초과 시 자연스럽게 잘림 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
data-print-only유틸을 신설해 웹사이트 URL(shapekim98.github.io/portfolio)을 Hero에 표기 — PDF 독자가 웹 버전으로 되돌아올 수 있도록ProjectCover/UseCaseCover이미지의object-contain을object-cover로 전환하고 래퍼에max-h-[85vh]를 주어 aspect fill 거동 적용: 자연 비율은 유지되지만 85vh를 초과하는 부분은 하단에서 자연스럽게 잘림변경 파일
src/app/components/HeroSection.tsx— AI 활용 문단·Repository 링크·print URLsrc/app/components/ProjectLayout.tsx— ProjectCover / UseCaseCover aspect fillsrc/styles/print.css—data-print-only유틸 (웹 숨김, print/html.print-mode노출)Test plan
/portfolio/Hero에서 새 AI 활용 문단·Repository 버튼·MetaList 항목 렌더 확인?print=1로 접속 — AI 활용 문단·Repository PDF 링크는 숨고, Web URL 라인·Repository 버튼이 노출되는지 확인npm run export-pdf로 PDF 재빌드 후 표지 aspect fill·Hero URL 반영 확인Closes #29