구요한(CMDSPACE)의 강의·컨설팅 덱 시스템 전시장입니다. 한 개의 공용 프레젠터 엔진 위에 아홉 개의 시각 언어를 얹었습니다. 어느 덱을 열어도 같은 키로 발표하고, 같은 파일 하나로 노트 창을 띄우고, 같은 콘텐츠 정본을 씁니다. 스타일은 CSS 한 층이라 복사해서 자기 덱에 얹을 수 있습니다.
모든 덱은 같은 24장 콘텐츠(지식관리 CMDS · LLM Wiki · 주요 강의 · 대표 주제)를 렌더합니다. 열어서 →, P, N, A, T를 눌러 보세요. 각 카드의 "설계 문서"가 스타일을 복사하는 법입니다.
다크 관제실 계기판. 상태 스트립과 타임코드가 장식이 아니라 엔진 상태다.
스위스 포스터. 헤드라인을 측정폭 1700px에 잠그고 색 면 네 장으로 리듬을 만든다.
연구 필드노트. 모눈 위에 본문, 우측 마진에 각주와 출처. 정본이 어디인지 항상 보인다.
무성영화 자막 카드. 2.39:1 레터박스 안에서 컷 단위로 공개한다. 가장 실험적.
신문 1면 조판. 마스트헤드·6컬럼·폴리오가 지면 안에 인쇄돼 JS가 죽어도 진행이 남는다.
고정 캔버스 위의 도면 언어. 좌측 절단선 눈금자가 진행 표시다.
단일 파일 유동 도면. 우측 하단 표제란이 슬라이드의 설계 메타(섹션·유형·출처·리비전)를 담는다.
유동 타이포 에디토리얼. 점 진행 표시가 지금 몇 번째 장인지 한눈에 알려준다.
모든 값에 이유가 있는 UI 시스템. 8px 스케일, 정의된 타입 램프, 카드 표면.
엔진이 하나라 단축키도 하나입니다. 발표 모드는 전체화면 안에서 세 단계로 순환하고, 노트 창은 같은 파일이 다른 창에서 열린 것이라 파일 하나만 들고 다니면 됩니다.
| → Space | 다음 단계 / 다음 슬라이드 (Shift: 슬라이드 단위) |
| ← | 이전 단계 / 이전 슬라이드 |
| P | 발표 모드 순환: 장표만 → 상하 패널 → 노트 열 (전체화면 자동 진입) |
| F | 전체화면 |
| N | 발표자 노트를 별도 창으로. 듀얼 모니터에서 한쪽은 장표, 한쪽은 노트. 양쪽에서 넘길 수 있고 항상 동기화 |
| A | 화면 비율 16:9 ↔ 16:10 (맥 모니터) ↔ 자유(스크롤형) |
| T | 라이트 / 다크 |
| 숫자 + Enter | 슬라이드 점프 |
| 0 | 타이머 리셋 · R 리허설 리셋 · ? 도움말 |
스타일은 CSS 한 층입니다. 엔진과 마크업 계약을 지키면 어떤 콘텐츠에도 얹힙니다.
cmds-deck-core.zip 을 받아 core/ 와 build.py, content.html 견본, CONTRACT.md 를 얻습니다.
content.html 의 슬라이드 종류(k-cover, k-steps, k-table …)와 클래스 계약대로 자기 24장을 씁니다. 발표자 노트는 같은 파일의 JSON 배열.
마음에 드는 덱의 theme.css(+theme.js)를 themes/{slug}/ 에 두고 python3 build.py 로 단일 파일을 만듭니다. 설계 문서에 토큰과 결정 이유가 적혀 있습니다.
curl -O https://deck.cmdspace.work/cmds-deck-core.zip && unzip cmds-deck-core.zip -d my-deck
cd my-deck && python3 build.py # dist/{theme}/index.html 단일 파일
python3 tools/verify.py dist/{theme}/index.html --aspects 16x9,16x10 --themes light,dark