인트로 로그인 화면 추가

This commit is contained in:
2026-06-08 13:11:29 +09:00
parent a41d8a7f01
commit f3df978769
4 changed files with 459 additions and 2 deletions

View File

@@ -6,7 +6,43 @@
<title>CargoRadar 관제</title>
<link rel="stylesheet" href="/styles.css" />
</head>
<body>
<body class="is-login-active">
<section id="loginScreen" class="login-screen" aria-label="CargoRadar 로그인">
<div class="login-visual" aria-hidden="true"></div>
<div class="login-shade" aria-hidden="true"></div>
<div class="login-route-line login-route-line-a" aria-hidden="true"></div>
<div class="login-route-line login-route-line-b" aria-hidden="true"></div>
<div class="login-content">
<div class="login-copy">
<span class="brand-mark login-brand-mark" aria-hidden="true">CR</span>
<span class="login-eyebrow">CargoRadar 관제</span>
<h1>운송 현장을 한 화면에서 확인합니다</h1>
<p>차량 위치, 화물, 도착 시간을 관제 데스크에서 바로 확인할 수 있습니다.</p>
<div class="login-signal-list" aria-label="관제 상태">
<span>위치 수신</span>
<span>화물 추적</span>
<span>경로 확인</span>
</div>
</div>
<form id="loginForm" class="login-card">
<span class="section-eyebrow">접속</span>
<strong>관제 데스크 로그인</strong>
<label>
<span>담당자</span>
<input id="loginNameInput" name="name" autocomplete="username" />
</label>
<label>
<span>접속 코드</span>
<input id="loginCodeInput" name="code" type="password" autocomplete="current-password" />
</label>
<button type="submit">관제 시작</button>
<small>시범 운영</small>
</form>
</div>
</section>
<div class="app-shell">
<header class="topbar">
<div class="brand-lockup">
@@ -43,6 +79,7 @@
</span>
테스트 전송
</button>
<button id="logoutButton" class="toolbar-button secondary" type="button">로그아웃</button>
</div>
</header>