jomingyu / whale-gitpainter

Make your Github Profile more stylish!

Whale-GitPainter

깃허브 프로필은 생각보다 빨리 질립니다. 우리가 '잔디밭'을 가꾼다고 하는 기여 캘린더(contribution calendar)는 항상 초록색이기 때문이죠.

벤치마크 대상은 Chrome의 ColorGit이었습니다. 그 확장 앱은 기여 캘린더를 충분히 예쁘게 바꿀 수 있었지만, 색깔 조합이 한정적이라는 점이 마음에 걸렸습니다.

색깔을 마음대로 바꿀 수 있도록 ColorPicker를 달고, Whale 브라우저를 위해 개발했습니다. 지금은 Chrome 출시를 눈앞에 두고 있습니다.

We used

HTML/CSS/JS

jQuery

Angular.js

Contributors

UI, Front-end logics : Ashton Yoon

Icon : pyuni

whale-gitpainter's Issues

앞으로 출시까지 남은 것들 정리

UI & UX 관련

• UI 조금만 더 다듬기
• 초기화 기능 추가
• 크레딧?도 있으면 좋을 듯

코드 관련

• 지금 앵귤러랑 JQuery랑 섞어서 쓴 부분 조금 있음 → 앵귤러로 통일 필요

팝업 로직 작성(도와줘요 여환이형!)

1. 팝업 내부 자체적인 기능들 : 컬러 선택 시 RGB, HEX 바인딩과 반대 방향 바인딩(RGB나 HEX 입력 시 컬러가 선택되도록 하는 것)
2. 사용자 설정에 따라 보여지는 컬러 : colormanager.js의 함수와 변수를 이용하면 됩니다. loadColors 함수의 콜백 내부에서 originColors 배열에 접근하여 컬러 코드를 가져가면 됩니다.
3. 사용자의 설정 : colormanager.js의 saveColor 함수를 이용하면 됩니다. position으로 0~4 사이의 위치를 지정하고, colorCode로 #이 포함된 hex 형태의 컬러 코드를 보내면 됩니다.

popup에 관한 문제

cpick에 preview가 따로 있어서, 팝업을 열고 나서도 colorpicker를 열고닫을 수 있다는 이슈가 있습니다.
브라우저 상에서 팝업을 열었을 때 colorpicker 본문이 바로 나올 수 있도록 수정이 필요합니다.