Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

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

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

Стек

  • Чистые 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.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages