Bb / index.html
admin08077's picture
Upload index.html
fc1bbef verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<!-- Preload key images to improve Largest Contentful Paint (LCP) -->
<link rel="preload" href="/assets/IMG_5610-Biaf2Zv9.webp" as="image" />
<link rel="preload" href="/thumb1.webp" as="image" />
<link rel="preload" href="/thumb2.webp" as="image" />
<link rel="preload" href="/thumb3.webp" as="image" />
<link rel="preload" href="/nft-pass.webp" as="image" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo Bank</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script src="https://d3js.org/d3.v7.min.js"></script>
<style>
/* Global styles for dynamic effects to prevent style tag injection */
.aurora-illusion {
background: radial-gradient(ellipse at top, #06b6d4, transparent),
radial-gradient(ellipse at bottom, #4f46e5, transparent);
background-size: 200% 200%;
animation: aurora-flow 15s ease-in-out infinite;
opacity: 0.15;
pointer-events: none;
}
@keyframes aurora-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://aistudiocdn.com/react@^19.1.1",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
"react/": "https://aistudiocdn.com/react@^19.1.1/",
"recharts": "https://aistudiocdn.com/recharts@^3.2.0",
"@google/genai": "https://aistudiocdn.com/@google/genai@^1.19.0",
"@apollo/client": "https://aistudiocdn.com/@apollo/client@^4.0.6"
}
}
</script>
<script type="module" crossorigin src="/assets/index-YA0i4qIK.js"></script>
</head>
<body class="bg-gray-950">
<div id="root"></div>
</body>
</html>