Олег Шорников — персональный сайт

Одностраничный лендинг-визитка с переключаемым режимом презентации.

Стек

• Чистые HTML / CSS / JavaScript — без сборщика и фреймворков.
• Хостинг: GitHub Pages.

Структура

index.html         — весь сайт (разметка, стили, скрипт) в одном файле
assets/            — изображения (WebP), favicon, OG-изображение
.gitignore         — игнорируемые файлы

Разделы страницы

1. Hero — имя, статус, три режима презентации:
   • Voice (голосовая связь / Cisco IP-телефония)
   • Вайб-кодинг (цифровые продукты, ИИ)
   • Алготрейдинг (исследование и автоматизация торговли)
2. Проекты — три карточки (Cisco UC, Vibe Coding, Algorithmic Trading).
3. О себе — описание и принципы работы, фото.
4. Контакты — Telegram, Email, резюме.

Переключатель режимов меняет тему, тексты и hero-визуал через JS-функцию changeMode.

Изображения

• Hero-визуалы и фото — в WebP (ChatGPT_Voice.webp, ChatGPT_AI.webp, ChatGPT_grafik.webp, oleg-photo.webp).
• Изображения ниже первого экрана и скрытые hero-кадры подгружаются лениво (loading="lazy").
• og-image.jpg — превью для шаринга (1200×630).

Changelog

2026-09-03 — Оптимизация и доступность

• Доступность (клавиатура): полноценная навигация по вкладкам переключателя режимов — roving tabindex (в фокусе только активная вкладка) и стрелки ←/→, клавиши Home/End для переключения режимов.
• prefers-reduced-motion: добавлен CSS-блок, отключающий анимации, переходы и плавную прокрутку для пользователей с настройкой уменьшения движения.
• Доступность (aria-live): скрытый регион #statusLive вынесен из общего массива подсвечиваемых элементов — объявление смены режима больше не участвует в визуальном fade-переходе.
• Производительность: конвертация изображений в WebP. Общий вес ассетов снижен с ~11 МБ до ~588 КБ. Hero-картинки: 5.8 МБ → 370 КБ, фото: 866 → 62 КБ.
• Ленивая загрузка: loading="lazy" для изображений ниже первого экрана и скрытых hero-кадров.
• Гигиена репозитория: удалены неиспользуемые ассеты (generated-hero-reference.png, intelligent-system-*.{png,jpg}, intelligent-system.png), файлы-бэкапы index_backup.html и index_before_redesign.html, добавлен .gitignore.
• SEO/шаринг: добавлены Open Graph и Twitter Card, canonical-ссылка, favicon (assets/favicon.svg), JSON-LD (Person).
• Доступность: режимный переключатель переведён на role="tablist"/tab + aria-selected, добавлены aria-live-регион и skip-link «К содержанию».
• Очистка кода: удалено ~400 строк мёртвого CSS декоративных сцен и неиспользуемая переменная --bg.

Ранее

• Rename Voice engineer mode to Voice.
• Use final presentation visuals — финальные визуалы презентации.
• Redesign presentation modes — режимы презентации.
• Fix GitHub Pages root structure — структура GitHub Pages.
• Initial version of personal landing page — начальная версия.

Развёртывание

Публикуется автоматически через GitHub Pages. После изменений в ветке main страница обновляется на https://lordos2003.github.io/my_site/.

При использовании кастомного домена обновите URL в canonical, og:url и og:image в index.html.