<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Viralroute – Your Path to Social Media Success</title>
<base href="/"/>
<!-- <base href="/seox-ng/"> -->
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
<style>
/* Splash container */
#splash-screen {
z-index: 9999;
display: block;
}
/* Fade out on remove */
#splash-screen.remove {
animation: fadeout 0.7s forwards;
}
@keyframes fadeout {
to {
display: none;
}
}
/* Rocket launch container */
.rocket-launch {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.exhaust {
width: 12px;
height: 40px;
background: radial-gradient(circle, orange 0%, transparent 70%);
position: absolute;
top: 100%;
animation: exhaust-flicker 0.3s infinite ease-in-out;
border-radius: 50%;
opacity: 0.7;
}
@keyframes exhaust-flicker {
0%,
100% {
transform: scaleY(1);
opacity: 0.7;
}
50% {
transform: scaleY(1.5);
opacity: 0.4;
}
}
</style>
<link rel="stylesheet" href="styles-NI6JMIWK.css"></head>
<body>
<app-root id="root"></app-root>
<div id="splash-screen" class="preloader7">
<div id="preloader">
<div class="rocket-launch">
<img src="assets/img/logo/white-logo.png" alt="ViralRoute" class="rocket-logo"/>
<div class="exhaust"></div>
</div>
</div>
</div>
<script>
const rootEl = document.querySelector('#root');
const observer = new MutationObserver((mutations, obs) => {
const contentReady = rootEl?.children.length > 0;
if (contentReady) {
document.querySelector('#splash-screen')?.classList.add('remove');
obs.disconnect();
}
});
observer.observe(rootEl, { childList: true, subtree: true });
</script>
<link rel="modulepreload" href="chunk-Y44I4Y57.js"><link rel="modulepreload" href="chunk-UHJGDJVN.js"><link rel="modulepreload" href="chunk-N7G75FPM.js"><script src="polyfills-6UXLMGYX.js" type="module"></script><script src="scripts-CWJO5AXB.js" defer></script><script src="main-GDNKUI2C.js" type="module"></script></body>
</html>