27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<style>
|
||
|
|
html,body{margin:0;height:100%;overflow:hidden;}
|
||
|
|
body{background:#1F3B73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
|
||
|
|
font-family:'Segoe UI',system-ui,sans-serif;-webkit-user-select:none;user-select:none;}
|
||
|
|
/* Branded orbit mark (white C + circling yellow dot) — matches the app icon/loader */
|
||
|
|
.mark{width:96px;height:96px;}
|
||
|
|
.mark .dot{transform-origin:50px 50px;animation:spin 1.1s linear infinite;}
|
||
|
|
@keyframes spin{to{transform:rotate(360deg);}}
|
||
|
|
.name{color:#fff;font-size:20px;font-weight:700;letter-spacing:.3px;}
|
||
|
|
.name b{color:#FFC708;font-weight:700;}
|
||
|
|
.sub{color:rgba(255,255,255,.66);font-size:12.5px;margin-top:-14px;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<svg class="mark" viewBox="0 0 100 100" aria-label="Biz Connect">
|
||
|
|
<circle cx="50" cy="50" r="34" fill="none" stroke="#ffffff" stroke-width="9" stroke-linecap="round" stroke-dasharray="165 300" transform="rotate(38 50 50)"/>
|
||
|
|
<g class="dot"><circle cx="84" cy="50" r="7" fill="#FFC708"/></g>
|
||
|
|
</svg>
|
||
|
|
<div class="name">Biz <b>Connect</b></div>
|
||
|
|
<div class="sub">Starting…</div>
|
||
|
|
</body>
|
||
|
|
</html>
|