이 사이트는 두 개다. 앞은 포트폴리오, 뒤는 open second brain — 내가 생각하며 쌓는 노트들이 그대로 공개된 정원이다.

노트는 서로 링크로 이어진다. 링크를 누르면 새 창이 아니라 옆에 패널로 쌓인다. 그래서 맥락을 잃지 않고 하나의 생각에서 다음 생각으로 걸어갈 수 있다. 자세한 건 패널이 쌓이는 방식.

시작점 몇 개:

• Foundation — 내가 만드는 것
• 왜 두 번째 뇌인가
• 이 사이트의 글씨
• 왜 그냥 마크다운인가

노트는 /content/*.md에 산다. CMS도, DB도 없다. 이유:

• 소유. 텍스트 파일은 어디로든 옮겨간다. 잠금이 없다.
• 버전. git이 곧 히스토리. diff가 곧 변경 로그.
• 열림. 레포가 공개면 정원도 공개다.

[위키링크](note:위키링크)로 노트를 잇고, 빌드가 백링크를 계산한다. 프론트매터가 제목·날짜를 나른다. 그게 전부다.

돌아가기: 콜로폰 · 프로젝트

머릿속 생각은 휘발한다. 두 번째 뇌는 그걸 밖에 두고 링크로 엮는 장치다. 폴더가 아니라 링크가 구조다.

원칙 셋:

1. append-only. 지우기보다 잇는다. 링크를 타면 패널이 뒤에 쌓인다.
2. 공개가 기본. 정원은 남이 걸어 들어올 수 있어야 자란다.
3. 완결보다 흐름. 노트는 끝나지 않는다. 계속 고쳐 쓴다.

이 사이트가 그 실험이다. 소스는 그냥 마크다운.

보통 웹은 링크를 누르면 페이지가 바뀐다 — 왔던 맥락이 사라진다. 여기선 링크가 옆에 패널로 append된다.

• 이전 패널은 왼쪽에 spine처럼 남는다 (position: sticky).
• 최신 패널이 오른쪽 전체를 차지하고, 화면이 그리로 스크롤된다.
• 모바일은 한 장씩 스와이프 (scroll-snap).
• 하단엔 떠 있는 pill 하나 — 열린 패널마다 점 하나.

URL은 /notes/a/b/c처럼 자란다. 중간에서 새 링크를 눌러도 무조건 뒤에 붙는다. 이게 두 번째 뇌의 걷기 경험을 만든다.

전부 CSS다 — sticky + scroll-snap + z-index. JS는 스크롤과 인디케이터만.