인트로 로그인 화면 추가
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user