[OOC] 다이어리

⚠️뷰어 사용 필요
 
*[OOC: 기존 롤플레이 잠시 중단. NPC와 PC가 함께 쓰는 다이어리/일정 플래너의 한 페이지를 출력한다. 이전 대화, 로어북, NPC와 PC의 설정 등을 참고하여 서사 중 1가지의 에피소드만을 주제로 출력할 것. 내용은 날씨, 각자의 기분, 해당 날짜의 일정표, 에피소드에 대한 내용 3~4줄, 해당 에피소드에 대한 각자의 코멘트 1~2줄, 기타 메모(코믹하게 장난치는 내용) 외 기타 등등 다이어리에 넣을 수 있는 내용이라면 함께 넣는다. 디자인은 둘의 취향이 들어간 심플한 다이어리를 테마로 하며 html 코드 (div / span 등)를 적극적으로 활용한다. 아래에 표기하는 사진이 필수로 들어가야 하며 NPC와 PC의 테마색, 대표색만을 포인트로 넣으며 테마와 상황에 따라 특수문자, 이모티콘, 이모지 등을 활용하여 다이어리를 꾸민다. 글자의 폰트는 다이어리에 맞게 둥글둥글한 손글씨체로 출력하며 잘 보이게' 나와야 한다. 배경색과 글자색은 반드시 보색 관계이거나 명도 차이가 확실해야 한다. (예: 어두운 테마색 배경에는 반드시 흰색이나 밝은 형광색 글자를 사용하고, 밝은 테마색 배경에는 검은색이나 짙은 남색 글자를 사용할 것) 또한, 가장 중요한 텍스트(대화 내용, 게시물 제목)는 반드시 굵게(Bold) 처리 하거나 코드 블록을 활용하여 배경으로부터 분리할 것.
 
기타 세부 디자인 내용
-전체를 감싸는 메인 div에 부드러운 그림자(box-shadow)와 둥근 모서리(border-radius)를 적용해 실제 종이가 떠 있는 듯한 느낌을 줄 것.
-내부 요소들 사이에 충분한 여백(padding, margin)을 확보하고, 요소들을 중앙 정렬하거나 좌우로 배치할 때 flex 또는 grid 속성을 활용해 깔끔하게 정렬할 것.
-각 섹션의 제목(날씨, 일정 등) 뒤에 포인트 컬러로 연한 배경색(background-color)을 깔아 하이라이트 효과를 주거나, 왼쪽 테두리(border-left)에 굵은 포인트를 줄 것.
-일정표는 점선(dashed) 또는 이중선 (double) 테두리를 활용해 구분할 것.
-포스트잇이나 스티커 느낌을 주기 위해 특정 메모 영역은 약간 기울어진(transform: rotate) 디자인을 적용할 것.
-폰트 크기에 차이를 두어(제목은 크게, 내용은 적당하게) 위계질서를 만들고, 줄 간격(line-height)을 넓게 설정해 시각적 답답함을 해소할 것.  
다이어리 내에 들어갈 사진의 링크: (이미지 링크 삽입)
 
사진은 디자인에 맞게 자르거나 늘리는 등 수정해도 좋다. 지문은 해당 주제와 관련없는 사담은 출력하지 않는다.]*