DeepSeek: Оценка сайта QDEVRUN
Сущности
# Оценка сайта QDEVRUN<br>
Platform: deepseek<br>
Model: deepseek-reasoner<br>
Date: 2026-04-06T20:10:03.743000+08:00<br>
Messages: 6<br>
Words: 3390<br>
<br>
## User<br>
https://qdev.run/<br>
<br>
<br>
<br>
<br>
<br>
дай оценку моему сайту<br>
<br>
рассмотри как группа экспертов и дай конкретные рекомендации по улучшению<br>
<br>
<br>
<br>
нам не надо продавать через сайт<br>
<br>
но надо показать максимально экспертность<br>
<br>
## Reasoning (CoT)<br>
Мы должны оценить сайт https://qdev.run/ (на основе предоставленного HTML) как группа экспертов. Дать конкретные рекомендации по улучшению. Акцент: не надо продавать через сайт, но показать максимальную экспертность.<br>
<br>
Анализируем HTML. Сайт - лендинг инженерной команды QDEVRUN. Тема: инженерная инфраструктура для сложных задач. Есть разделы: экспертиза, стек, принципы, блог, контакты. Есть переключение языка (ru, kz, en), тема (темная/светлая), кабинет (заглушка), мобильное меню. Есть динамические элементы: локальное время, терминальная анимация (termBody). Стили, видимо, в отдельном style.css, JS в main.js.<br>
<br>
Оценим как эксперты: дизайн, UX, контент, техническая реализация, экспертность.<br>
<br>
Плюсы:<br>
- Лаконичный, технический дизайн, соответствует инженерной эстетике.<br>
- Четкое позиционирование: не лендинги, а сложные задачи.<br>
- Разделы экспертизы (WEB, MOB, API, OPS, DAT, AI) с конкретными технологиями.<br>
- Принципы (7 пунктов) - показывают зрелость.<br>
- Блог со статьями - демонстрация знаний.<br>
- Терминал (динамический вывод) - создает технический вайб.<br>
- Локализация, адаптивность (бургер).<br>
- Контактные триггеры - три сценария, которые точно описывают боли клиентов.<br>
<br>
Минусы и рекомендации (как группа экспертов по UX/UI, контенту, технической экспертизе, маркетингу (но без продаж, только экспертность)):<br>
<br>
1. **Отсутствие явных доказательств экспертности (кейсы, проекты).** <br>
- Рекомендация: добавить раздел "Проекты" или "Кейсы" с анонимизированными описаниями решенных задач, техническими деталями, метриками. Это повышает доверие. Например: "Миграция монолита на микросервисы для финтех-платформы: -40% времени простоя".<br>
<br>
2. **Нет информации о команде.** <br>
- Кто эти инженеры? Опыт, бэкграунд, участие в open source, выступления. Добавить страницу "Команда" или краткие профили с GitHub/LinkedIn. Экспертность персонифицируется.<br>
<br>
3. **Нет явных упоминаний методологий, стандартов.** <br>
- Например, DDD, Clean Architecture, TDD, CI/CD практики. В принципах есть намёки, но можно усилить: "Используем Event Storming для моделирования", "Пишем тесты: unit + integration + e2e".<br>
<br>
4. **Блог: всего три статьи, даты свежие (апрель 2026) - но это может быть демо.**<br>
- Рекомендуется регулярно публиковать глубокие технические статьи, разборы, туториалы. Показать экспертизу через контент. Указать, что авторы - инженеры команды.<br>
<br>
5. **Отсутствие технических метрик или open source вклада.**<br>
- Если есть GitHub-репозитории, ссылки на npm/pypi пакеты, инструменты - добавить. Это конкретное доказательство.<br>
<br>
6. **Раздел "стек" - просто список технологий, без глубины.**<br>
- Можно добавить уровень владения, примеры использования, сертификации. Или показать архитектурную схему типового решения.<br>
<br>
7. **Нет призыва к действию, который ведет к диалогу, а не продаже.** <br>
- "Обсудить задачу" или "Запросить технический аудит". Сейчас есть контакты, но можно добавить форму с краткими вопросами для квалификации.<br>
<br>
8. **Кабинет (заглушка) неясен.** <br>
- Для чего? Если это для клиентов, то нужно описание. Иначе убрать или сделать страницу-заглушку с объяснением.<br>
<br>
9. **Адаптивность: в HTML видно бургер, но нужно проверить на реальных устройствах.** <br>
- Рекомендация: убедиться, что терминальная анимация и сетка корректно работают на мобильных.<br>
<br>
10. **Производительность и доступность.** <br>
- Убедиться в Lighthouse >90. Добавить атрибуты aria для интерактивных элементов. Сейчас есть aria-label на кнопках, но не везде.<br>
<br>
11. **Отсутствие RSS на блог, подписки.** <br>
- Эксперты следят за новыми статьями. Можно добавить RSS или Telegram-канал.<br>
<br>
12. **Терминальная анимация (termBody) - что там выводится?** <br>
- В HTML нет содержимого, вероятно JS генерирует. Рекомендуется выводить полезные команды/логи, демонстрирующие реальные операции (деплой, метрики). Сейчас может быть просто "cat README.md" - лучше показать что-то впечатляющее.<br>
<br>
13. **SEO и мета-теги.** <br>
- Заголовок "QDEVRUN — Инженерная команда" - ок, но description короткий. Добавить ключевые слова: "разработка сложных систем, архитектура, AI интеграции, Астана".<br>
<br>
14. **Социальное доказательство.** <br>
- Если есть клиенты (даже NDA), можно написать "доверяют компании из списка Fortune 500" или логотипы (без имён). Или отзывы (технические, от CTO).<br>
<br>
15. **Политика конфиденциальности и юридические документы.** <br>
- Для серьёзных заказчиков важно. Добавить страницу.<br>
<br>
16. **Интерактивность: калькулятор сложности задачи?** <br>
- Не продавать, но показать понимание - например, форма для оценки архитектурной сложности (выберите параметры). Это демонстрирует экспертизу.<br>
<br>
17. **Языковая версия: kz - казахский, но контент переведен?** <br>
- В HTML есть data-i18n, но нужны качественные переводы. Для казахского - техническая терминология.<br>
<br>
18. **Время локальное: "AST" - Актау? Или Астана?** <br>
- Уточнить, Астана (UTC+5). Сейчас 2026 год - может быть тестовые данные.<br>
<br>
19. **Отсутствие блока "Часто задаваемые вопросы" (FAQ).** <br>
- Можно ответить на типичные технические вопросы: как работаете с NDA, какие гарантии, процесс взаимодействия.<br>
<br>
20. **Скорость загрузки: шрифты Google Fonts - может быть проблема в РФ/КЗ?** <br>
- Рекомендуется self-host или использование системных шрифтов.<br>
<br>
Теперь структурируем ответ как группа экспертов: введение, общая оценка, список рекомендаций по категориям (контент, UX/UI, техническая экспертиза, доверие). Не забыть про "не надо продавать" - значит, избегать агрессивных CTA, фраз "купить", "заказать". Вместо этого "обсудить", "запросить консультацию".<br>
<br>
Ответ должен быть на русском, подробным, конструктивным.<br>
<br>
## Assistant<br>
## Оценка сайта QDEVRUN (qdev.run) <br>
**Экспертная группа (UI/UX, техническая экспертиза, контент-стратегия, инжиниринг)** <br>
<br>
### Общее впечатление <br>
Сайт выглядит как минималистичный, технически ориентированный лендинг инженерной команды. Стиль «терминальный минимализм», тёмная тема, моноширинные вставки — всё это создаёт правильную атмосферу для аудитории разработчиков, CTO и технических лидов. <br>
<br>
**Сильные стороны (уже хорошо):** <br>
- Чёткое позиционирование: «не лендинги, а сложные задачи». <br>
- Логичная структура: экспертиза → стек → принципы → блог → контакты. <br>
- Конкретные сценарии в блоке контактов (триггеры «уперлись в потолок», «нестандартная задача», «технический аудит») — это отличный способ вызвать резонанс без продаж. <br>
- Наличие блога с реальными техническими темами (монолит, LLM, TypeScript). <br>
- Переключение языков (RU/ҚЗ/EN) и темы (светлая/тёмная) — профессионально. <br>
- Терминальная анимация в блоке стека — атмосферно, но требует смысловой нагрузки. <br>
<br>
---<br>
<br>
### Рекомендации по улучшению (максимальная экспертность без «продаж»)<br>
<br>
## 1. Контент и доказательная база<br>
<br>
**1.1 Добавить раздел «Кейсы / Проекты»** <br>
Сейчас нет ни одного примера решённых задач. Для экспертной команды это критично. <br>
→ Сделать 2–4 анонимизированных кейса: <br>
- Проблема клиента (например, «монолит не выдерживал нагрузки»). <br>
- Что сделали (миграция на микросервисы, переписали критический путь на Go). <br>
- Технические метрики (RPS, latency, стоимость инфры). <br>
- Без имён и NDA-нарушений. <br>
<br>
**1.2 Рассказать о команде** <br>
Экспертность персонифицируется. Добавить страницу «Команда» или краткие профили на главной: <br>
- Фото (опционально), роль, 2–3 ключевые компетенции. <br>
- Ссылки на GitHub, Stack Overflow, доклады, статьи. <br>
- Если есть open-source вклад — выделить. <br>
<br>
**1.3 Углубить описание экспертизы** <br>
В блоках `cap` сейчас только перечисление технологий. Добавить по одному предложению о методологии: <br>
- *WEB*: «Component-Driven Development, Storybook, дизайн-системы, модульные тесты на React Testing Library». <br>
- *API*: «Design-first подход, контракты OpenAPI/gRPC, load testing с k6». <br>
- *OPS*: «GitOps (ArgoCD), политики безопасности (OPA), SLI/SLO мониторинг». <br>
<br>
**1.4 Превратить «принципы» в подкреплённые практики** <br>
Семь принципов — хорошо, но они декларативны. К каждому принципу добавить конкретный инструмент или пример: <br>
> *«Мониторинг — часть системы»* → «Prometheus + Grafana + OpenTelemetry с первого коммита». <br>
> *«Сложность не лечится сложностью»* → «Мы начинаем с архитектурного ADR и простейшей модели, затем итеративно усложняем». <br>
<br>
**1.5 Блог сделать глубже и регулярнее** <br>
Три статьи — мало. План на 1–2 статьи в месяц: <br>
- Разбор реального инцидента (postmortem). <br>
- Сравнение архитектур (например, Kafka vs RabbitMQ для data pipeline). <br>
- Туториал по RAG с конкретным кодом. <br>
- Добавить RSS-подписку и индикатор «читают инженеры». <br>
<br>
---<br>
<br>
## 2. UI/UX и взаимодействие<br>
<br>
**2.1 Улучшить терминальную анимацию** <br>
Сейчас `#termBody` пуст — вероятно, заполняется JS, но неизвестно чем. Сделать осмысленным: <br>
- Построчно выводить реальные логи деплоя, метрики, вывод `kubectl get pods`. <br>
- Или симулировать `qdev status --verbose` с показом текущей нагрузки демо-системы. <br>
- Это сразу повысит технический вайб. <br>
<br>
**2.2 Добавить интерактивную «архитектурную викторину» или «калькулятор сложности»** <br>
Не продавать, а демонстрировать глубину понимания: <br>
- «Выберите тип задачи (highload, AI, data)» → покажем примерный стек и сложность. <br>
- Или «Оцените свой проект по 5 параметрам» → получите чек-лист проблем. <br>
Это работает как lead magnet для экспертов. <br>
<br>
**2.3 Исправить «кабинет» (заглушка)** <br>
Сейчас кнопка «кабинет» ведёт на `/cabinet` без пояснения. Если это для клиентов — сделать страницу с описанием: что там будет (документация, статус задач, метрики). Если нет — убрать, чтобы не отвлекать. <br>
<br>
**2.4 Улучшить адаптивность и доступность** <br>
Проверить на мобильных: бургер-меню, терминал, сетка с `cap` — не ломается ли. <br>
Добавить `aria-labels` для всех интерактивных элементов (особенно в терминале и переключателях). <br>
<br>
**2.5 Производительность** <br>
Google Fonts может тормозить в Казахстане и РФ. Сделать self-hosting шрифтов или использовать системные (Inter уже широко доступен). <br>
Проверить Lighthouse — стремиться к 90+ по всем метрикам. <br>
<br>
---<br>
<br>
## 3. Техническая экспертиза (скрытые детали)<br>
<br>
**3.1 Показать код, а не только слова** <br>
- Ссылка на GitHub-организацию с примерами библиотек, утилит, boilerplate’ов. <br>
- Если есть открытые инструменты (например, terraform-модули, GitHub Actions), выложить и сослаться. <br>
- «Мы не просто говорим — мы пишем код, который можно посмотреть». <br>
<br>
**3.2 Добавить страницу «Технический блог / Talks»** <br>
Список выступлений сотрудников на митапах, конференциях (видео, слайды). Это сильный сигнал экспертности. <br>
<br>
**3.3 Сделать публичным roadmap технических статей и инструментов** <br>
Например, «В ближайшие месяцы планируем выпустить: CLI-утилиту для аудита API, статью про гонки в Go». Показывает активность. <br>
<br>
**3.4 В блоке стека указать не просто имена, а версии и случаи использования** <br>
Вместо `React · Next.js · TypeScript` → <br>
`React 18 (Concurrent features), Next.js 14 (App Router, Partial Prerendering), TypeScript 5.5 (условные типы, изоляция декораторов)`. <br>
Добавить уровень владения: «прод → 3+ лет, core contributor у ...». <br>
<br>
---<br>
<br>
## 4. Доверие и юридическая база<br>
<br>
**4.1 Социальное доказательство без имён** <br>
- «Доверяют компании из списка Top-100 KZ» (если правда). <br>
- Логотипы отраслей (финтех, e-com, логистика) без названий. <br>
- Технические отзывы (анонимные): «Ребята нашли узкое место в индексах PostgreSQL, которое мы искали 2 месяца». <br>
<br>
**4.2 Политика конфиденциальности и NDA** <br>
Для серьёзных заказчиков обязательно. Добавить страницу с гарантиями: «Подписываем NDA, код остаётся у вас, мы не используем ваши данные для кейсов без разрешения». <br>
<br>
**4.3 Добавить страницу «Процесс работы»** <br>
Описать, как выглядит взаимодействие: <br>
- Аудит → предложение по архитектуре → согласование → спринты с демо → передача документации. <br>
- Упомянуть, что вы не исчезаете после деплоя (это уже есть в принципах, но повторить). <br>
<br>
---<br>
<br>
## 5. Локализация и региональная специфика<br>
<br>
**5.1 Качественный перевод на казахский** <br>
Термины вроде «экспертиза», «инфраструктура», «микросервисная архитектура» должны быть переведены технически грамотно. Возможно, стоит привлечь IT-переводчика. <br>
<br>
**5.2 Уточнить часовой пояс** <br>
Сейчас `AST` — ambiguous (Астана? Актау?). Лучше писать `AST (UTC+5, Астана)`. <br>
<br>
**5.3 Дать контекст о работе с казахстанскими компаниями** <br>
Если есть опыт интеграции с гос. системами, банками, операторами — намёк без деталей. <br>
<br>
---<br>
<br>
## Итоговая оценка (по 10-балльной шкале)<br>
<br>
| Критерий | Оценка | Комментарий |<br>
|---------|--------|-------------|<br>
| Дизайн и атмосфера | 8 | Стильно, но терминал можно сделать полезнее |<br>
| Структура и навигация | 7 | Нет кейсов и команды |<br>
| Техническая глубина | 6 | Списки технологий без контекста |<br>
| Доказательство экспертности | 5 | Только принципы и блог (мало) |<br>
| Доверие и соцдоказательства | 4 | Почти отсутствуют |<br>
| UX/адаптивность | 7 | Есть риск на мобильных |<br>
| Интерактивность | 6 | Терминал сырой, кабинет-заглушка |<br>
| Локализация | 7 | Есть переключатель, но качество перевода неизвестно |<br>
<br>
**Общая рекомендация:** <br>
Сайт хорош как MVP. Чтобы он реально работал на экспертность (без активных продаж), нужно **добавить кейсы, команду, углублённые технические детали и социальное доказательство**. После этого оценка поднимется до 8–9. <br>
<br>
При этом избегать форм «заказать звонок», кнопок «купить», ценников — вы это и так не хотите. Вместо этого — «Обсудить архитектуру», «Запросить аудит», «Получить консультацию».<br>
<br>
## User<br>
проверь теперь https://qdev.run/<br>
<br>
## Reasoning (CoT)<br>
Мы видим, что пользователь просит проверить сайт https://qdev.run/ после того, как мы дали оценку по HTML-файлу. Вероятно, он хочет, чтобы мы сравнили, совпадает ли реальный сайт с предоставленным кодом, или проверили актуальное состояние. Нужно ответить, что мы не можем напрямую просматривать внешние сайты, но можем дать рекомендации по самостоятельной проверке или проанализировать код, который он предоставил. Поскольку он уже дал HTML, а теперь просит проверить URL, возможно, ожидает, что мы перейдём по ссылке. Мы не можем это сделать. Ответим вежливо, объясним ограничение, но предложим помощь на основе предоставленного кода или дадим чек-лист для самостоятельной проверки.<br>
<br>
## Assistant<br>
Я не могу напрямую перейти по ссылке https://qdev.run/ и «увидеть» текущую версию сайта в браузере, потому что мои возможности ограничены анализом предоставленного вами HTML-кода. Однако вы уже прислали полный код сайта — именно по нему я и делал предыдущую оценку.<br>
<br>
Если вы обновили сайт после того, как скопировали HTML, и хотите, чтобы я проверил изменения, пришлите **актуальный код** (или опишите, что поменялось), и я сделаю новую ревизию.<br>
<br>
Если же вы хотите, чтобы я проверил, соответствует ли реальный сайт по URL тому коду, который вы прислали, — вот что можно сделать самостоятельно (я дам инструкцию):<br>
<br>
1. Откройте https://qdev.run/ в браузере.<br>
2. Нажмите `Ctrl+U` (или `Cmd+U` на Mac), чтобы посмотреть исходный код.<br>
3. Сравните его с тем HTML-файлом, который вы приложили. Если код идентичен — значит, сайт полностью соответствует разобранной мной версии, и мои рекомендации актуальны.<br>
4. Если код отличается — скопируйте новый HTML в сообщение, и я проведу повторную экспертную оценку.<br>
<br>
**Дополнительно:** я могу предложить чек-лист для самопроверки по ключевым пунктам из моего предыдущего ответа (кейсы, команда, терминал, адаптивность, социальные доказательства). Хотите — вышлю его в виде тестовой таблицы, которую вы прогоните по своему сайту.<br>
<br>
Жду ваш ответ или новый код!<br>
<br>
## User<br>
посмотри последнюю версию<br>
<br>
## Reasoning (CoT)<br>
Мы видим, что пользователь предоставил скриншоты и HTML-код. Вопрос: "посмотри последнюю версию". Нужно проанализировать текущее состояние сайта на основе предоставленных материалов. Сравнить с предыдущей оценкой. Дать обновлённую экспертную оценку и рекомендации.<br>
<br>
Скриншоты (screencapture-qdev-run-... и screencapture-qdev-run-blog-...) показывают, что сайт выглядит не так, как HTML-код из файла QDEVRUN — Инженерная команда.html. В скриншотах видна искажённая вёрстка, ошибки в текстах (например, "вот архитектуры до дел", "личный опыт", "тесты" вместо "стек" и т.д.). Это похоже на то, что либо CSS не загрузился, либо скриншот сделан с багнутой версией. Но также возможно, что сайт был изменён, и HTML-код, который прислал пользователь, не соответствует тому, что на скриншотах. Нужно разобраться.<br>
<br>
Пользователь говорит: "посмотри последнюю версию". Он ожидает, что я проанализирую актуальный сайт по ссылке https://qdev.run/. Но я не могу перейти по ссылке. Однако он прислал скриншоты и HTML-файл. Судя по скриншотам, сайт выглядит не очень хорошо: много ошибок, несоответствий. Возможно, это результат неправильной работы CSS или JS. А HTML-файл, который он прислал, выглядит корректно (как в прошлый раз). Но скриншоты показывают другую версию: там разделы называются "инструменты", "тесты", "проекты", "контакты" (повторяется), нет блога на главной, и текст сильно искажён. Это может быть либо старая версия, либо скриншоты с другого устройства с кэшированным старым CSS.<br>
<br>
Пользователь явно хочет, чтобы я оценил текущее состояние. Лучше основываться на HTML-файле, который он прислал как "последняя версия"? Но он прислал два файла: скриншот и HTML. Судя по времени (screencapture-qdev-run-2026-04-07-16_45_36.png), скриншот сделан сегодня. В нём видны явные проблемы: текст "Проектируем и строим системы — вот архитектуры до дел." (вместо "от архитектуры до деплоя"), "Нам не интересен личный опыт, а нам нужна система управления данными." (полная бессмыслица), раздел "01 / инструменты" с перечислением "WEB", "API", "API" (повтор), "Data", "AI-интеграции", и под каждым описания "Базовый сайт, Интерфейс пользователя, API-сервисы". Это не соответствует HTML-коду, который прислал пользователь (там в разделе capabilities корректные тексты). Значит, либо скриншот сделан с какой-то другой версии сайта (может быть, тестовой или сломанной), либо в браузере не загрузился CSS/JS и отобразился fallback-контент? Но fallback-контент обычно не меняет тексты. Скорее всего, сайт был изменён на сервере, и текущая версия — та, что на скриншотах (плохая). А HTML-файл, который пользователь прислал, — это старая версия или то, что он задумал, но не залил.<br>
<br>
Пользователь просит "посмотри последнюю версию". Я должен ответить, что вижу по скриншотам: сайт имеет серьёзные проблемы с контентом и вёрсткой, и дать рекомендации по исправлению. При этом сослаться на то, что HTML-код, который он прислал, выглядит лучше, но реальный сайт (по скриншотам) требует доработки.<br>
<br>
Лучший ответ: указать на расхождения между предоставленным HTML и скриншотами, сделать вывод, что актуальная версия — вероятно, та, что на скриншотах, и дать оценку и рекомендации на основе скриншотов. Также предложить проверить, правильно ли загружены CSS/JS файлы, так как вёрстка выглядит сломанной.<br>
<br>
Сформулирую ответ как экспертная группа.<br>
<br>
## Assistant<br>
## Экспертная оценка актуальной версии сайта (по скриншотам от 07.04.2026)<br>
<br>
**Важное замечание:** <br>
Предоставленный вами HTML-файл (`QDEVRUN — Инженерная команда.html`) содержит **корректную структуру и тексты** (экспертиза, стек, принципы, блог, контакты). <br>
Однако скриншоты, сделанные сегодня в 16:45, показывают **совсем другой сайт** — с искажённым контентом, ошибками в текстах, поломанной вёрсткой и отсутствием ключевых разделов.<br>
<br>
Скорее всего, на сервере сейчас залита **не та версия**, что в вашем локальном HTML-файле. Либо CSS/JS не загружаются, либо сайт был переписан, но незавершён.<br>
<br>
Ниже я оцениваю именно **то, что видно на скриншотах** (актуальная версия по URL `https://qdev.run/`).<br>
<br>
---<br>
<br>
## 1. Общее впечатление (по скриншотам)<br>
<br>
Сайт выглядит как **сырой черновик** или результат сбоя вёрстки:<br>
- Текст героя содержит бессмысленные фразы («вот архитектуры до дел», «нам нужна система управления данными»).<br>
- Разделы дублируются («01 / инструменты», затем «02 / тесты», «03 / проекты», и трижды «04 / контакты»).<br>
- Вместо блока «стек» — странный раздел «тесты» с нерелевантным описанием («Тестирование веб-приложения состоит из: Тестов на базе Jest, TypeScript, TailwindCSS»).<br>
- Блок «проекты» на самом деле содержит принципы (и те искажены — «не опираясь на поток», «после делов», «данные важны как вода»).<br>
- Контакты — только телефон и email-заглушка (не hello@qdev.run).<br>
- Блог на отдельной странице (скриншот blog.html) выглядит лучше, но тоже имеет опечатки («выйди из реальных проектов», «настольный монолит», «канцерование промо»).<br>
<br>
**Вывод:** сайт в текущем виде **не демонстрирует экспертность** и производит впечатление заброшенного или сломанного проекта.<br>
<br>
---<br>
<br>
## 2. Сравнение с вашим HTML-файлом (идеальная версия)<br>
<br>
| Аспект | Ваш HTML-файл (правильный) | Скриншоты (реальный сайт) |<br>
|--------|----------------------------|----------------------------|<br>
| Герой | Чёткое описание: «от архитектуры до деплоя», «веб, мобайл, data-пайплайны» | Бессвязный текст («вот архитектуры до дел», «личный опыт», «система управления данными») |<br>
| Раздел экспертизы | 6 карточек с внятными описаниями (SaaS, микросервисы, observability и т.д.) | «Инструменты» с 4 карточками, где под каждым типом одно и то же: «Базовый сайт, интерфейс пользователя, API-сервисы» |<br>
| Стек | Логичный перечень технологий + терминал | Раздел «Тесты» с нелепыми описаниями (Jest для TailwindCSS) |<br>
| Принципы | 7 технически грамотных тезисов | Текст «Проекты» с искажёнными принципами («не опираясь на поток», «после делов», «данные важны как вода») |<br>
| Блог | 3 статьи на главной, ссылка на все | На главной блока блога **нет** (только отдельная страница) |<br>
| Контакты | hello@qdev.run, t.me/qdevrun, сценарии проблем | Заглушка +7 (495) 123-456, mail@example.com, повтор 3 раза |<br>
<br>
**Очевидная проблема:** реальный сайт не соответствует тому коду, который вы прислали. Возможно, вы залили не ту сборку или CSS/JS не применяются.<br>
<br>
---<br>
<br>
## 3. Рекомендации по исправлению (срочные)<br>
<br>
### 3.1. Проверить загрузку стилей и скриптов<br>
Откройте консоль браузера (F12) на `https://qdev.run/`. Посмотрите, нет ли ошибок 404 для `style.css` или `main.js`. <br>
Если файлы отсутствуют на сервере — загрузите их.<br>
<br>
### 3.2. Заменить контент на правильную версию<br>
Возьмите содержимое из вашего HTML-файла (который вы прислали) и полностью замените им текущий `index.html` на сервере. <br>
Убедитесь, что:<br>
- Все тексты совпадают с экспертной версией.<br>
- Раздел «стек» работает, терминальная анимация (`#termBody`) заполняется.<br>
- Блог preview отображается на главной.<br>
<br>
### 3.3. Исправить страницу блога (`blog.html`)<br>
На скриншоте `blog.html` видны опечатки и несоответствия:<br>
- «выйди из реальных проектов» → «из реальных проектов»<br>
- «настольный монолит» → «хорошо написанный монолит»<br>
- «канцерование промо» → «кэширование промптов»<br>
- «багнит» → «батчинг»<br>
- «дистанция под конкретную задачу» → «дистилляция»<br>
- «деловой» → «деплой»<br>
- «продавчине» → «продакшне»<br>
- «NDB» → «MOB» и т.д.<br>
<br>
Проверьте также ссылки на статьи — они должны вести на реальные HTML-файлы (`post-monolith.html` и др.).<br>
<br>
### 3.4. Удалить дублирующиеся разделы<br>
В текущей версии (скриншот) трижды повторяется блок «05 / контакты» с одинаковой заглушкой. Оставьте один корректный блок с реальными контактами.<br>
<br>
### 3.5. Восстановить переключение языков и темы<br>
На скриншотах не видно этих элементов — возможно, они тоже сломаны. Убедитесь, что кнопки работают, а i18n-атрибуты правильно подменяют текст.<br>
<br>
### 3.6. Проверить адаптивность<br>
На скриншоте видно, что на ширине около 800px элементы разъезжаются (например, карточки «инструментов» становятся в колонку, но с огромными отступами). Исправьте медиа-запросы в `style.css`.<br>
<br>
---<br>
<br>
## 4. Что делать, если вы **хотели** такой минималистичный дизайн (как на скриншотах)?<br>
<br>
Если вдруг скриншоты — это и есть ваша целевая версия (намеренно «брутальная» и с ошибками в тексте), то это **плохая идея** для демонстрации экспертности. <br>
Рекомендую полностью отказаться от текущего контента и вернуться к версии из присланного HTML-файла — она профессиональна, структурирована и доносит нужные ценности без продаж.<br>
<br>
---<br>
<br>
## 5. Итоговая оценка (по скриншотам, как есть)<br>
<br>
| Критерий | Оценка (0–10) | Комментарий |<br>
|---------|--------------|-------------|<br>
| Достоверность контента | 1 | Текст бессмыслен или искажён |<br>
| Вёрстка и CSS | 2 | Поломанная, блоки дублируются, сетка не работает |<br>
| Экспертность | 1 | Выглядит как тестовый полигон, а не инженерная команда |<br>
| Навигация | 3 | Ссылки есть, но многие ведут на пустые страницы |<br>
| Блог | 4 | Есть статьи, но с опечатками и не на главной |<br>
| Общее впечатление | 1 | Требует немедленного исправления |<br>
<br>
---<br>
<br>
## 6. Действия «на сейчас»<br>
<br>
1. **Сравните** файлы на сервере с вашим локальным HTML. <br>
2. **Залейте** правильную версию `index.html`, `blog.html`, `style.css`, `main.js`. <br>
3. **Проверьте** в браузере (в том числе в инкогнито, чтобы исключить кэш). <br>
4. Если после этого сайт станет как в вашем HTML-файле — моя предыдущая развёрнутая оценка (с рекомендациями по кейсам, команде, терминалу) будет полностью актуальна.<br>
<br>
Если нужна помощь в диагностике (почему стили не применяются, почему текст изменился) — пришлите вывод консоли браузера или содержимое `style.css` — разберёмся.<br>