편집토론문서 역사

Test: 두 판 사이의 차이

(내용을 "<div class="main-portal"> <div data-component="category-nav"></div> </div>"(으)로 바꿈)
태그: 대체됨
편집 요약 없음
1번째 줄: 1번째 줄:
<div class="main-portal">
<div class="stylelab">
<div data-component="category-nav"></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="main-portal"><div data-component="category-nav"></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="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">카테고리 네비는 CategoryNav.js가 생성한 SVG polygon 구조를 사용.</div></div><div class="sample-row"><div class="sample-label">HOVER</div><div class="sample-value">사선 모양, 호버 영역, 클릭 영역, 검은 구분선이 같은 SVG 좌표계를 공유.</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:31 판

알림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
STYLE RULE CHECKMANUAL
NOTICE RAIL
정비 중 알림 행 전체에는 WIP 공사 라인을 적용하고, 텍스트에는 검은 그림자 획을 적용해 가독성을 유지.
GUESTBOOK
대문 본문 상단 오른쪽 슬롯에 배치. 현재는 더미 입력창과 가짜 메시지만 표시.
IMAGE FEED
겹쳐진 이미지 레이어가 좌측 아래와 우측 아래로 번갈아 표류하며 크로스페이드.
CATEGORY NAV
카테고리 네비는 CategoryNav.js가 생성한 SVG polygon 구조를 사용.
HOVER
사선 모양, 호버 영역, 클릭 영역, 검은 구분선이 같은 SVG 좌표계를 공유.
SITE INFORMATIONLINKS
개인정보처리방침›
면책 조항›
라이선스›
크레딧›