kda2210.github.io — цифровая визитка

Демо: kda2210.github.io

Личная страница-визитка: аватар, короткая подпись и способы связи. Сделана как один статический HTML-файл без сборки и зависимостей, но с довольно необычным для такого формата вниманием к деталям — от адаптивной подсветки до поддержки гироскопа на телефоне.

Возможности

• RU / EN — переключение языка с запоминанием выбора между визитами
• Динамическая подсветка — мягкий свет следует за курсором или пальцем, в покое медленно дрейфует сам
• Гироскоп на мобильных — при наклоне телефона реагируют фон (параллакс), подсветка и сама карточка
• Сохранить контакт — генерация vCard прямо в браузере, без сервера
• Живые часы с часовым поясом владельца
• Полная поддержка prefers-reduced-motion — все анимации корректно отключаются для тех, кто их не хочет видеть
• Скрытая пасхалка 👀
• Ноль зависимостей — чистый HTML/CSS/JS в одном файле, ничего не собирается и не пересобирается

Технологии

Vanilla HTML / CSS / JavaScript. Из платформенных API: Web Audio API (звук), Device Orientation API (гироскоп), CSS custom properties + @keyframes. Никаких фреймворков и сборщиков.

Структура репозитория

index.html        — вся страница целиком
fioletovyj.jpeg    — фоновое изображение
LICENSE            — лицензия MIT (только на код, см. ниже)

Хочешь сделать похожую визитку себе?

Код открыт, можно форкнуть и подстроить под себя. Основное, что стоит поменять:

• ссылки на Telegram / почту / VK / телефон
• аватар и фоновое изображение
• часовой пояс в переменной TIMEZONE
• данные в генераторе vCard
• фразу-девиз и текст под ней

Лицензия

Код распространяется под лицензией MIT — используйте, меняйте, форкайте как угодно.

Личные данные внутри репозитория (фото, номер телефона, почта, ссылки на соцсети) лицензией не покрываются — это не код, а контент конкретного человека.