modcomms/frontend/index.html
michael 5d5bfd571b Update browser tab title to Barclays Mod Comms
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-08 09:24:27 -06:00

66 lines
No EOL
1.8 KiB
HTML
Executable file

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Barclays Mod Comms</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'brand-dark-blue': '#001f5a',
'brand-light-blue': '#00a3e0',
'brand-accent': '#0070c0',
'brand-gray': '#f4f6f8',
'sidebar-bg': '#1f2937',
},
animation: {
'slow-ping': 'ping 2s cubic-bezier(0, 0, 0.2, 1) infinite',
},
keyframes: {
ping: {
'75%, 100%': {
transform: 'scale(2)',
opacity: '0'
}
},
}
},
},
}
</script>
<style>
@keyframes spin-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.custom-spinner {
animation: spin-animation 1s linear infinite;
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://aistudiocdn.com/react@^19.1.1",
"react/": "https://aistudiocdn.com/react@^19.1.1/",
"@google/genai": "https://aistudiocdn.com/@google/genai@^1.20.0",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
"jspdf": "https://aistudiocdn.com/jspdf@^2.5.1",
"html2canvas": "https://aistudiocdn.com/html2canvas@^1.4.1"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body class="bg-white">
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>