/* 콘텐츠 템플릿 · 베리에이션 — 텍스트형 3 + 이미지/그래픽형 9 · Safe Zone 10%(100px) */
(function () { // module scope - Babel standalone runs scripts in shared global scope
const P = PAL;
const M = window.MOTIF; // 캠핑/자연물 형상화 모티프
const S = 100; // 상하좌우 Safe Zone (1080 * 약 9.3%)
function THead({ ek, kicker, title, cat, kc = PAL.ocean }) {
return (
{cat && }
{kicker}
{title}
);
}
/* ───────── 텍스트형 (3) ───────── */
/* 01 소개형 */
function T_Intro({ ek }) {
return (
텐트를 치고, 밥을 짓고, 세계 친구들과 어울리는 곳. 영내에서는 캠프 생활의 모든 순간이 하나의 프로그램이 됩니다. 자고 먹고 노는 일상이 곧 모험이고, 20개국에서 모인 또래와 매일 밤 새로운 추억이 쌓여요.
{['과정활동', '전시·공연', '국제교류', '반집회'].map((p, i) => {p})}
);
}
/* 02 FAQ형 */
function T_FAQ({ ek }) {
const qa = [
{ q: '누가 참가하나요?', a: '20개국 약 3,000명의 청소년·지도자' },
{ q: '언제 · 어디서 열리나요?', a: '2026. 8. 5–8. 9 · 강원 세계잼버리수련장' },
{ q: '무엇을 하나요?', a: '과정활동 · K-POP 콘서트 · 전시 · 체험' }
];
return (
{qa.map((x, i) => (
{x.q}
{'A. ' + x.a}
))}
“
청소년이 세계평화와 지구환경의 공존가치를 나누고, 지속가능한 미래를 실천하는 세계시민으로 성장합니다.
— 제16회 한국잼버리 비전
);
}
/* ───────── 이미지/그래픽형 (9) ───────── */
/* 04 풀이미지형 */
function T_FullImage({ ek }) {
return (
IMAGE · 풀이미지형
강원의 여름,
지금 시작
);
}
/* 05 이미지 + 캡션형 */
function T_ImageCaption({ ek }) {
return (
강원의 명소를 발로 누비는 영외활동
OUT-CAMP · 지역 탐방
);
}
/* 06 좌우 분할(이미지 우세)형 */
function T_SplitImage({ ek }) {
return (
MEALS
잼버리
밥상
하루 세 끼, 든든하게. 안전하고 다양한 식단.
);
}
/* 07 갤러리형 (3×2 이미지) */
function T_Gallery({ ek }) {
const labels = ['사진 1', '사진 2', '사진 3', '사진 4', '사진 5', '사진 6'];
return (
);
}
/* 08 빅넘버 + 이미지형 */
function T_BigNumImage({ ek }) {
return (
IMAGE · 빅넘버형
3,000
20개국이 함께하는 글로벌 캠프
);
}
/* 09 그래픽 포스터형 (도형 중심) */
function T_GraphicPoster({ ek }) {
return (
GRAPHIC · 포스터형
평화를
잇다
);
}
/* 10 이미지 카드 그리드 (2×2 + 라벨) */
function T_ImageGrid({ ek }) {
const items = [{ t: 'K-POP 콘서트', c: P.purple }, { t: '전시·공연', c: P.ocean }, { t: '과정활동', c: P.forest }, { t: '개·폐영식', c: P.red }];
return (
{items.map((x, i) => (
))}
{items.map((x, i) => (
{x.t}
))}
{nodes.map((x, i) => (
))}
재밌겠지?
기대되지?
궁금한 건 언제든 물어봐!
);
}
/* 14 절차/방법형 — 5단계 안내 (번호 배지 + 제목 + 설명) */
function T_Steps({ ek }) {
const cols = [P.purple, P.ocean, P.forest, P.red, P.orange];
const steps = [
{ t: '공식 채널 확인', s: '홈페이지·SNS에서 일정과 모집 공고를 확인해요' },
{ t: '참가 신청서 작성', s: '대원 정보와 참가 구분을 입력해요' },
{ t: '참가비 납부', s: '안내된 기한 안에 결제를 완료해요' },
{ t: '필수 서류 제출', s: '건강기록부 등 서류를 제출해요' },
{ t: '확정 · 준비물 안내', s: '배정 결과와 준비물 안내를 받으면 끝!' }
];
return (
{steps.map((x, i) => (
{x.t}
{x.s}
{'STEP ' + (i + 1)}
))}