Masonry
이때까진 그저 편하다는 이유로 px 단위로 요소들의 너비를 조정했는데, 퍼센트 단위로 변경해봤습니다.
손보면서 애니메이션도 조금 수정하고, 웹폰트 때문에 요소가 겹치는 현상이 발생해서 모든 요소를 불러오면 masonry가 요소를 재배열하도록 했습니다.
아코디언 메뉴
아코디언 메뉴를 한 번 만들어봤습니다.
접었다 펴는 게 좀 귀찮긴 하지만, 훨씬 깔끔해진 느낌을 주긴 하네요.
답글
더는 답글을 달기 위해 귀찮게 맨 처음 댓글을 찾아갈 필요가 없습니다.
대화가 좀 오가다 보면, 맨 처음 댓글 찾아서 답글 누르는 과정이 상당히 귀찮아져서 작업했습니다.
블로그 소개 줄 바꿈
사실 이렇게 리스트에 올릴 만큼 중요한 사항은 아니지만, 이런 것도 스크립트로 작업해야 한다는 사실이 슬퍼서 적어봅니다 ㅠㅠ
블로그 소개에 줄 바꿈이 제대로 적용되지 않아, br태그를 사용하면 줄 바꿈이 되도록 작업했습니다.
드랍다운 메뉴
예전엔 메뉴 하나(모바일에서 우측 상단에 표시되는 Menu)에만 드랍다운 메뉴를 적용했었는데, 스크립트를 수정하여 사용이 훨씬 편하도록 수정했습니다.
이제 원하는 메뉴들을 드랍다운 메뉴로 추가할 수 있습니다!
기타
* 예전에 포스트로 다뤘던 내용
- 완벽한 보안 연결을 적용했습니다.
- 최근 글에 이미지가 제대로 표시되지 않던 문제를 해결했습니다.
- 블로그의 테마를 변경했습니다.
- 댓글의 이모티콘 추가를 끝냈습니다. (총 55개)
* 다루지 않았던 내용
- 폰트를 '제주 고딕'으로 변경했습니다.
- 캘린더에 표시되는 시간을 변경했습니다.
- 공감 버튼 우측 하단에 copyleft svg를 추가했습니다.
- 어두운 모드가 완벽하게 작동하도록 수정했습니다.
- 인덱스 페이지 로고에 마우스를 올리면 표현되는 애니메이션을 수정했습니다.
- 간단한 class의 추가 등을 통해 원하는 결과(레이아웃 등)를 얻을 수 있도록 js와 css를 수정하는 중입니다.