기존 목업 기반 커스텀 Discourse 테마 구현할 프리랜서 구합니다

[Jerome-cockpitLAB]

디스코커뮤니티 여러분,

CockpitLab 포럼을 위한 맞춤형 디스코 테마 구현을 도와줄 숙련된 프리랜서 개발자/통합 전문가를 찾고 있습니다. 이미 Lovable(AI 에디터)로 기능적인 목업을 제작했으며, 이제 이를 디스코 인스턴스에 적절히 통합하고자 합니다.

Lovable로 만든 목업: https://preview–forum-discourse.lovable.app/
현재 디스코 포럼: https://forum.cockpitlab.io/

프로젝트 개요:

• 필요한 모든 CSS가 포함된 테마의 상세한 목업이 이미 있습니다.
• 테마에는 커스텀 내비게이션, 스타일링된 버튼, 특정 푸터 및 표준 디스코 컴포넌트에 대한 다양한 수정 사항이 포함됩니다.
• 현재 색 팔레트(주로 #edb067을 기본 색상으로 사용)를 유지하고자 합니다.
• Lovable를 GitHub와, GitHub를 새로운 디스코 테마와 연결했으므로 GitHub에서 직접 수정이 가능합니다.

해결해야 할 기술적 문제 및 과제:

1. 커스텀 내비게이션: 현재 디스코 인스턴스에서 올바르게 표시되지 않는 드롭다운 메뉴(유용한 링크, 도구 등)가 포함된 상단 내비게이션 바가 목업에 포함되어 있습니다.
2. 푸터 통합: 여러 섹션으로 구성된 커스텀 푸터가 인스턴스에서 전혀 표시되지 않습니다.
3. 시각적 일관성: 일부 CSS 스타일이 무시되거나 디스코의 기본 스타일에 의해 덮어쓰기됩니다.
4. 반응형 디자인: 데스크톱에서는 잘 작동하지만 모바일에서는 버그가 있습니다(올바르게 표시되지 않는 드롭다운 메뉴, 정렬이 어긋난 요소 등).

구체적인 버그 예시:

• .cockpitlab-topnav 및 .cockpitlab-footer 클래스는 CSS에 있지만 해당 요소에 적용되지 않습니다.
• :root에서 정의된 CSS 변수가 인터페이스의 특정 부분에서 인식되지 않습니다.
• .btn-primary 클래스가 있는 버튼은 우리의 커스텀 스타일 대신 디스코의 기본 스타일을 유지합니다.
• 색상 위계가 존중되지 않습니다(예: 링크와 버튼이 여전히 디스코의 기본 색상을 사용함).

필요한 기술:

• 디스코 테마 및 그 컴포넌트 시스템에 대한 고급 경험
• SCSS/CSS 및 테마 통합 기술에 대한 숙련
• 인터랙티브 기능 구현을 위한 JavaScript 지식
• 커스텀 테마와 디스코 업데이트 간의 호환성 문제에 대한 이해

제가 제공할 수 있는 것:

• Lovable에서 목업에 대한 액세스 권한
• 테마 코드가 포함된 GitHub 저장소에 대한 액세스 권한
• 이미 개발된 CSS/SCSS 파일
• 원하는 결과물의 상세한 스크린샷
• 테스트를 위한 디스코 인스턴스에 대한 액세스 권한

예산과 일정은 프로필에 따라 협의할 예정입니다. 관심이 있거나 질문이 있으시면 개인 메시지나 댓글을 통해 자유롭게 연락해 주세요.

도움 주셔서 감사합니다!
“프로젝트 개요” 섹션에 GitHub 통합을 언급하는 항목을 추가하고, “제가 제공할 수 있는 것” 목록에 "테마 코드가 포함된 GitHub 저장소에 대한 액세스 권한"도 포함시켰습니다.

[NateDhaliwal]

안녕하세요, Customization > Theme component 카테고리를 확인해 보셨나요? 질문하신 것과 유사한 TC가 있을 수도 있습니다.

[Jerome-cockpitLAB]

안녕하세요, @NateDhaliwal
솔직히 말해서 제 문제는 개인적인 상황이라 포럼에서 조사를 해보지 않았습니다. 저는 개발자가 아니며, 목업에 대해 빠른 결과를 얻기 위해 도움을 구하고 있습니다.

Lovable이 Discourse에 특정한 모든 컴포넌트와 CSS 클래스를 고려하지 않은 것 같은 인상을 받고 있지만, 어떻게 진행해야 할지 모르겠습니다…

[NateDhaliwal]

제공해주신 설명을 바탕으로 관련이 있을 것으로 보이는 TC가 몇 가지 있습니다:

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

[Jerome-cockpitLAB]

감사합니다.
모든 TC를 확인하겠습니다.

[jahan_gagan]

이 부분에 대해 참여해 보고 싶어요. DM 보내겠습니다.

[NateDhaliwal]

번거롭게 해서 죄송하지만, 목업(mockup)을 살펴본 결과 일부는 TC(토픽 컨트롤)와 테마를 통해 해결할 수 있을 것 같습니다:

1. 태그 섹션: Discourse Tag Cloud 와 매우 유사해 보입니다.
2. 토픽 카드와 디자인이 포함된 메인 테마는 FKB Pro - Social theme 과 닮아 있습니다.
3. 카테고리 및 태그의 아이콘 부분은 Category Icons 과 Tag Icons 을 통해 구현할 수 있습니다.
4. 헤더 검색은 아마도 Advanced Header Search 를 사용하여 만들 수 있을 것입니다.

따라서 원하시는 디자인을, 또는 적어도 매우 유사한 버전을 구현하는 것이 분명히 가능하다고 생각합니다.

[Jerome-cockpitLAB]

구현하는 방법을 도와주실 수 있을까요?

[NateDhaliwal]

안녕하세요, 이 주제를 더럽히지 않도록 PM으로 이어서 말씀드리겠습니다.
감사합니다!