CodeVinci Orbit

Главный сайт CodeVinci и интерактивный навигатор по проектам: задача, интерфейсы, результат и способы связи.

codevinci.su

---

Витрина продукта. Этот репозиторий — публичная витрина: что такое Orbit, как устроено взаимодействие и доступность. Исходный код, история разработки, инфраструктура, конфигурация и секреты сюда не входят. Все изображения — реальные экраны проектов, отобранные и безопасные (демонстрации на открытых источниках, без личных данных). Сайт опубликован: https://codevinci.su.

Что это

CodeVinci Orbit — главный сайт личного технологического бренда одного самостоятельного разработчика CodeVinci. Его центральный элемент — Orbit Atlas, живая карта проектов: четыре проекта расположены на спокойной эллиптической орбите вокруг некликабельного ядра CodeVinci, и посетитель выбирает проект прямо на этой карте.

Идея сайта простая и честная: за 10–15 секунд показать, кто такой CodeVinci и какие проекты за этим стоят — их задачу, интерфейсы и результат, без маркетингового шума и выдуманных цифр.

Порядок главной ведёт от «чем могу помочь» (направления работы) к проектам на орбите, затем к отзывам клиентов и разделу «Обо мне» с описанием, как выстроена работа.

Что можно сделать

• Выбрать проект на орбите — мышью, с клавиатуры или касанием; выбранный проект подсвечивается, а рядом обновляется панель с его сутью.
• Понять проект за один взгляд — панель показывает статус/версию, одно реальное изображение интерфейса, короткую ценностную строку «что делает» и технологии.
• Открыть страницу проекта — с возможностями, форматом использования, разделом «Интерфейс и результат» и ссылкой на репозиторий.
• Прочитать отзывы клиентов — короткие реальные отзывы от людей, с которыми CodeVinci уже работал.
• Открыть любой проект без JavaScript — при выключенном скрипте орбита заменяется семантическим списком ссылок на все четыре страницы проектов (дублирующего каталога на обычной странице нет — проекты показаны один раз, через орбиту).
• Связаться — основной контакт Kwork, дополнительно GitHub.

Как это выглядит

Скриншоты сделаны с опубликованного сайта https://codevinci.su.

_{Навигатор Orbit: узлы проектов на орбите, ядро CodeVinci в центре, спутник-Сатурн по орбите и панель выбранного проекта.}

_{Отзывы клиентов — короткие реальные отзывы от людей, с которыми CodeVinci уже работал.}

Десктоп	Мобильный
Главная на десктопе	Главная на мобильном (sticky-шапка, компактные секции)

Четыре проекта

Ровно четыре реальных проекта, каждый с честным статусом. Начальный выбор на орбите — Inspector.

• CodeVinci Inspector — операторский инструмент технической проверки сайтов: проверки с доказательством к каждой находке и неизменяемые отчёты. Версия 1.0.1 · репозиторий-витрина
• Vinci AI Pilot — AI-агент маркетинговой разведки: находит, анализирует и сравнивает открытые источники, отдаёт результат в Google Sheets и Telegram. В разработке · репозиторий
• File Atelier — безопасная сортировка файлов: предпросмотр плана до применения, журнал и отмена, интерфейсы CLI и GUI. Версия 1.2.0 · репозиторий
• CareNest Bot — Telegram-бот с викториной, списком желаний, напоминаниями и персональными сценариями; данные хранятся локально. Версия 1.2.2 · не публичный сервис, публична только безопасная демонстрация · репозиторий

Как устроено взаимодействие

Orbit — рабочая навигация, а не декоративная схема. Четыре узла на фиксированных позициях (Inspector сверху, Vinci AI Pilot справа, File Atelier снизу, CareNest Bot слева) и некликабельное ядро в центре. Выбор синхронизирует орбиту и панель проекта; смена выбора не сдвигает узлы, а выбранный узел отмечается круглой пульсацией из статус-точки. По орбите идёт спокойный code-native спутник-планета Сатурн — акцент «живой карты», который замирает при prefers-reduced-motion. На обычной странице с JavaScript проекты показаны один раз (через орбиту), дублирующего каталога нет; полный доступ ко всем четырём страницам проектов без JavaScript даёт семантический noscript.

На мобильном селектор проектов листается свайпом (а также стрелками, точками и клавиатурой), секции компактные, шапка остаётся сверху при прокрутке.

Подробнее — docs/INTERACTION.md: геометрия, выбор мышью, касанием и свайпом, клавиатура, панель проекта, движение и поведение без JavaScript.

Доступность и прогрессивное улучшение

Сайт спроектирован так, чтобы оставаться понятным и управляемым без анимации и без JavaScript: семантическая навигация, роль radiogroup у орбиты, roving-tabindex, видимый фокус, тач-таргеты ≥44px, честный reduced-motion и семантический список ссылок на все страницы проектов при выключенном скрипте.

Подробнее — docs/ACCESSIBILITY.md.

Инженерные принципы

• Честность по построению. Только четыре реальных проекта, честный статус, никаких выдуманных клиентов, метрик или гарантий.
• Прогрессивное улучшение. Ядро работает без JavaScript; интерактив — надстройка.
• Сдержанное движение. Анимация объясняет выбор и связь, не мешает и не требуется для понимания; reduced-motion убирает всё необязательное.
• Без сдвигов макета. Геометрия зарезервирована, смена выбора и загрузка изображений не двигают контент.
• Локальная авторитетность данных. Состав проектов, статус и тексты задаются локально; метаданные GitHub — необязательное техническое обогащение с честной датой.

Технологии

Astro (статическая сборка) · TypeScript (strict) · React (один интерактивный island — навигатор Orbit) · Tailwind CSS v4 (CSS-first) · code-native SVG/CSS · self-hosted шрифт Golos Text.

Ссылки

• Kwork — основной контакт: https://kwork.ru/user/codevinci
• GitHub — https://github.com/CodeVinci8

Что в этом репозитории

• README.md — эта витрина;
• assets/ — знак бренда и финальные продакшн-скриншоты (десктоп, мобильный, навигатор, отзывы);
• docs/INTERACTION.md — модель взаимодействия Orbit;
• docs/ACCESSIBILITY.md — реализованная доступность;
• SECURITY.md — как сообщить о проблеме.

Чего здесь нет

Исходного кода сайта, истории разработки, спецификаций, внутренних решений, инфраструктуры, конфигурации, .env, токенов, адресов серверов, аналитики и её данных. Это витрина, а не приватное ядро проекта и не источник production-сборки. Клиентских кейсов и метрик посещаемости здесь нет; отзывы на самом сайте — короткие реальные слова людей, с которыми CodeVinci уже работал.

Материалы и приватность

Все изображения — реальные экраны проектов, отобранные вручную и приведённые к безопасному виду: демонстрации на открытых источниках, без токенов, идентификаторов, приватной переписки и личных данных. Метаданные изображений очищены.

---

_{© CodeVinci. Витрина продукта CodeVinci Orbit. Реальные, безопасные экраны проектов.}