B.B.C.B. — Project Context

Последнее обновление: 8 июня 2026

О проекте

Владелец:  Борис Пилюк (pbv81@ya.ru, +7 915 100-77-11, @boriska25)
Проект:    B.B.C.B. — Boris Barista Coffee Bar, выездной кофейный бар
Сайт:      bbcbb.ru
Google:    pbv0881@gmail.com

Технический стек

CMS:       WordPress
Хостинг:   ihor.ru (ISPmanager)
Сервер:    185.105.117.55
Тема:      bbcb-theme (кастомная)
Путь:      /www/bbcbb.ru/wp-content/themes/bbcb-theme/

Дизайн-токены

--bg:      #FAF7F2   (фон страницы)
--ink:     #1E1C17   (основной текст)
--mid:     #7A6F60   (второстепенный текст)
--rule:    #CD9D65   (линии, рамки)
--card:    #F3EDE4   (фон карточек)
--accent:  #B85C38   (акцент, кнопки)
--gold:    #C9933A   (золото, метки)

Шрифты:   Schibsted Grotesk (Google Fonts) + Panton (локальный, /fonts/)
Иконки:   Tabler Icons (@tabler/icons-webfont)
Логотип:  Bb/cb — Playfair Display Bold+Italic, слэш золотой

Файлы темы

style.css            — все стили
functions.php        — SEO, Schema.org, подключение файлов
functions-events.php — кастомный тип «Мероприятия»
header.php           — шапка с логотипом
footer.php           — подвал + весь JS (галереи, лайтбокс, бургер, wmStatic)
index.php            — главная страница
page-about.php       — «Обо мне»
page-events.php      — «Мероприятия»
page-offer.php       — «Коммерческое предложение»
page-context.php     — эта страница (служебная)
images/hero-mobile.jpg — обрезанная версия героя для мобильных

Навигация сайта

/#about     — О проекте
/#work      — Выполненные работы
/#services  — Что я предлагаю
/#writing   — Из блога
/#contact   — Контакт
/about      — Страница «Обо мне»
/events     — Все мероприятия (73+)
/offer      — Коммерческое предложение
/reviews    — Отзывы (reviews.html)
/review-form — Форма сбора отзывов (review-form.html)
/context    — Эта страница

Важные технические детали

— background-image для hero задаётся inline в index.php
  → перебивать через !important в @media (max-width: 768px)
— hero-mobile.jpg: crop top 20%, bottom 80%, right 45% от оригинала Фото77.jpg
— Галерея рабочих моментов: div#wmStatic с data-base, заполняется JS в footer.php
  → пул фото: work_syrup, work_coffee, work_moment2/3, gallery_latte_art,
    gallery_pour, gallery_steam, strip_pour, event_pour, suzdal_cup,
    machine_close, festival_bar
— Старый work-gallery слайдер удалён из index.php, стрелки скрыты в CSS
— Деплой: VS Code + SFTP плагин (Mac), Acode + SFTP (Android)
— Борис копипастит файлы целиком — давать готовый файл, не куски

Google Drive

Папка проекта: https://drive.google.com/drive/folders/1uguwapk936cE_hFfCM-yYDFuFn2AxxyP

site/       — файлы сайта (style.css, index.php, hero-mobile.jpg и др.)
blog/       — черновики постов блога
content/    — биография, проектные заметки, сырые истории, заметки о философии
events/     — мероприятия, брифы, каталоги фото

📋 Инструкция для Claude-чатов

Если ты читаешь эту страницу — ты работаешь над проектом B.B.C.B.

ПЕРЕД НАЧАЛОМ РАБОТЫ:
□ Прочитай эту страницу полностью
□ Проверь раздел «Срочно» — там приоритетные задачи
□ Прочти «Важные технические детали» — там грабли которые уже наступали

ПОСЛЕ ЗАВЕРШЕНИЯ ЗАДАЧИ:
□ Обнови page-context.php:
  — выполненное перенеси из 🔶 в ✅
  — новые задачи добавь в 📋
  — обнови дату «Последнее обновление» вверху
□ Загрузи обновлённый page-context.php на сервер

СТИЛЬ РАБОТЫ С БОРИСОМ:
— Копипастит файлы целиком — давать готовый файл, не куски кода
— Избегать «не» там где звучит как оправдание
— Голос Бориса: живой, честный, без пафоса, про удовольствие а не про работу
— Все важные заметки сохранять в Google Drive

Задачи

🔥 Срочно

🔶 EmailJS для формы отзывов — форма красивая но не отправляет письма. Зарегистрироваться на emailjs.com, добавить service_id / template_id / public_key в review-form.html. Займёт 20 минут.
🔶 Опубликовать bbcbb.ru/context — загрузить page-context.php, в WP создать страницу с шаблоном «Project Context».

⚡ Важно

🔶 Пост про Mailing Day 2026 — пишется в отдельном чате. Материал готов. Публиковать пока момент горячий.
📋 Разослать форму отзывов заказчикам — после подключения EmailJS. Нужно 3-5 реальных отзывов → добавить в reviews.html.
📋 Яндекс Вебмастер + Google Search Console — без этого сайт невидим для поисковиков.

📋 Запланировано

📋 Фотоархив мероприятий — events-gallery.html создан, ссылка добавлена на странице мероприятий (только для админа). Решить: оставить публичным или убрать ссылку.
Страница «Обо мне» — фото, хобби (фотография, кожа, заточка ножей, гриль, су-вид)
Блог: «Кавказ 2018» — нужны фото + продолжение (Тбилиси, Армения, Баку)
Блог: «Почему я не считаю порции» — нужны 2 личные истории
Блог: Турция (наработки у Бориса), Вьетнам, Чемпионат бариста, Ecom'23, Полиуретанэкс+StartUpVillage
Блог (идеи): про вкусы и свободу, про опыт и ошибки, про открытие кофейни, про хобби

✅ Сделано

Вся тема WordPress с нуля (bbcb-theme)
Логотип Bb/cb, дизайн-токены, адаптивность
73 мероприятия загружены
SEO: мета-теги, OG, Schema.org, robots.txt
Галерея с лайтбоксом, страница КП
Страница отзывов (reviews.html) + форма сбора (review-form.html) — синхронизированы со стилем сайта
Hero мобильный — отдельный файл hero-mobile.jpg + !important в CSS
Тексты главной — убраны повторы, переработан голос, убрана частица «не» как оправдание
Секция «О проекте» — фото слева + 8 карточек справа, «Кто я» первая, нумерация скрыта
Галерея рабочих моментов — 3 фото рандом (десктоп), 1 фото рандом (мобильный), пул 12 фото
Фото в секции «Что я предлагаю» — убрано
Старый work-gallery слайдер — удалён, стрелки скрыты
Цитаты «Как это работает» — убраны повторы слов
VS Code SFTP (Mac) + Acode SFTP (Android) — деплой настроен
Google Drive — архив структурирован
Фото Mailing Day 2026 — каталогизированы на Drive
Context-страница page-context.php — создана

Дополнительные проекты на bbcbb.ru

Гараж-трекер (личный, не связан с кофейным бизнесом):

garage.html          — журнал обслуживания Honda VFR800 + Nissan Qashqai
garage-save.php      — API сохранения записей
garage-upload.php    — API загрузки фото
garage-data.json     — база данных
garage-photos/       — фотографии
big_service.html     — страница большого ТО (~102 000 км, лето 2026)
vfr800_manual.pdf    — мануал Honda VFR800 (92 МБ)
vfr800_manual_compact.md — компактный справочник (559 КБ)

Стек: чистый HTML/CSS/JS + PHP, данные в JSON, localStorage для темы и калькулятора топлива

Важные заметки о Борисе

Философия:
— «Делаю то что люблю. Поэтому вовлекаюсь полностью — без усилий,
   без границы между делом и кайфом.»
— За любые вкусы гостя, без осуждения
— Розетка 3,5 КВт — единственное что нужно от площадки, воду привозит сам

Хобби (для страницы «Обо мне»):
— Мотоциклы — Honda VFR800 2002, самостоятельный ремонт на серьёзном уровне
— Фотография, кожевенное дело, заточка ножей
— Гриль (любит «долгую» готовку и стейки), су-вид

Связи хобби с профессией:
— Заточка + кофе = точность настройки инструмента
— Долгая готовка = терпение, понимание процесса
— Су-вид = контроль температуры — то же что в эспрессо