편집토론문서 역사

Test: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<div class="stylelab">
<div class="main-portal">
<div class="notice-rail"><div class="notice-line is-alert"><span class="notice-badge">알림</span><span class="notice-date">2026.05.18</span><span class="notice-text">웹사이트는 아직 정비 중이며 일부 기능과 화면 구성은 테스트 상태입니다.</span><span class="notice-action">READ</span></div><div class="notice-line is-notice"><span class="notice-badge">공지</span><span class="notice-date">2026.05.18</span><span class="notice-text">이미지 피드, 방명록 입력창, 대문 레이아웃은 임시 시연 데이터로 표시됩니다.</span><span class="notice-action">VIEW</span></div></div>
<div class="notice-rail"><div class="notice-line is-alert"><span class="notice-badge">알림</span><span class="notice-date">2026.05.18</span><span class="notice-text">웹사이트는 아직 정비 중이며 일부 기능과 화면 구성은 테스트 상태입니다.</span><span class="notice-action">READ</span></div><div class="notice-line is-notice"><span class="notice-badge">공지</span><span class="notice-date">2026.05.18</span><span class="notice-text">이미지 피드, 방명록 입력창, 대문 레이아웃은 임시 시연 데이터로 표시됩니다.</span><span class="notice-action">VIEW</span></div></div>
<div class="lab-logo">[[파일:Img-clbi-001.png|760px|link=]]</div>
<div class="lab-logo">[[파일:Img-clbi-001.png|760px|link=]]</div>
<div class="directory directory-symmetric"><span class="dir-link dir-left-start">[[역사적 사건|역사적 사건]]</span><span class="dir-link dir-left-mid">[[설정|설정]]</span><span class="dir-link dir-left-end">[[국가 및 조합|국가 및 조합]]</span><span class="dir-link dir-project">[[프로젝트:소개|프로젝트]]</span><span class="dir-link dir-right-start">[[기업 및 공동체|기업 및 공동체]]</span><span class="dir-link dir-right-mid">[[군, 정치집단|군, 정치집단]]</span><span class="dir-link dir-right-end">[[인물|인물]]</span><span class="dir-hover h-left-start"></span><span class="dir-hover h-left-mid"></span><span class="dir-hover h-left-end"></span><span class="dir-hover h-project"></span><span class="dir-hover h-right-start"></span><span class="dir-hover h-right-mid"></span><span class="dir-hover h-right-end"></span><span class="dir-divider dir-divider-left d1"></span><span class="dir-divider dir-divider-left d2"></span><span class="dir-divider dir-divider-left d3"></span><span class="dir-divider dir-divider-right d4"></span><span class="dir-divider dir-divider-right d5"></span><span class="dir-divider dir-divider-right d6"></span></div>
<div data-component="category-nav"></div>
<div class="console"><div class="titlebar"><span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span><span>MAIN RECORD ACCESS</span></div><div class="console-body"><div class="console-grid"><div class="main-screen"><div class="image-feed"><div class="feed-layer feed-layer-1 feed-bg-001"></div><div class="feed-layer feed-layer-2 feed-bg-002"></div><div class="feed-layer feed-layer-3 feed-bg-003"></div><div class="feed-layer feed-layer-4 feed-bg-004"></div><div class="feed-caption"><span>IMAGE FEED / SELECTED ATMOSPHERE RECORDS</span><span>4 FRAMES</span></div></div><div class="statement-plate"><h2>“절멸을 향한 위대한 장정”</h2><p>쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.</p><p>땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고 있습니다.</p></div></div><div class="side-screen"><div class="screen-title"><span>GUESTBOOK</span><span>DUMMY</span></div><div class="guestbook-device"><div class="guestbook-messages"><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">GUEST-001</span><span class="guestbook-time">TODAY</span></div><div class="guestbook-text">처음 들어왔는데 분위기가 옛날 공식 사이트 같아서 좋습니다.</div></div><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">WIP:</span><span class="guestbook-time">SYSTEM</span></div><div class="guestbook-text">방명록 기능은 최종 단계에서 연결 예정입니다.</div></div><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">VISITOR</span><span class="guestbook-time">LOG</span></div><div class="guestbook-text">이미지 피드와 함께 상단에 배치되는 방문자 흔적 테스트.</div></div></div><div class="guestbook-form"><div class="guestbook-input">메시지를 입력하세요...</div><div class="guestbook-submit">WRITE</div></div></div></div></div></div></div>
<div class="console"><div class="titlebar"><span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span><span>MAIN RECORD ACCESS</span></div><div class="console-body"><div class="console-grid"><div class="main-screen"><div class="image-feed"><div class="feed-layer feed-layer-1 feed-bg-001"></div><div class="feed-layer feed-layer-2 feed-bg-002"></div><div class="feed-layer feed-layer-3 feed-bg-003"></div><div class="feed-layer feed-layer-4 feed-bg-004"></div><div class="feed-caption"><span>IMAGE FEED / SELECTED ATMOSPHERE RECORDS</span><span>4 FRAMES</span></div></div><div class="statement-plate"><h2>“절멸을 향한 위대한 장정”</h2><p>쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.</p><p>땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고 있습니다.</p></div></div><div class="side-screen"><div class="screen-title"><span>GUESTBOOK</span><span>DUMMY</span></div><div class="guestbook-device"><div class="guestbook-messages"><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">GUEST-001</span><span class="guestbook-time">TODAY</span></div><div class="guestbook-text">처음 들어왔는데 분위기가 옛날 공식 사이트 같아서 좋습니다.</div></div><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">WIP:</span><span class="guestbook-time">SYSTEM</span></div><div class="guestbook-text">방명록 기능은 최종 단계에서 연결 예정입니다.</div></div><div class="guestbook-message"><div class="guestbook-message-head"><span class="guestbook-name">VISITOR</span><span class="guestbook-time">LOG</span></div><div class="guestbook-text">이미지 피드와 함께 상단에 배치되는 방문자 흔적 테스트.</div></div></div><div class="guestbook-form"><div class="guestbook-input">메시지를 입력하세요...</div><div class="guestbook-submit">WRITE</div></div></div></div></div></div></div>
<div class="ticker">SITE LOG :: 이미지 피드 테스트 / 상단 게스트북 더미 입력창 / 로고는 최상단 간판으로 배치</div>
<div class="ticker">SITE LOG :: 이미지 피드 테스트 / 상단 게스트북 더미 입력창 / 로고는 최상단 간판으로 배치</div>
<div class="module-grid"><div class="panel"><div class="titlebar"><span>SITE CHANGELOG</span><span>RECORD</span></div><div class="panel-body"><ul class="record-list"><li><span>대문 리메이크 테스트 프레임 정리</span><span class="meta">TEST</span></li><li><span>이미지 피드 크로스페이드 추가</span><span class="meta">CSS</span></li><li><span>게스트북 상단 보조 슬롯 배치</span><span class="meta">STYLE</span></li></ul></div></div><div class="panel team-panel"><div class="titlebar"><span>PROJECT TRACKER</span><span>WIP:</span></div><div class="panel-body"><ul class="record-list"><li><span>[[21세기 위기|21세기 위기]] 문서 정리</span><span class="status-tag is-progress">진행</span></li><li><span>[[아나톨리아 연방|아나톨리아 연방]] 설정 보강</span><span class="status-tag is-review">검수</span></li><li><span>공단 키비주얼 제작</span><span class="status-tag is-wait">대기</span></li></ul></div></div><div class="instrument-panel"><div class="titlebar"><span>ARCHIVE STATUS</span><span>INSTRUMENT</span></div><div class="instrument-body"><div class="instrument-grid"><div class="gauge"><b>000</b><span>DOCUMENTS</span></div><div class="gauge"><b>006</b><span>CATEGORIES</span></div></div><div class="instrument-lines"><div class="instrument-line"><span class="instrument-label">LAST EDIT</span><span class="instrument-value">2100.01.01</span></div><div class="instrument-line"><span class="instrument-label">ACCESS</span><span class="instrument-value">PUBLIC RECORD</span></div></div></div></div></div>
<div class="module-grid"><div class="panel"><div class="titlebar"><span>SITE CHANGELOG</span><span>RECORD</span></div><div class="panel-body"><ul class="record-list"><li><span>대문 리메이크 테스트 프레임 정리</span><span class="meta">TEST</span></li><li><span>이미지 피드 크로스페이드 추가</span><span class="meta">CSS</span></li><li><span>게스트북 상단 보조 슬롯 배치</span><span class="meta">STYLE</span></li></ul></div></div><div class="panel team-panel"><div class="titlebar"><span>PROJECT TRACKER</span><span>WIP:</span></div><div class="panel-body"><ul class="record-list"><li><span>[[21세기 위기|21세기 위기]] 문서 정리</span><span class="status-tag is-progress">진행</span></li><li><span>[[아나톨리아 연방|아나톨리아 연방]] 설정 보강</span><span class="status-tag is-review">검수</span></li><li><span>공단 키비주얼 제작</span><span class="status-tag is-wait">대기</span></li></ul></div></div><div class="instrument-panel"><div class="titlebar"><span>ARCHIVE STATUS</span><span>INSTRUMENT</span></div><div class="instrument-body"><div class="instrument-grid"><div class="gauge"><b>000</b><span>DOCUMENTS</span></div><div class="gauge"><b>006</b><span>CATEGORIES</span></div></div><div class="instrument-lines"><div class="instrument-line"><span class="instrument-label">LAST EDIT</span><span class="instrument-value">2100.01.01</span></div><div class="instrument-line"><span class="instrument-label">ACCESS</span><span class="instrument-value">PUBLIC RECORD</span></div></div></div></div></div>
<div class="footer-grid"><div class="panel manual-panel"><div class="titlebar"><span>STYLE RULE CHECK</span><span>MANUAL</span></div><div class="panel-body"><div class="sample-row"><div class="sample-label">NOTICE RAIL</div><div class="sample-value">정비 중 알림 행 전체에는 WIP 공사 라인을 적용하고, 텍스트에는 검은 그림자 획을 적용해 가독성을 유지.</div></div><div class="sample-row"><div class="sample-label">GUESTBOOK</div><div class="sample-value">대문 본문 상단 오른쪽 슬롯에 배치. 현재는 더미 입력창과 가짜 메시지만 표시.</div></div><div class="sample-row"><div class="sample-label">IMAGE FEED</div><div class="sample-value">겹쳐진 이미지 레이어가 좌측 아래와 우측 아래로 번갈아 표류하며 크로스페이드.</div></div><div class="sample-row"><div class="sample-label">CATEGORY NAV</div><div class="sample-value">호버 배경과 검은 경계 획을 독립 오버레이로 분리해, 버튼 자체가 넘치지 않도록 처리.</div></div><div class="sample-row"><div class="sample-label">HOVER</div><div class="sample-value">호버 표시는 실제 항목 위에 별도 도형으로 표시하고, 링크 텍스트와 경계 획은 위 레이어에 유지.</div></div></div></div><div class="panel site-info-panel"><div class="titlebar"><span>SITE INFORMATION</span><span>LINKS</span></div><div class="panel-body"><div class="policy-list"><div class="policy-row"><span>[[개인정보처리방침|개인정보처리방침]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[면책 조항|면책 조항]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[라이선스|라이선스]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[크레딧|크레딧]]</span><span class="policy-mark">›</span></div></div><div class="social-strip"><span class="social-icon">[https://discord.gg/ctaeJ9d3Q5 DC]</span><span class="social-icon">[https://www.youtube.com/@nxdsxn YT]</span><span class="social-icon">[https://x.com/nxd_sxn X]</span><span class="social-icon">[[프로젝트:소개|WIP:]]</span></div></div></div></div>
<div class="footer-grid"><div class="panel manual-panel"><div class="titlebar"><span>ARCHIVE GUIDE</span><span>START</span></div><div class="panel-body"><div class="sample-row"><div class="sample-label">START HERE</div><div class="sample-value">처음 방문한 경우 대문 상단의 카테고리 네비를 통해 문서군을 먼저 선택합니다.</div></div><div class="sample-row"><div class="sample-label">WORLD VIEW</div><div class="sample-value">역사적 사건, 설정, 국가 및 조합, 기업 및 공동체, 군·정치집단, 인물 순서로 접근할 수 있습니다.</div></div><div class="sample-row"><div class="sample-label">PROJECT</div><div class="sample-value">중앙 프로젝트 항목은 제작 현황, 운영 정보, 팀 관련 문서로 이어지는 허브입니다.</div></div><div class="sample-row"><div class="sample-label">NOTICE</div><div class="sample-value">상단 알림은 현재 사이트 상태와 정비 정보를 우선적으로 표시합니다.</div></div><div class="sample-row"><div class="sample-label">GUESTBOOK</div><div class="sample-value">방명록은 최종 단계에서 실제 입력 기능과 기록 표시로 연결될 예정입니다.</div></div></div></div><div class="panel site-info-panel"><div class="titlebar"><span>SITE INFORMATION</span><span>LINKS</span></div><div class="panel-body"><div class="policy-list"><div class="policy-row"><span>[[개인정보처리방침|개인정보처리방침]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[면책 조항|면책 조항]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[라이선스|라이선스]]</span><span class="policy-mark">›</span></div><div class="policy-row"><span>[[크레딧|크레딧]]</span><span class="policy-mark">›</span></div></div><div class="social-strip"><span class="social-icon">[https://discord.gg/ctaeJ9d3Q5 DC]</span><span class="social-icon">[https://www.youtube.com/@nxdsxn YT]</span><span class="social-icon">[https://x.com/nxd_sxn X]</span><span class="social-icon">[[프로젝트:소개|WIP:]]</span></div></div></div></div>
</div>
</div>

2026년 5월 19일 (화) 08:40 기준 최신판

알림2026.05.18웹사이트는 아직 정비 중이며 일부 기능과 화면 구성은 테스트 상태입니다.READ
공지2026.05.18이미지 피드, 방명록 입력창, 대문 레이아웃은 임시 시연 데이터로 표시됩니다.VIEW
COASTLINE: BLACK ICE / OFFICIAL ARCHIVEMAIN RECORD ACCESS
IMAGE FEED / SELECTED ATMOSPHERE RECORDS4 FRAMES

“절멸을 향한 위대한 장정”

쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.

땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고 있습니다.

GUESTBOOKDUMMY
GUEST-001TODAY
처음 들어왔는데 분위기가 옛날 공식 사이트 같아서 좋습니다.
WIP:SYSTEM
방명록 기능은 최종 단계에서 연결 예정입니다.
VISITORLOG
이미지 피드와 함께 상단에 배치되는 방문자 흔적 테스트.
메시지를 입력하세요...
WRITE
SITE LOG :: 이미지 피드 테스트 / 상단 게스트북 더미 입력창 / 로고는 최상단 간판으로 배치
SITE CHANGELOGRECORD
  • 대문 리메이크 테스트 프레임 정리TEST
  • 이미지 피드 크로스페이드 추가CSS
  • 게스트북 상단 보조 슬롯 배치STYLE
PROJECT TRACKERWIP:
ARCHIVE STATUSINSTRUMENT
000DOCUMENTS
006CATEGORIES
LAST EDIT2100.01.01
ACCESSPUBLIC RECORD
ARCHIVE GUIDESTART
START HERE
처음 방문한 경우 대문 상단의 카테고리 네비를 통해 문서군을 먼저 선택합니다.
WORLD VIEW
역사적 사건, 설정, 국가 및 조합, 기업 및 공동체, 군·정치집단, 인물 순서로 접근할 수 있습니다.
PROJECT
중앙 프로젝트 항목은 제작 현황, 운영 정보, 팀 관련 문서로 이어지는 허브입니다.
NOTICE
상단 알림은 현재 사이트 상태와 정비 정보를 우선적으로 표시합니다.
GUESTBOOK
방명록은 최종 단계에서 실제 입력 기능과 기록 표시로 연결될 예정입니다.
SITE INFORMATIONLINKS
개인정보처리방침›
면책 조항›
라이선스›
크레딧›