Skip to content

Commit 48b92bc

Browse files
committed
demo-GIF: стиль askads.ru — светлая тема на дизайн-токенах сайта
Палитра из web/app/globals.css (бумага #f4f1eb, поверхность #fbfaf7, текст #2b2722, акцент #d97757, green/critical), окно с точками как DemoChat на лендинге, шрифт JetBrains Mono (дефолт vhs = --font-mono сайта). Терминал теперь 97×33 — правило «всё в один экран» без изменений.
1 parent 5cb933e commit 48b92bc

3 files changed

Lines changed: 13 additions & 7 deletions

File tree

docs/DEVELOPMENT.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ YANDEX_DIRECT_SANDBOX=true YANDEX_DIRECT_TOKEN=ваш_токен npm run smoke
5050
npm run build && vhs docs/demo.tape # требуется vhs: brew install vhs
5151
```
5252

53-
Важно: терминал vhs при настройках из `docs/demo.tape`95 колонок × 32 строки,
53+
Важно: терминал vhs при настройках из `docs/demo.tape`97 колонок × 33 строки,
5454
и капчер замирает при скролле буфера. Меняя сценарий или фикстуры, следите,
5555
чтобы весь вывод помещался на один экран.
5656

docs/demo.gif

-51.6 KB
Loading

docs/demo.tape

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,26 @@
88
#
99
# Требуется: vhs (https://github.com/charmbracelet/vhs).
1010
#
11-
# ВАЖНО: при этих настройках терминал vhs — 95 колонок × 32 строки, и капчер
11+
# ВАЖНО: при этих настройках терминал vhs — 97 колонок × 33 строки, и капчер
1212
# замирает при скролле буфера. Весь вывод сценария обязан помещаться на один
1313
# экран: не удлиняйте текст/таблицы, не сузив что-то другое.
1414

1515
Output docs/demo.gif
1616

1717
Set Shell bash
1818
Set FontSize 15
19-
Set FontFamily "Menlo"
20-
Set Width 1000
21-
Set Height 610
22-
Set Padding 12
19+
Set Width 1060
20+
Set Height 700
21+
Set Padding 14
22+
Set Margin 18
23+
Set MarginFill "#f4f1eb"
24+
Set WindowBar Colorful
25+
Set BorderRadius 10
2326
Set Framerate 20
24-
Set Theme "Catppuccin Mocha"
27+
# Палитра и окно — дизайн-токены askads.ru (web/app/globals.css): бумага #f4f1eb,
28+
# поверхность #fbfaf7, текст #2b2722, акцент #d97757. Шрифт не задаём: дефолт
29+
# vhs = JetBrains Mono — тот же моноширинный шрифт, что на сайте (--font-mono).
30+
Set Theme { "name": "Ask Ads", "background": "#fbfaf7", "foreground": "#2b2722", "cursor": "#d97757", "selection": "#fbeee7", "black": "#1c1917", "red": "#c2453d", "green": "#2f8f6b", "yellow": "#a8801f", "blue": "#229ed9", "magenta": "#c25e3d", "cyan": "#d97757", "white": "#57514b", "brightBlack": "#8a847d", "brightRed": "#c2453d", "brightGreen": "#2f8f6b", "brightYellow": "#a8801f", "brightBlue": "#229ed9", "brightMagenta": "#c25e3d", "brightCyan": "#d97757", "brightWhite": "#1c1917" }
2531

2632
Hide
2733
Type `node docs/demo/run.mjs` Enter

0 commit comments

Comments
 (0)