|
|
| 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 data-component="category-nav"></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 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="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> | | </div> |