#에디토리얼 레이아웃 및 스크롤 테스트
시험용
커버 이미지와 스크롤 테스트
이 글은 단일 포스트 레이아웃이 요구사항에 맞게 잘 구현되었는지 확인하기 위한 샘플 포스트입니다.
화면을 아래로 스크롤해 보세요. 뒤에 고정되어 있던 커버 이미지가 서서히 페이드아웃(투명해짐) 되면서 본문이 부드럽게 위로 올라와 이미지를 덮게 됩니다.
또한, 메인 화면에서 항상 고정되어 있던 글로벌 헤더(siku.name 메뉴)는 스크롤과 함께 위로 자연스럽게 사라지고, 대신 포스트 전용 고정 메뉴바가 화면 상단에 짠 하고 나타날 것입니다.
본문 폭(680px)과 이미지 브레이크아웃(900px) 테스트
텍스트는 BaseLayout에 설정한 대로 중앙 680px 폭 안에서 예쁘게 정렬되어야 합니다. 하지만 글 중간에 들어가는 아래의 이미지는 900px 폭까지 뻗어나가서 시원한 에디토리얼 느낌을 주어야 합니다.
모든 동작이 완벽하다면 성공입니다!