편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
<div class="stylelab">
<div class="stylelab">
<div class="lab-logo">
<div class="lab-logo">
[[파일:Img-clbi-001.png|720px|link=]]
[[파일:Img-clbi-001.png|720px|link=]]
</div>
</div>
{| class="directory"
{| class="directory"
|-
|-
14번째 줄: 12번째 줄:
| [[인물|인물]]
| [[인물|인물]]
|}
|}
<div class="console">
<div class="console">
<div class="titlebar">
<div class="titlebar">
<span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span>
<span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span><span>MAIN RECORD ACCESS</span>
<span>MAIN RECORD ACCESS</span>
</div>
</div>
<div class="console-grid">
<div class="console-grid">
<div class="main-screen">
<div class="main-screen">
<h2>“절멸을 향한 위대한 장정”</h2>
<h2>“절멸을 향한 위대한 장정”</h2>
<p>쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.</p>
<p>쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.</p>
<p>땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고, 그 틈 속에서 사람들은 고통과 공포에 신음합니다.</p>
<p>땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고, 그 틈 속에서 사람들은 고통과 공포에 신음합니다.</p>
<p>그리고 시곗바늘이 흘러 2100년 1월 1일에 다다를 때, 사람들은 질문을 늦춘 대가로 답을 잃었다는 사실을 비로소 깨닫게 될 것입니다.</p>
<p>그리고 시곗바늘이 흘러 2100년 1월 1일에 다다를 때, 사람들은 질문을 늦춘 대가로 답을 잃었다는 사실을 비로소 깨닫게 될 것입니다.</p>
</div>
</div><div class="side-screen">
 
<div class="side-screen">
<div class="data-title">ARCHIVE INDEX</div>
<div class="data-title">ARCHIVE INDEX</div>
<table class="data-table">
<table class="data-table">
40번째 줄: 30번째 줄:
<tr><td>STATUS</td><td>OPEN</td></tr>
<tr><td>STATUS</td><td>OPEN</td></tr>
</table>
</table>
<div class="data-title" style="margin-top:8px;">NOTICE</div>
<div class="data-title" style="margin-top:8px;">NOTICE</div>
<table class="data-table">
<table class="data-table">
50번째 줄: 39번째 줄:
</div>
</div>
</div>
</div>
<div class="ticker">
<div class="ticker">
SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용
SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용
</div>
</div>
<div class="module-grid">
<div class="module-grid">
<div class="panel">
<div class="panel">
<div class="titlebar">
<div class="titlebar">
<span>SITE CHANGELOG</span>
<span>SITE CHANGELOG</span><span>LOCAL</span>
<span>LOCAL</span>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
69번째 줄: 54번째 줄:
</ul>
</ul>
</div>
</div>
</div>
</div><div class="panel work-panel">
 
<div class="panel work-panel">
<div class="titlebar">
<div class="titlebar">
<span>PROJECT TRACKER</span>
<span>PROJECT TRACKER</span><span>TEAM WORK</span>
<span class="work-badge">WIP:</span>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
83번째 줄: 65번째 줄:
</ul>
</ul>
</div>
</div>
</div>
</div><div class="panel">
 
<div class="panel">
<div class="titlebar">
<div class="titlebar">
<span>ARCHIVE STATUS</span>
<span>ARCHIVE STATUS</span><span>COUNT</span>
<span>COUNT</span>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
95번째 줄: 74번째 줄:
<b>000</b>
<b>000</b>
<span>DOCUMENTS</span>
<span>DOCUMENTS</span>
</div>
</div><div class="counter">
<div class="counter">
<b>006</b>
<b>006</b>
<span>CATEGORIES</span>
<span>CATEGORIES</span>
</div>
</div>
</div>
</div>
<div class="guestbook">
<div class="guestbook">
<b>GUESTBOOK</b><br>
<b>GUESTBOOK</b><br>
108번째 줄: 85번째 줄:
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel" style="margin-top:6px;">
<div class="panel" style="margin-top:6px;">
<div class="titlebar">
<div class="titlebar">
<span>STYLE RULE CHECK</span>
<span>STYLE RULE CHECK</span><span>MANUAL</span>
<span>MANUAL</span>
</div>
</div>
<div class="panel-body">
<div class="panel-body">
<div class="sample-row">
<div class="sample-row">
<div class="sample-label">광원</div>
<div class="sample-label">광원</div><div class="sample-value">북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.</div>
<div class="sample-value">북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.</div>
</div><div class="sample-row">
</div>
<div class="sample-label">외장</div><div class="sample-value">프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.</div>
<div class="sample-row">
</div><div class="sample-row">
<div class="sample-label">외장</div>
<div class="sample-label">내부 정보</div><div class="sample-value">리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.</div>
<div class="sample-value">프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.</div>
</div><div class="sample-row">
</div>
<div class="sample-label">색상</div><div class="sample-value">구조는 무채색으로 유지하고, 상태·분류·작업 단계처럼 작은 정보 단위에만 제한적으로 색을 사용.</div>
<div class="sample-row">
</div><div class="sample-row">
<div class="sample-label">내부 정보</div>
<div class="sample-label">WIP: 모티프</div><div class="sample-value">공사 라인은 PROJECT TRACKER, 제작 로그, WIP 공지처럼 제작 주체가 전면에 오는 영역에만 사용.</div>
<div class="sample-value">리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.</div>
</div>
<div class="sample-row">
<div class="sample-label">색상</div>
<div class="sample-value">구조는 무채색으로 유지하고, 상태·분류·작업 단계처럼 작은 정보 단위에만 제한적으로 색을 사용.</div>
</div>
<div class="sample-row">
<div class="sample-label">WIP: 모티프</div>
<div class="sample-value">공사 라인은 PROJECT TRACKER, 제작 로그, WIP 공지처럼 제작 주체가 전면에 오는 영역에만 사용.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

2026년 5월 17일 (일) 07:38 판

역사적 사건 설정 국가 및 조합 기업 및 공동체 군, 정치집단 인물

COASTLINE: BLACK ICE / OFFICIAL ARCHIVEMAIN RECORD ACCESS

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

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

땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고, 그 틈 속에서 사람들은 고통과 공포에 신음합니다.

그리고 시곗바늘이 흘러 2100년 1월 1일에 다다를 때, 사람들은 질문을 늦춘 대가로 답을 잃었다는 사실을 비로소 깨닫게 될 것입니다.

ARCHIVE INDEX
MODEPUBLIC RECORD
BUILDBLACK ICE
LIGHTNORTH
STATUSOPEN
NOTICE
01문서 정리 진행 중
02설정 기준 갱신 예정
03대문 스킨 테스트

SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용

SITE CHANGELOGLOCAL

  • 대문 리메이크 테스트 프레임 정리TEST
  • 외곽선 중첩 제거 및 시각 부피 규칙 적용CSS
  • 북쪽 광원 기준으로 테두리 방향 통일STYLE

PROJECT TRACKERTEAM WORK

ARCHIVE STATUSCOUNT

000 DOCUMENTS

006 CATEGORIES

GUESTBOOK
방문 기록 패널 테스트 중. 이 영역은 공식 기록소의 운영 흔적을 보여주는 보조 모듈입니다.

STYLE RULE CHECKMANUAL

광원
북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.
외장
프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.
내부 정보
리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.
색상
구조는 무채색으로 유지하고, 상태·분류·작업 단계처럼 작은 정보 단위에만 제한적으로 색을 사용.
WIP: 모티프
공사 라인은 PROJECT TRACKER, 제작 로그, WIP 공지처럼 제작 주체가 전면에 오는 영역에만 사용.