29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Our Recipe Atlas 로그인">
|
|
<title>로그인 · Our Recipe Atlas</title>
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
</head>
|
|
<body class="login-page">
|
|
<main class="login-card">
|
|
<div class="brand-mark" aria-hidden="true">ORA</div>
|
|
<p class="eyebrow">PRIVATE RECIPE ARCHIVE</p>
|
|
<h1>Our Recipe Atlas</h1>
|
|
<p class="login-copy">Instagram과 YouTube에서 발견한 레시피를 한곳에 정리하세요.</p>
|
|
<div id="login-alert" class="login-alert" role="alert" hidden>
|
|
<strong>이 Google 계정은 사용할 수 없어요.</strong>
|
|
<p>관리자에게 계정 등록을 요청하거나, 허용된 다른 계정으로 다시 시도해 주세요.</p>
|
|
</div>
|
|
<a id="google-login" class="button button-primary google-login" href="/auth/google">
|
|
<span aria-hidden="true">G</span>
|
|
<span id="google-login-label">Google 계정으로 계속하기</span>
|
|
</a>
|
|
<p class="fine-print">허용 목록에 등록된 Google 계정만 로그인할 수 있습니다.</p>
|
|
</main>
|
|
<script type="module" src="/js/login.js"></script>
|
|
</body>
|
|
</html>
|