디렉터리 레이아웃

디렉터리 페이지는 본문 뒤에 카드 목록이 붙습니다. 카드는 front matter의 items:나 _data의 파일에서 가져옵니다. 이 레이아웃들은 자기 페이지에서만 modootoday-directory.css를 불러오고 JavaScript는 추가하지 않습니다.

레이아웃	카드 내용	필터 기준	구조화 데이터	데모
`portfolio`	이미지, 제목, 설명, 태그	`tags`	ItemList	포트폴리오
`team`	둥근 사진, 이름, 역할	`group`	Person 목록	팀
`jobs`	직무, 근무지, 고용 형태	`department`	ItemList	채용
`events`	날짜 타일, 제목, 장소, 캘린더 파일	없음	Event 목록	행사
`sponsors`	로고, 이름, 등급	`tier`	ItemList	후원사
`integrations`	로고, 이름, 분류, 설명	`category`	ItemList	연동

layout: directory는 기본형입니다. preset:에 위 이름 중 하나를 쓰거나, 생략하면 단순한 카드가 됩니다.

항목

---
layout: team
items:
  - {name: 김에이다, role: 창업자, group: 경영, image: /assets/ada.jpg, alt: "", url: /about/ada/}
  - {name: 이토 벤, role: 디자이너, group: 디자인}
---

항목마다 title이나 name이 필요합니다. 모든 항목에 url, text, image, alt, width, height를 쓸 수 있으며, 사진이 이름을 반복할 뿐이면 alt: ""로 두세요. 프리셋별 필드:

team: role, group
jobs: department, location, type
events: date(필수, YYYY-MM-DD HH:MM), end, location, 온라인 행사면 online: true(이때 url이 행사 장소)
sponsors: tier
integrations: category
portfolio: tags(목록)

여러 페이지에서 같은 목록을 쓰려면 _data/team.yml에 두고 items: 대신 data: team이라고 쓰세요.

필터

필터 필드의 값이 두 개 이상이면 카드 위에 버튼 줄이 나타납니다. 라디오 버튼 묶음이라 키보드로 조작할 수 있고 스크린 리더가 선택을 읽어 줍니다. 값은 12개까지 보입니다. 숨기려면 filter: false, 다른 필드로 거르려면 filter: <필드>를 쓰세요. :has()를 지원하지 않는 브라우저에서는 모든 카드가 보입니다.

행사

행사마다 페이지에 들어 있는 .ics 파일 링크가 있어 서버 없이 캘린더에 추가할 수 있습니다. 날짜는 사이트의 timezone을 따릅니다.

이 페이지 편집