slides

Reveal.js 프레젠테이션 보일러플레이트. Forgejo Pages를 통해 정적 사이트로 배포.

배포 URL: https://pages.xhhan.com/xhh/slides/

구조

slides/
├── public/                    # 배포 대상 (pages 브랜치로 push)
│   ├── index.html             # 메인 HTML
│   ├── css/
│   │   └── style.css          # 커스텀 스타일 (프로젝터 최적화)
│   ├── js/
│   │   ├── slide-loader.js    # 슬라이드 동적 로더
│   │   └── config.js          # Reveal.js 설정 + Mermaid + 유틸리티
│   └── slides/                # 개별 슬라이드 파일
│       ├── 01-title.html
│       ├── 02-outline.html
│       └── ...
├── .forgejo/
│   └── workflows/
│       └── deploy.yml         # Forgejo Pages 배포 워크플로
└── README.md

사용법

1. public/slides/ 폴더의 개별 슬라이드 파일 편집
2. public/js/slide-loader.js의 slideFiles 배열에서 슬라이드 순서 관리
3. main 브랜치에 push
4. Forgejo Actions가 자동으로 배포

주요 기능

• 분리형 구조: HTML/CSS/JS/슬라이드 콘텐츠 완전 분리
• 동적 슬라이드 로딩: 슬라이드별 개별 파일 관리
• Mermaid.js: 플로차트, 시퀀스, Git그래프 등 다이어그램
• Tailwind CSS v4: 유틸리티-퍼스트 스타일링
• 한국어 폰트: Noto Sans KR
• 프로젝터 최적화: 1024x768, 압축 클래스 (.compact, .ultra-compact)
• 파일명 표시: 우측 상단 현재 슬라이드 파일명 표시 및 클릭 복사

키보드 단축키

• Space / → / ↓: 다음 슬라이드
• ← / ↑: 이전 슬라이드
• Esc: 슬라이드 개요
• S: 발표자 노트
• F: 전체화면
• H: 첫 번째 슬라이드
• E: 마지막 슬라이드

테마 변경

public/index.html에서 테마 주석을 토글:

white (기본) | black | league | beige | night | serif | simple
solarized | moon | dracula | sky | blood

새 발표 만들기

이 레포를 fork하거나 public/slides/ 내 슬라이드 파일을 교체하여 사용.