Ищем фрилансера для реализации кастомной темы Discourse (на основе существующего макета)

Привет, сообщество Discourse,

Я ищу опытного фриланс-разработчика/интегратора для реализации кастомной темы Discourse для нашего форума CockpitLab. Мы уже создали функциональный макет с помощью Lovable (AI-редактор), и теперь хотим корректно интегрировать его в наш экземпляр Discourse.

Макет, созданный в Lovable: https://preview–forum-discourse.lovable.app/
Текущий форум Discourse: https://forum.cockpitlab.io/

О проекте:

  • У нас уже есть детальный макет темы со всеми необходимыми CSS-стилями
  • Тема включает кастомную навигацию, стилизованные кнопки, специфический подвал (footer) и различные модификации стандартных компонентов Discourse
  • Мы хотим сохранить текущую цветовую палитру (основной цвет #edb067)
  • Мы подключили Lovable к GitHub, а GitHub — к новой теме Discourse, поэтому изменения можно вносить напрямую через GitHub

Технические проблемы и задачи для решения:

  1. Кастомная навигация: Наш макет включает верхнюю панель навигации с выпадающими меню (Полезные ссылки, Инструменты и т.д.), которые не отображаются корректно в текущем экземпляре Discourse.
  2. Интеграция подвала: Кастомный подвал с несколькими секциями вообще не отображается в нашем экземпляре.
  3. Визуальная согласованность: Некоторые из наших CSS-стилей игнорируются или перезаписываются стандартными стилями Discourse.
  4. Адаптивный дизайн: Наш дизайн хорошо работает на настольных компьютерах, но имеет ошибки на мобильных устройствах (выпадающие меню не отображаются корректно, элементы смещены).

Примеры конкретных ошибок:

  • Классы .cockpitlab-topnav и .cockpitlab-footer присутствуют в нашем CSS, но не применяются к соответствующим элементам
  • CSS-переменные, определённые в :root, не распознаются в некоторых частях интерфейса
  • Кнопки с классом .btn-primary сохраняют стандартный стиль Discourse вместо нашего кастомного
  • Иерархия цветов не соблюдается (например, ссылки и кнопки всё ещё используют цвет по умолчанию Discourse)

Необходимые навыки:

  • Продвинутый опыт работы с темами Discourse и их системой компонентов
  • Уверенное владение SCSS/CSS и техниками интеграции тем
  • Знание JavaScript для реализации интерактивных функций
  • Понимание проблем совместимости между кастомными темами и обновлениями Discourse

Я могу предоставить:

  • Доступ к нашему макету в Lovable
  • Доступ к нашему репозиторию GitHub с кодом темы
  • Уже разработанные файлы CSS/SCSS
  • Подробные скриншоты желаемого результата
  • Доступ к нашему экземпляру Discourse для тестирования

Бюджет и сроки обсуждаются в зависимости от профиля кандидата. Если вы заинтересованы или у вас есть вопросы, пожалуйста, свяжитесь со мной через личные сообщения или в комментариях.

Заранее спасибо за вашу помощь!
Я добавил пункт в раздел «О проекте», упомянув интеграцию с GitHub, а также включил «Доступ к нашему репозиторию GitHub с кодом темы» в список того, что я могу предоставить.

3 лайка

Привет! Ты уже посмотрел категорию #theme-component? Возможно, там есть TC, которые похожи на то, что ты ищешь.

Привет @NateDhaliwal

Признаюсь, я не проводил исследований на форуме, так как моя проблема индивидуальна. Я сам не разработчик и ищу помощь, чтобы быстро получить результат для моего макета.

Мне кажется, что Lovable не учла все компоненты и CSS-классы, специфичные для Discourse, но я не знаю, как двигаться дальше…

1 лайк

Есть несколько тем на форуме, которые, судя по вашему описанию, могут быть релевантными:

  1. ⬇️ Dropdown Header
  2. Header Submenus
  3. Custom Header Links (icons)
  4. Custom Header Links
  5. Topic Footer Buttons
  6. Easy Responsive Footer
1 лайк

Спасибо. Я проверю все ТЗ.

1 лайк

Меня это заинтересовало, отправлю вам ЛС.

2 лайка

Извините, что беспокою, но, глядя на макет, кажется, что часть этого можно решить с помощью тем и плагинов:

  1. Секция тегов: судя по всему, Discourse Tag Cloud довольно похожа.
  2. Основная тема с карточками тем и дизайном напоминает FKB Pro - Social theme.
  3. Category Icons и Tag Icons могут реализовать иконки для категорий и тегов.
  4. Поиск в шапке, вероятно, можно реализовать с помощью Advanced Header Search.

Так что, думаю, ваш дизайн точно можно реализовать, или хотя бы очень похожую версию.

2 лайка

Можете помочь мне это реализовать?

Привет! Давайте продолжим обсуждение в личных сообщениях, чтобы не захламлять эту тему.
Спасибо!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.