Портфолио Дмитрия Коваленко (Dmitrii DAK)

Live: https://dmitriidak.github.io/

Personal Portfolio: AI & CGI Pipelines 🚀 Статический сайт-портфолио с упором на интерактивность, созданный на чистом стеке HTML/CSS/JS без использования тяжелых фреймворков. Хостинг — GitHub Pages.

🛠 Технологический стек и оптимизация

• Core: Vanilla JavaScript (ES6+), HTML5, CSS3.
• Graphics & UI: Canvas API (для связей в нодах и погодных эффектов), CSS 3D Transforms.
• Performance: * Lazy loading для медиа-контента.
• Использование requestAnimationFrame для плавных анимаций (60 FPS).
• Оптимизация ресурсов: WebM/MP4 видео с параметром preload=none для экономии трафика.
• Автоматическая деактивация тяжелых скриптов при несовпадении сезонных условий.

🌟 Ключевые реализации 🏗 Node-based UI (Псевдо-ComfyUI)

• Интерфейс узлов: Полная имитация рабочего пространства ComfyUI.
• Canvas Connections: Динамическая отрисовка «нитей» между нодами через Canvas API в реальном времени.
• Интерактив: Обработка состояний (логика кликов, прогресс-бары, демонстрация демо-результата генерации).

🎡 Продвинутые карусели и галереи

• 3D Selected Cases: Интерактивная карусель с использованием CSS perspective и transform-style: preserve-3d. Реализована зацикленная прокрутка кейсов.
• Бесконечные статьи: Горизонтальная зацикленная лента публикаций с плавным скроллом.
• Стековая галерея (About Me): Реализация «стопки карточек» в стиле фотоальбома. Логика перекладывания: верхняя карточка при взаимодействии переходит в конец очереди.

💼 Блок «Услуги» с контекстным превью

• Dynamic Preview: При наведении на строку услуги (hover состояние) динамически подгружается соответствующий контент (анимационное WebM видео или оптимизированное изображение).

🌍 Локализация и системный UI

• Система мгновенной смены языка (RU/EN) через JS-объекты без перезагрузки страницы.
• Terminal & Forms: Блок обратной связи, стилизованный под Windows CMD (system32/cmd.exe), с анимацией печати и валидацией данных.

❄️ Система сезонной автоматизации

• Интеллектуальная система управления атмосферой сайта:
• Adaptive Weather: Автоматическое переключение между падающим снегом (зима) и листопадом (осень) на основе системной даты.
• Interactive Physics: Частицы реагируют на движение мыши (эффект ветра с инерцией).
• Smart Garland: Процедурная трехцветная гирлянда (белый/красный/синий), активирующаяся только в праздничный период (25.12 — 15.01).
• Manual Control: Возможность полного отключения графических эффектов пользователем (остановка всех циклов отрисовки).

Что внутри

• 3D-карусель «Выбранные кейсы» (CSS 3D + JS, бесконечный скролл).
• Галерея статей с зацикленной прокруткой.
• Блок «Услуги» с превью: изображение или авто-видео при наведении (WebM/MP4, preload=none).
• Псевдо-ComfyUI: перетаскиваемые ноды, соединения по клику, прогресс-бар и демо-результат.
• Галерея-карусель в виде стопки карточек из видео и фото (PNG/JPEG/WEBM). Реализация на HTML/CSS/JS.
• Блок с сылками на социальные сети и портфолио проектов.
• Кнопка «наверх», якорные ссылки, адаптив.

Структура

index.html style.css script.js assets/

© 2025 Dmitrii DAK. Контакты: Telegram @dmitrii_dak VK @dmitrystarlord YouTube https://www.youtube.com/@dmitriidak