<script>
import { onMount } from 'svelte';
let displayContent = false;
onMount(() => {
let tailwindScript = document.createElement("script");
tailwindScript.setAttribute("src", "https://cdn.tailwindcss.com");
document.head.appendChild(tailwindScript);
tailwindScript.addEventListener("load", () => {
displayContent = true;
});
});
console.log('With love, Sony AK <sony@sony-ak.com> GitHub https://github.com/sonyarianto');
</script>
{#if displayContent}
<div class="mydiv flex w-full items-center justify-center h-screen text-xl font-semibold">
am I at center bro?
</div>
{/if}
<style>
:global(body) {
overflow: hidden;
}
.mydiv {
animation: zoom .4s infinite alternate;
}
@keyframes -global-zoom {
0% {
transform: scale(1);
}
100% {