almes-shop

ALMES shop

Учебный проект для портфолио — демо-сайт с тремя магазинами. Это не настоящий магазин: товары нельзя купить, оплата не подключена, цены примерные.

• Кроссовки — витрина брендов, колесо моделей, карточка пары с расцветками и размерами.
• Техника — витрина брендов, колёса разделов и моделей, страница модели с 3D или официальными фото по цветам, реклама модели, выбор памяти, сравнение как в DNS.
• Чай — три провинции Китая (Фуцзянь, Юньнань, Чжэцзян), фон меняется кадрами при прокрутке, страница сорта с историей, завариванием и фасовками 50 / 100 / 250 г.

Кнопки в шапке меняют материал под открытый магазин: замша, кожа и джинса; блюр и жидкое стекло; нефрит, фонари и дракон.

Как запустить

Нужен только Python 3 — сборки нет, это обычный статический сайт.

python almes-tools/serve.py 5175

Потом открыть http://localhost:5175.

Что где лежит

• almes-shop/ — сам сайт: index.html, app.js (общая часть и кроссовки), tech/ (техника), tea/ (чай), стили, assets/3d/ — 3D-модели.
• almes-tools/ — скрипты, которыми подбирались материалы: официальные фото и реклама техники (media/), 3D-модели (3d/), фото чая с Викисклада (tea/).

Чьи материалы

• 3D-модели — с Sketchfab, авторы и лицензии указаны в almes-shop/tech/models3d.js и на страницах моделей. Большая часть — CC BY; часть — CC BY-NC и CC BY-NC-SA, их можно использовать только некоммерчески.
• Фото техники — официальные сайты брендов; файлы не скачивались, сайт показывает их по ссылкам.
• Фото чая и Китая — Викисклад, свободные лицензии; автор и лицензия подписаны на сайте.
• Названия и логотипы брендов принадлежат их владельцам.