매일건강 고단백 HTML 모션 광고 55종 — 2026-10-19 개편

55종 × 각 10장 = 550개 HTML 장면 / 각 25초 / 16:9 FHD 디자인
사진(img), 제목(h1), 설명(p), 장식(CSS), 모션(Web Animations API)을 분리했습니다.
index.html에서 시안을 선택하거나 pg-001.html ~ pg-055.html을 직접 여세요.

사진·문구 편집: 현재 장면의 사진과 두 줄 제목, 설명을 교체합니다.
HTML 저장: 사진과 CSS, 재생 코드를 포함한 독립 HTML 파일을 저장합니다.
이 파일은 다른 PC에서도 인터넷 없이 재생·재편집할 수 있습니다.
편집 내용은 서버에 저장하지 않습니다. 창을 닫기 전에 HTML로 저장하세요.
55종 연속: 현재 광고가 끝나면 다음 광고로 넘어갑니다.
가로로 보기: 모바일에서 가로 화면으로 표시합니다.
전체화면에는 하단 시간 진행 표시가 없습니다.
모션 줄이기: OS 설정을 따르며 필요하면 체크를 해제하여 효과를 확인하세요.

직접 수정할 파일:
films.js / films.json — 55개 광고의 문구, 사진 경로, 테마
studio.css — 11계열의 디자인 및 글꼴·위치
studio.js — 모션, 재생, 편집, HTML 저장
mobile-landscape.js — 가로보기
assets/ — 사진과 출처

이 ZIP에는 새 HTML 템플릿을 포함했습니다.
기존 MP4·JPG는 개편 전 시안이며 홈페이지 하단 '이전 버전 보관 파일'에 남아 있습니다.
새 HTML 시안의 MP4 영상은 이번 개편에 포함하지 않았습니다.
