52 lines
2.0 KiB
Markdown
52 lines
2.0 KiB
Markdown
# PDF резюме
|
||
|
||
## Генерация PDF
|
||
|
||
Скрипт `scripts/generate-resume-pdf.mjs` открывает `resume/` через Puppeteer, применяет шрифт geologica (PT Sans), убирает подложку/обводку блока `.resume-doc` и сохраняет PDF.
|
||
|
||
**Важно**: скрипт требует запущенный dev-сервер (`npm run serve` → `localhost:4175`).
|
||
|
||
### Запуск
|
||
|
||
```bash
|
||
npm run generate:resume-pdf
|
||
```
|
||
|
||
или вручную:
|
||
|
||
```bash
|
||
node scripts/generate-resume-pdf.mjs http://localhost:4175/resume/ geologica
|
||
```
|
||
|
||
Параметры:
|
||
- `[url]` — URL страницы (по умолчанию `http://localhost:4175/resume/`)
|
||
- `[font]` — ID шрифта: `geologica`, `merriweather`, `mono` (по умолчанию `geologica`)
|
||
|
||
### Выходной файл
|
||
|
||
`public/assets/resume/Mamadaev_Nik__CV__Product_Designer_UX-UI.pdf`
|
||
|
||
Кнопка «Скачать в PDF» на странице `resume/` — это `<a>` ссылка на этот файл.
|
||
|
||
### Когда перегенерировать
|
||
|
||
- После правок в `src/pages/resume.html` (контент, стили)
|
||
- При смене шрифта по умолчанию в скрипте
|
||
|
||
### Что скрипт делает с страницей
|
||
|
||
1. Устанавливает шрифт через `localStorage` + `data-font`
|
||
2. Ждёт загрузки шрифтов (`document.fonts.ready`)
|
||
3. Удаляет `header`, `footer`, `nav`, `.fab-stack`, `.cookie-notice`, `.skip-link`
|
||
4. Убирает `max-width` с `.resume-doc`, ставит `width: 100%`
|
||
5. Убирает фон (`background: transparent`) и обводку (`border: none`)
|
||
6. Захватывает `.resume-doc` как A4 PDF с `printBackground: true`
|
||
|
||
### Не попадает в PDF
|
||
|
||
Из `.resume-doc` удаляются (но остаются на сайте):
|
||
- Фон блока
|
||
- Обводка блока
|
||
|
||
Всё остальное (отступы, шрифты, сетка) — как на сайте.
|