hide content until components are loaded

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
2026-05-24 09:23:12 +02:00
parent 1977ee67f0
commit ac205bab1e
4 changed files with 10 additions and 1 deletions
@@ -15,7 +15,7 @@
    {% endblock %}
 </head>
 <body>
-<div>
+<div class="hidden">
    <tesoft-nav>
        {% for item in [{title: "Home", href: "/"}, {title: "Blog", href: "/blog"}, {title: "About me", href: "/about"}] %}
            <tesoft-button transparent href="{{ item.href }}" {% if item.title == title %}selected{% endif %}>
@@ -0,0 +1,4 @@
+import {onReady} from "./main.ts";
+
+onReady(() => {
+});
@@ -0,0 +1,4 @@
+import {onReady} from "./main.ts";
+
+onReady(() => {
+});
@@ -73,6 +73,7 @@ export function onReady(callback: () => void, ...components: TesoftComponent[])
        }

        await Promise.all(promises);
+        document.querySelector("body > div")!.classList.remove("hidden");
        callback();
    }