Vintage Food — по шаблону из Figma

Демонстрационный многостраничный сайт бургерной для портфолио: адаптив, доступность, меню из JSON, корзина в localStorage и оформление заказа (демо без бэкенда).

Что внутри

• Адаптивная верстка: без фиксированной ширины, с контейнером и брейкпоинтами.
• Многостраничность: отдельные страницы меню/акций/о нас/корзины/checkout.
• Онлайн-заказ (демо): корзина, итоги, оформление, сохранение последних заказов локально.
• Доступность: skip‑link, aria-*, фокус‑стили, работа форм и кнопок с клавиатуры.

Как запустить локально

Рекомендуется запускать через локальный сервер (иначе fetch для data/menu.json может не работать при открытии файла напрямую).

Варианты:

• VS Code: расширение Live Server
• Любой простой сервер (например, Python): python -m http.server 5173

Деплой на GitHub Pages

• Settings → Pages
• Build and deployment → Source: Deploy from a branch
• Branch: master / (root)
• Подожди 1–2 минуты, затем сайт будет доступен по адресу вида https://<username>.github.io/<repo>/

Почему всё должно работать:

• Все пути сделаны относительными (css/..., img/..., data/...), поэтому GitHub Pages в подпапке репозитория не ломает ссылки.
• Добавлен файл .nojekyll, чтобы GitHub Pages гарантированно раздавал JSON и статику без сюрпризов.

Структура

• index.html — главная
• menu.html — меню (рендер из data/menu.json)
• cart.html — корзина
• checkout.html — оформление заказа
• promos.html, about.html — дополнительные страницы
• css/style.css — стили
• js/main.js — логика меню/корзины/checkout
• img/ — изображения
• data/menu.json — данные меню

Демо-логика заказа

• Корзина хранится в localStorage (ключ vintageFoodCart:v1)
• Заказы сохраняются локально (ключ vintageFoodOrders:v1, последние 10)