ddps-lab / ddps-lab-marp-theme

ddps-lab-marp-theme
MIT License
0 stars 0 forks source link

연구실 Marp Theme 개선 작업 #1

Open mh3ong opened 1 year ago

mh3ong commented 1 year ago

https://github.com/ddps-lab/ddps-lab-marp-theme

위 repo에 생성한 marp (PPT를 markdown으로 제작하는 도구)의 연구실 용 테마 개선이 필요합니다. (교수님이 말씀하신 대로 웹 동아리와 연계해서 그 쪽에서 작업해줄 수 있으면 좋을 것 같습니다.)

기본 사항은 아래와 같습니다.

Marp는 Markdown 문법을 사용함. 그러나 markdown file 내에 html, css(style) 도 사용할 수 있음. markdown 파일 내에서 와 같은 형태도 사용이 가능함. 위 repo의 sample.md/sample.pdf(md 파일을 기반으로 생성한 ppt slides) 및 theme/ddps.css를 참조 theme의 경우 css로 작성됨. (위 repo의 경우, theme/ddps.css가 그것임.) markdown에서 '#' 을 작성하면 h1, '##' -> h2, '###' -> h3 .... 와 같은 식으로 css에서 인식하여 테마가 적용됨. 요구 사항은 아래와 같습니다.

built-in marp 테마 (https://github.com/marp-team/marp-core/tree/main/themes)및%EB%B0%8F) 기존에 만든 연구실 marp theme를 참고하여 새로운 marp theme 개발 DDPS LAB의 color, logo 등을 반영한 새로운 디자인으로 개발 아래의 내용은 기본적으로 ddps.css에 적용되어있지만, 코드가 난잡하여 개선이 필요하며, 추가적인 내용을 반영해줬으면 함.

첫 번째 타이틀 슬라이드에는 정중앙에 제목과 그 아래 세부 내용을 적을 수 있으면 함. 내용 설명 슬라이드에는 좌측 상단에 해당 슬라이드의 제목이 나타나고 그 아래에 내용을 입력할 수 있도록 함. 좌측 하단에 연구실 로고, 우측 하단에 날짜, 제목, 발표자 명을 입력할 수 있으면 함. theme에 css 내용을 추가해서 ddps.css의 .two-columns와 같이 class를 지정하면 손쉽게 슬라이드내 내용을 분할해서 적을 수 있도록 하듯이 이러한 여러가지 class를 추가해줬으면 함. 각종 태그 별 css를 적용해줬으면 함 (h1,h2,h3..., code 등)

mh3ong commented 1 year ago

박정명님과 협업하여 CSS 코드 리팩터링 완료하였으며, 기존에 코드블럭 색상에 문제가 있었던 부분, 제목과 본문 글자색이 모두 남색이었던 부분 (본문은 검정색을 원했음.) 등 수정완료되었습니다. 추가적으로 현재 표 가독성이 떨어지는 것 같아. LaTeX와 같은 논문 형식에 어울리도록 표 style을 수정 및 중간에 구분을 위한 슬라이드를 위한 css style 추가할 예정입니다.