FortiGuard

FortiGuard — портфолио-проект в формате многостраничного SaaS-сайта для вымышленной платформы кибербезопасности и мониторинга угроз.

Проект сделан как витринная работа: он показывает семантическую HTML-разметку, SCSS-архитектуру, дизайн-токены, адаптивные изображения, модальные сценарии, базовую доступность, SEO-метаданные и production-oriented сборку статического сайта.

FortiGuard в этом репозитории — fictional portfolio/demo project. Проект не связан с реальными компаниями, продуктами или брендами с похожим названием.

Контент, контакты, адреса, юридические страницы, статьи и сценарии форм являются демонстрационными. Форма не отправляет и не сохраняет реальные данные: backend и сторонний form service не используются. Реальных клиентских данных, NDA-материалов и production-бизнес-информации в проекте нет.

Состав проекта

• Главная страница с hero-блоком, преимуществами, решениями, тарифами, отзывами, статьями, контактным блоком и FAQ.
• Страница списка статей.
• Страница отдельной статьи.
• Кастомная страница 404.
• Страница политики конфиденциальности.
• Страница условий использования.
• Модальные сценарии для запроса демо и консультации.
• Адаптивная вёрстка от 320px.
• Подготовка к публикации на GitHub Pages через GitHub Actions.

Quality checks

• npm run check запускает lint и production build.
• Lighthouse используется только как локальная диагностика без публикации числовых score.

Сборка

Проект использует локально обновлённую версию кастомной Gulp 5 сборки на базе подхода gulp-lonrav.

Сборка обрабатывает HTML-шаблоны, SCSS, JavaScript-модули, изображения, SVG-иконки, favicon, sitemap и production-артефакты для GitHub Pages.

Стек

• HTML-шаблоны с includes.
• SCSS с компонентной структурой в стиле БЭМ.
• CSS custom properties для дизайн-токенов.
• Fluid-типографика и helpers для адаптивных размеров.
• Vanilla JavaScript-модули, собираемые через esbuild.
• Gulp 5 pipeline.
• Оптимизация изображений и генерация responsive AVIF/WebP/PNG.
• Оптимизация SVG и генерация SVG-спрайта.
• ESLint, Stylelint, Prettier.
• GitHub Actions и GitHub Pages.

Требования

Node.js >=20.

Команды

npm ci
npm run dev
npm run build
npm run preview
npm run check

Deploy environment

The GitHub Pages workflow runs npm ci and npm run check, then uploads public/ through the official Pages artifact flow. CI sets SITE_URL=https://mangust5580.github.io and SITE_BASE_PATH=/FortiGuard.

License

MIT License. See LICENSE.