Перейти к содержанию

Разработка и развертывание персонального сайта

Добро пожаловать в документацию моего персонального сайта-портфолио.

Этот проект был создан не только как визитная карточка, но и как практический полигон для применения навыков системной инженерии, контейнеризации и веб-разработки. Сайт объединяет в себе динамический веб-сервер для основных страниц и статический генератор для документации проектов.

🌟 Ключевые особенности (Features)

  • Мультиязычность (i18n): Сайт полностью поддерживает три языка — русский, английский и иврит. Для иврита реализована полноценная поддержка RTL (Right-to-Left) отображения.
  • Переключение тем (Dark/Light Mode): Реализована плавная смена светлой и темной тем с сохранением выбора пользователя в localStorage. Тема автоматически синхронизируется между основным сайтом и разделами документации.
  • Интегрированная база знаний: Документация по проектам генерируется с помощью MkDocs и бесшовно встроена в общую структуру сайта под маршрутом /docs/.
  • Адаптивный дизайн: Современная верстка с использованием CSS Grid (мозаичная структура карточек), которая отлично смотрится на любых устройствах.

🛠 Технологический стек

  1. Фронтенд: HTML5, CSS3, Vanilla JavaScript, шаблонизатор Jinja2.
  2. Бэкенд: Python и микрофреймворк Flask.
  3. Документация: MkDocs с темой Material и плагином mkdocs-static-i18n для локализации.
  4. Инфраструктура: Docker и Docker Compose для изоляции и управления контейнерами.
  5. Веб-сервер / Proxy: Nginx для маршрутизации трафика и раздачи статики.
  6. CI/CD: GitHub Actions для автоматической сборки документации и деплоя на сервер.
  7. Хостинг: Oracle Cloud Infrastructure (OCI).