편집토론문서 역사

Test: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
2번째 줄: 2번째 줄:
<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">[[역사적 사건|역사적 사건]]</span><span class="dir-link dir-left">[[설정|설정]]</span><span class="dir-link dir-left">[[국가 및 조합|국가 및 조합]]</span><span class="dir-link dir-project">[[프로젝트:소개|프로젝트]]</span><span class="dir-link dir-right">[[기업 및 공동체|기업 및 공동체]]</span><span class="dir-link dir-right">[[군, 정치집단|군, 정치집단]]</span><span class="dir-link dir-right">[[인물|인물]]</span></div>
<div class="directory directory-symmetric"><div class="dir-side dir-side-left"><span class="dir-item dir-angle-right">[[역사적 사건|역사적 사건]]</span><span class="dir-item dir-angle-right">[[설정|설정]]</span><span class="dir-item dir-angle-right">[[국가 및 조합|국가 및 조합]]</span></div><span class="dir-project">[[프로젝트:소개|프로젝트]]</span><div class="dir-side dir-side-right"><span class="dir-item dir-angle-left">[[기업 및 공동체|기업 및 공동체]]</span><span class="dir-item dir-angle-left">[[군, 정치집단|군, 정치집단]]</span><span class="dir-item dir-angle-left">[[인물|인물]]</span></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="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>

2026년 5월 18일 (월) 19:49 판

알림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
프로젝트를 중심축으로 두고, 좌우에 세계관 카테고리 3개씩을 대칭 배치.
HOVER
항목 호버는 정렬이 흔들리지 않도록 배경과 텍스트 밝기만 바꾸고, 테두리 두께나 위치는 변경하지 않음.
SITE INFORMATIONLINKS
개인정보처리방침›
면책 조항›
라이선스›
크레딧›