Files
react-website/index.html
Mehboob Khan 84605dcf1a Fix white border flash on first paint
Route CSS (src/site/styles.css, admin.css) is code-split and only loads once
its lazy route's chunk arrives, so the default browser body margin showed as
a white ring around the dark Suspense fallback until then. Reset html/body
margin directly in index.html so it applies before any JS runs.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-02 18:03:39 +05:00

44 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Title, description, canonical and OG tags are rewritten per route by
src/cms/seo.ts, so every page and article has its own metadata. -->
<title>BlackDice | AI-Powered Cyber Defence</title>
<meta name="description"
content="BlackDice Cyber delivers AI-powered network protection for telecoms operators and financial institutions — confidence while connected, security of experience, security of economics.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.blackdice.ai/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="BlackDice Cyber">
<meta property="og:title" content="BlackDice | AI-Powered Cyber Defence">
<meta property="og:description"
content="AI-powered cyber defence for telecoms operators and financial institutions — protection embedded in the network.">
<meta property="og:url" content="https://www.blackdice.ai/">
<meta property="og:image" content="https://www.blackdice.ai/og-default.png">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/favicon-192.png" type="image/png" sizes="192x192">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=Ubuntu+Mono:wght@400;500;700&display=swap">
<!-- Route CSS (src/site/styles.css etc.) is code-split and loads with each
lazy route, so without this the default browser body margin shows as a
white ring around the dark Suspense fallback on first paint. -->
<style>
html, body { margin: 0; padding: 0; }
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>