bank-fraud / app /templates /base.html
root
init
942b115
Raw
History Blame Contribute Delete
1.93 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Fraud Console{% endblock %} — Banking Fraud Detection</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
corePlugins: { preflight: false },
theme: {
extend: {
colors: {
ink900: "#0b1220", ink800: "#121a2e", ink700: "#1a2540",
paper0: "#f7f8fa", paper100: "#eef0f4", paper200: "#e3e6ec",
accent: "#2454a6", accentStrong: "#163b7a",
low: "#1e8e5a", medium: "#b8790a", high: "#c4342e",
},
fontFamily: {
display: ["Space Grotesk", "Inter", "system-ui", "sans-serif"],
body: ["Inter", "system-ui", "sans-serif"],
mono: ["IBM Plex Mono", "ui-monospace", "SF Mono", "Menlo", "monospace"],
},
},
},
};
</script>
<link rel="stylesheet" href="/static/css/app.css">
{% block head %}{% endblock %}
</head>
<body class="{% block body_class %}{% endblock %}">
{% block body %}{% endblock %}
<div class="toast" id="toast"></div>
{% block role_script %}{% endblock %}
<script src="/static/js/auth-guard.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>