Swift-Query / templates /admin /selection.html
Darshan Kumar R
Deploy to Hugging Face Spaces (Clean)
ed0b977
Raw History Blame Contribute Delete
2.75 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>Admin Portal - SWIFT QUERY</title>
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: "#e67e22",
"background-light": "#fef3e9",
},
},
},
};
</script>
<style>
.glass-effect {
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.4);
}
.bg-gradient-warm {
background-image: linear-gradient(to right, #f8a65c, #d97706)
}
body {
background-image: url(https://images.unsplash.com/photo-1576091160550-2173dba999ef?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
background-size: cover;
background-position: center
}
</style>
</head>
<body class="bg-background-light min-h-screen flex flex-col items-center justify-center p-4">
<div class="w-full max-w-lg p-8 glass-effect rounded-2xl shadow-2xl border border-white/30 text-center">
<h1 class="text-4xl font-bold text-slate-900 mb-8 font-serif">Admin Portal</h1>
<p class="text-slate-700 mb-8">Please select your login type.</p>
<div class="space-y-4">
<a href="{{ url_for('admin.login', role='admin') }}"
class="block w-full bg-slate-900 text-white font-bold py-4 px-6 rounded-xl hover:bg-slate-800 transition-all shadow-lg flex items-center justify-center gap-3">
<span class="material-icons-outlined">admin_panel_settings</span>
<span>Administrator Login</span>
</a>
<a href="{{ url_for('admin.login', role='assistant') }}"
class="block w-full bg-gradient-warm text-white font-bold py-4 px-6 rounded-xl hover:shadow-xl transition-all shadow-lg flex items-center justify-center gap-3">
<span class="material-icons-outlined">assignment_ind</span>
<span>Assistant Login</span>
</a>
</div>
<div class="mt-8">
<a href="{{ url_for('index') }}" class="text-slate-600 hover:text-slate-900 underline">Back to Home</a>
</div>
</div>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
</body>
</html>