65 lines
2.3 KiB
HTML
65 lines
2.3 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>로그아웃 | 신라 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">로그아웃하시겠습니까?</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form method="POST" action="{% url 'account_logout' %}">
|
||
|
|
{% csrf_token %}
|
||
|
|
{% if redirect_field_value %}
|
||
|
|
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
<div class="flex space-x-3">
|
||
|
|
<button
|
||
|
|
type="submit"
|
||
|
|
class="flex-1 py-3 bg-red-600 hover:bg-red-700 active:bg-red-800 rounded-xl text-white font-semibold text-base transition duration-200 shadow-md hover:shadow-lg"
|
||
|
|
>
|
||
|
|
로그아웃
|
||
|
|
</button>
|
||
|
|
<a
|
||
|
|
href="{% url 'main' %}"
|
||
|
|
class="flex-1 py-3 bg-gray-600 hover:bg-gray-700 active:bg-gray-800 rounded-xl text-white font-semibold text-base transition duration-200 shadow-md hover:shadow-lg text-center flex items-center justify-center"
|
||
|
|
>
|
||
|
|
취소
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</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 'main' %}" class="text-green-400 hover:text-green-500 transition">
|
||
|
|
메인으로
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|