w-aura/index.html
Денис Катаев 7d2754abf0 AW-106-klaviyo-metric
2024-07-09 13:23:48 +00:00

167 lines
5.0 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<link rel="preload" as="image" href="/leo.webp" fetchpriority="high" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<title>AURA</title>
<style>
.splash-screen {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
height: 100%;
max-width: 560px;
padding: 0 32px;
}
.splash-screen img {
width: 100%;
animation-name: loading;
animation-duration: 3s;
animation-iteration-count: infinite;
}
@keyframes loading {
from {
transform: scale(1.5);
opacity: 0;
}
to {
transform: scale(1);
opacity: 100%;
}
}
</style>
</head>
<body>
<!-- Klaviyo Metric -->
<script type="module">
const klaviyoKeys = {
develop: "RM7w5r",
production: "Si7Jff",
};
const script = document.createElement("script");
script.src = `https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=${
klaviyoKeys[import.meta.env.MODE]
}`;
script.type = "text/javascript";
script.async = "";
document.head.appendChild(script);
</script>
<script>
!(function () {
if (!window.klaviyo) {
window._klOnsite = window._klOnsite || [];
try {
window.klaviyo = new Proxy(
{},
{
get: function (n, i) {
return "push" === i
? function () {
var n;
(n = window._klOnsite).push.apply(n, arguments);
}
: function () {
for (
var n = arguments.length, o = new Array(n), w = 0;
w < n;
w++
)
o[w] = arguments[w];
var t =
"function" == typeof o[o.length - 1]
? o.pop()
: void 0,
e = new Promise(function (n) {
window._klOnsite.push(
[i].concat(o, [
function (i) {
t && t(i), n(i);
},
])
);
});
return e;
};
},
}
);
} catch (n) {
(window.klaviyo = window.klaviyo || []),
(window.klaviyo.push = function () {
var n;
(n = window._klOnsite).push.apply(n, arguments);
});
}
}
})();
</script>
<!-- Klaviyo Metric -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] =
m[i] ||
function () {
(m[i].a = m[i].a || []).push(arguments);
};
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) {
if (document.scripts[j].src === r) {
return;
}
}
(k = e.createElement(t)),
(a = e.getElementsByTagName(t)[0]),
(k.async = 1),
(k.src = r),
a.parentNode.insertBefore(k, a);
})(
window,
document,
"script",
"https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js",
"ym"
);
</script>
<noscript>
<div>
<img
src="https://mc.yandex.ru/watch/95799066"
style="position: absolute; left: -9999px"
alt=""
/>
</div>
</noscript>
<!-- /Yandex.Metrika counter -->
<noscript>You need to enable JavaScript to run this app.</noscript>
<!-- Google Tag Manager (noscript) -->
<noscript
><iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-P3Q4DBBT"
height="0"
width="0"
style="display: none; visibility: hidden"
></iframe
></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="root">
<div class="splash-screen">
<img src="/leo.webp" alt="Aura - Energy of your Horoscope" />
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>