Calculator & Recorder

사이트 링크

만들고 있는 디데이 사이트 링크 남겨드립니다. https://team-salad-anniversarys.netlify.app/

업데이트된 목록

다음은, 업데이트된 목록입니다.

진행바 추가

처음에는 진행 바를 이렇게 디자인했는데 색깔이 색깔이다 보니 정작 중요한 글씨가 안 보일 것 같아서 다음과 같은 코드로 변경했습니다. 완성된 모습은 아래에 있습니다.

.day {
  background: url(progress.png) 0 51px;
  background-repeat: no-repeat;
}

확실히 글자를 보는 것도 방해되지 않고 좋습니다.

디데이 중 생일만 보는 기능 추가

Online Tutorial 영상을 참고하여 Checkbox를 디자인한 후 생일이 아닌, birthday 클래스가 없는 요소를 숨김 처리하니 생일만 볼 수 있게 만들어졌습니다. 생일 축전만 그리시는 분들을 위해서 만들어 놓은 기능인데 정말 간편해졌습니다.

생일 축전만!