대문: 두 판 사이의 차이

2026년 5월 20일 (수) 16:01 기준 최신판

알림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:

21세기 위기 문서 정리진행
아나톨리아 연방 설정 보강검수
공단 키비주얼 제작대기

ARCHIVE STATUSINSTRUMENT

000DOCUMENTS

006CATEGORIES

LAST EDIT2100.01.01

ACCESSPUBLIC RECORD

ARCHIVE GUIDESTART

START HERE

처음 방문한 경우 대문 상단의 카테고리 네비를 통해 문서군을 먼저 선택합니다.

WORLD VIEW

역사적 사건, 설정, 국가 및 조합, 기업 및 공동체, 군·정치집단, 인물 순서로 접근할 수 있습니다.

PROJECT

중앙 프로젝트 항목은 제작 현황, 운영 정보, 팀 관련 문서로 이어지는 허브입니다.

NOTICE

상단 알림은 현재 사이트 상태와 정비 정보를 우선적으로 표시합니다.

GUESTBOOK

방명록은 최종 단계에서 실제 입력 기능과 기록 표시로 연결될 예정입니다.

SITE INFORMATIONLINKS

개인정보처리방침›

면책 조항›

라이선스›

크레딧›

@@ 1번째 줄: / 1번째 줄: @@
 {{Langlink|lang=ko|ko=대문|en=Main_Page}}
-<div style="width:100%;color:#FFF;margin-top:5px;">
+<div class="main-portal">
-<div style="display:flex;gap:20px;margin-bottom:20px;">
+<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 style="flex:6.5;display:flex;flex-direction:column;gap:20px;">
+<div class="lab-logo">[[파일:Img-clbi-001.png|760px|link=]]</div>
-{| class="wikitable" style="background:transparent;border:none;color:#000;width:100%;max-width:1350px;margin:0 auto;"
+<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>
-! style="padding:0;background:transparent;border:none;color:#fff;" |
+<div class="ticker">SITE LOG :: 이미지 피드 테스트 / 상단 게스트북 더미 입력창 / 로고는 최상단 간판으로 배치</div>
-<div class="crt-monitor-frame">
+<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="crt-monitor-inner">
+<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 class="crt-monitor-screen">
-<div class="crt-glitch-panel crt-horizontal-warp">
-<div class="retro-grid-bg">
-<div class="crt-glow-content">
-<div style="margin-bottom:15px;">{{quote|{{h1|절멸을 향한 위대한 장정}}}}</div>
-<div style="text-align:center;font-weight:normal;line-height:1.6;color:#ccc;min-height:325px;font-size:14px">
-쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고,<br>매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.<br>땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고,<br>그 틈 속에서 사람들은 고통과 공포에 신음합니다.<br><br>지배자들의 합의된 계획이나 음모가 아닌 그저 망가진 정의와 윤리의 개념이 이끌어가는<br>‘마지막 100년’ 동안 인류는 민족, 종교, 이념, 혹은 그 어떤 이유가 되었든 죽지 못했기에 살고,<br>그것도 조금이라도 나은 형편을 위해 손에 닿는 무엇이든 주워들어 맞설 것입니다.<br><br>먼 곳을 내다보지 못한 채 각자의 의미를 붙잡은 이들에게 약속된 미래는 없었습니다.<br>희생된 자들의 추모는 행사가 되고, 행사는 곧 다시 다음 전쟁의 명분이 됩니다.<br>그렇게 정의의 이름으로 거행된 모든 전쟁의 끝은 오직 또 다른 무한한 살육과 희생의 늪이었습니다.<br><br>그리고 시곗바늘이 흘러 2100년 1월 1일에 다다를 때,<br>사람들은 질문을 늦춘 대가로 답을 잃었다는 사실을 비로소 깨닫게 될 것입니다.
 </div>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-|}
-{| class="wikitable" style="width:100%;max-width:1100px;margin:12px auto 0;background:transparent;border:none;color:#FFF;font-size:8.5pt;"
-|-
-| style="background:transparent;border:none;color:#fff;padding:0;" |
-<div class="crt-start-button-frame hover-gif-btn">
-<div class="crt-start-button-inner">
-<div class="crt-start-button-screen">
-<div style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;">[[시작하기|<div style="width:100%;height:100%;"></div>]]</div>
-<div class="hover-flash-effect" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background:white;opacity:0;pointer-events:none;"></div>
-<div class="hover-new-img-layer" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;display:flex;justify-content:center;align-items:center;transform:rotate(20deg);">
-[[파일:경과 바로가기 효과.png|315px|link=]]
-</div>
-<div class="gif-static" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.22;pointer-events:none;display:flex;justify-content:center;align-items:center;">
-[[파일:경과 바로가기 버튼 정지 이미지 (CLBI).png|615px|link=]]
-</div>
-<div class="gif-animated" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.22;pointer-events:none;display:flex;justify-content:center;align-items:center;">
-[[파일:경과 바로가기 버튼 배경 (CLBI).gif|615px|link=]]
-</div>
-<div class="crt-start-button-grid"></div>
-<div class="crt-start-button-glass"></div>
-<div class="crt-start-button-text">
-<div class="crt-start-button-title">시작하기</div>
-<div class="crt-start-button-subtitle">
-"주께서 어찌하여 내 허물을 사하여 주지 아니하시며 내 죄악을 제거하여 버리지 아니하시나이까"
-</div>
-</div>
-</div>
-</div>
-</div>
-|}
-</div>
-</div>
-</div>
-{| class="wikitable" style="border: 2px solid #854369; width: 100%; text-align: center;box-shadow:1px 1px 5px 1px #361427"
-| style="text-align: center; background:#0a0909; color:#fff; border:1px solid #280D28;" | {{Colfol|id=Credit|titlecolor=#c95197}}
-|-
-| colspan="1"  style="width: 20%; text-align: center; color: #fff; background: #151212; border:1px solid #280D28;" |
-<div style="display: inline-block; column-width:400px; column-count:2">
-{{D}} 阿b'埠.彤(nxd.sxn)<font color="#7f7f7f">(원작, 총편, AD)<sup>T'E'CLBI</sup></font>
-<br>{{D}}  Confidence<font color="#7f7f7f">(테크니컬 디렉터)<sup>T'E</sup></font>
-<br>{{D}}  LeeY◻◻<font color="#7f7f7f">(설정 보조)<sup>E</sup></font>
-<br>{{D}}  硕间<font color="#7f7f7f">(일러스트)<sup>E</sup></font>
-<br>{{D}}  尼可Nico<font color="#7f7f7f">(설정 보조, 디자인 작업)<sup>CLBI</sup></font>
-<br>{{D}}  Kelifonium<font color="#7f7f7f">(설정 보조)<sup>CLBI</sup></font>
-<br>{{D}}  solekudryavka<font color="#7f7f7f">(설정 보조)<sup>CLBI</sup></font>
-<br>{{D}}  support<font color="#7f7f7f">(디자인 작업)<sup>CLBI</sup></font>
-<br>{{D}}  도하<font color="#7f7f7f">(설정 보조, 디자인 작업, 웹)<sup>E'CLBI</sup></font>
-<br>{{D}}  Rainbow0704<font color="#7f7f7f">(기술적 지원)<sup>CLBI</sup></font>
-<br>{{D}}  UKKRHEE<font color="#7f7f7f">(설정 보조)</font>
-<br>{{D}}  rzecspospolita<font color="#7f7f7f">(설정 제공, 설정 보조)</font>
-<br>{{D}}  _burgertank<font color="#7f7f7f">(설정 보조)</font>
-<br>{{D}}  Imika<font color="#7f7f7f">(설정 제공)</font>
-<br>{{D}}  Lena<font color="#7f7f7f">(기술적 지원)</font>
-<br>{{D}}  세르게이<font color="#7f7f7f">(일러스트)<sup>CLBI</sup></font>
-<br>{{D}}  Lighter<font color="#7f7f7f">(설정 보조)</font>
-</div>
-|-
-| colspan="10" style="color:#FFF; border:1px solid #280D28; background:#0A0909; | <small><sup>T</sup>：Team Thread</small> · <small><sup>E</sup>：Excel Studio</small> · <small><sup>CLBI</sup>：Team CLBI</small>
-{{cfe}}
-|}
-[[분류:COASTLINE: BLACK ICE]]