63 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="ko" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Enter Access Code | 신라 AMP</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif']
}
}
}
};
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet" />
</head>
<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-black text-white min-h-screen flex items-center justify-center px-4 font-sans">
<div class="bg-gray-800 bg-opacity-70 backdrop-blur-lg p-8 rounded-2xl shadow-2xl w-full max-w-sm transition-all">
<div class="text-center mb-6">
<h1 class="text-3xl font-bold tracking-tight text-white">신라 AMP</h1>
<p class="text-sm text-gray-400 mt-2">Enter access code to continue</p>
</div>
<form method="POST" action="/password/">
{% csrf_token %}
<div class="mb-5">
<input
type="password"
name="password"
placeholder="Access code..."
class="w-full px-4 py-3 rounded-xl bg-gray-700 bg-opacity-80 text-white placeholder-gray-400 border border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 transition"
/>
</div>
<button
type="submit"
class="w-full py-3 bg-blue-600 hover:bg-blue-700 active:bg-blue-800 rounded-xl text-white font-semibold text-base transition duration-200 shadow-md hover:shadow-lg"
>
Enter
</button>
</form>
<div class="mt-6 flex justify-center space-x-4 text-sm">
<a href="{% url 'account_login' %}" class="text-blue-400 hover:text-blue-500 transition">
로그인
</a>
<span class="text-gray-500">|</span>
<a href="{% url 'account_signup' %}" class="text-green-400 hover:text-green-500 transition">
회원가입
</a>
</div>
</div>
</body>
</html>